/* Browser edition: layout additions preserve the original Desert Bronze theme. */
.app-header { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); gap:14px; }
.header-left { display:flex; align-items:center; gap:10px; min-width:0; }
.brand-lockup { flex:0 1 auto; }
.creative-gen-logo { max-width:90px; height:29px; }
.app-mark {width:44px;height:44px;}
.product-name {font-size:19px;}
.product-version {color:var(--sand-light);font-size:12px;font-weight:700;white-space:nowrap;}
.music-button { min-width:112px; padding:7px 15px; position:relative; border-color:var(--border-strong); }
.music-button img {object-fit:contain;}
.playing-dot {display:none;width:6px;height:6px;border-radius:50%;background:var(--sand);box-shadow:0 0 10px var(--gold);}
.music-button.is-playing .playing-dot {display:block;animation:breathe 1.4s ease-in-out infinite alternate;}
@keyframes breathe {to{opacity:.4;transform:scale(.8)}}
.workspace-header {gap:8px;flex-wrap:wrap;}
.layer-tools {display:flex;gap:14px;align-items:center;flex-wrap:wrap;}
.layer-caption {font-size:11px;color:var(--text-muted);}
.fit-control {display:flex;align-items:center;gap:7px;font-size:12px;color:var(--sand);white-space:nowrap;}
.fit-control input {accent-color:var(--gold);width:15px;height:15px;}
.storage-error {color:var(--danger);}
.folder-status {font-size:10px;}
.image-information {justify-content:center;flex-wrap:wrap;gap:8px 20px;text-align:center;}
.file-information {max-width:40%;}
.file-information strong {user-select:text;}
.navigation-bar {display:flex;justify-content:center;align-items:center;gap:12px;min-height:64px;flex-wrap:wrap;}
.navigation-button {width:46px!important;min-width:46px;height:46px;padding:5px;display:grid;place-items:center;}
.navigation-button img {width:32px;height:32px;}
.slideshow-toolbar {display:flex;align-items:center;gap:7px;margin-left:10px;}
.slideshow-toolbar .tool-button {width:auto;}
.slideshow-button {min-height:38px;padding:4px 11px 4px 5px;}
.slideshow-button[aria-pressed=true] {border-color:rgba(228,173,109,.6);background:rgba(131,82,44,.5);color:var(--sand-light);box-shadow:0 0 11px rgba(222,150,77,.18);}
.slideshow-pause {font-size:23px;font-weight:700;color:var(--sand-light);border-color:var(--border-strong);}
.slideshow-settings-button {width:34px;height:34px;font-size:23px;color:var(--sand-light);line-height:1;}
.slideshow-random-button {min-height:35px;padding:4px 10px 4px 5px;}
.slideshow-random-button[aria-pressed=true] {color:var(--sand-light);border-color:var(--gold);background:rgba(128,76,38,.48);}
.slideshow-button img,.slideshow-random-button img {width:28px;height:28px;object-fit:contain;}
.slideshow-button[aria-pressed=true] img,.slideshow-random-button[aria-pressed=true] img {box-shadow:0 0 9px rgba(230,174,111,.3);}
.slideshow-settings-card {width:min(510px,calc(100vw - 24px));}
.slideshow-settings-card .form-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
.slideshow-settings-card .form-grid .form-field:last-child {grid-column:1/-1;}
.slideshow-settings-note {color:var(--text-muted);font-size:11px;line-height:1.45;padding:0 2px;}
.slideshow-settings-card input[type=number],.slideshow-settings-card select {width:100%;}
.slideshow-settings-card input[type=number]:disabled {opacity:.55;cursor:not-allowed;}
#soundButton:hover, #menuButton:hover {border-color:var(--gold);box-shadow:0 0 20px var(--glow);}
#soundButton img,#menuButton img {transition:transform 180ms;}
#soundButton:hover img,#menuButton:hover img {transform:scale(1.08);}
.menu-control.is-open .menu-popover {visibility:visible;opacity:1;transform:none;pointer-events:auto;}
.menu-popover {width:260px;}
.viewer-stage.is-drop-target {outline:2px solid var(--gold);outline-offset:-8px;box-shadow:inset 0 0 90px var(--glow);}
.viewer-stage.is-drop-target::after {content:'Ispusti WebP slike ili folder';z-index:20;inset:50% auto auto 50%;transform:translate(-50%,-50%);height:auto;width:max-content;max-width:90%;padding:20px 30px;border:1px solid var(--gold);background:var(--panel);border-radius:12px;opacity:1;}
.empty-state {width:100%;padding:14px;}
.empty-state-panel {display:grid;justify-items:center;gap:9px;width:min(100%,490px);padding:clamp(18px,4vw,32px);border:1px dashed rgba(229,168,99,.4);border-radius:14px;background:rgba(166,99,53,.07);transition:background 150ms,border-color 150ms;}
.viewer-stage.is-drop-target .empty-state-panel {background:rgba(166,99,53,.22);border-color:var(--sand);}
.empty-state-panel > img {width:68px;height:68px;border-radius:16px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.4));}
.empty-state-panel h1 {font-size:21px;letter-spacing:.025em;color:var(--text-primary);}
.empty-state-panel p {font-size:13px;color:var(--sand-light);}
.empty-hint {font-size:11px;line-height:1.5;color:var(--text-muted);}
.empty-actions {display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:9px;}
.empty-actions button {min-height:36px;padding:7px 12px;font-size:11px;white-space:nowrap;}
.empty-actions .empty-action {margin-top:0;}
.empty-actions button:focus-visible,.image-actions button:focus-visible,.slideshow-toolbar button:focus-visible,.music-return-button:focus-visible {outline:2px solid var(--gold);outline-offset:2px;}
.viewer-stage.is-native-size {display:block;overflow:auto;padding:16px;}
.viewer-stage.is-native-size .image-plane {margin:auto;max-width:none;flex:none;}
.image-plane {border:0;outline:1px solid rgba(242,193,129,.32);transition:opacity 130ms;}
.image-plane.is-changing {opacity:.6;}
.watermark-layer {touch-action:none;}
.watermark-layer.is-active::before {opacity:1;border-color:var(--gold);}
.watermark-layer.is-active .resize-handle {opacity:1;}
.layer-select {max-width:155px;min-width:85px;padding:5px 7px;color:var(--sand-light);background:var(--bg-primary);border:1px solid var(--border);border-radius:7px;font-size:11px;}
.tool-button img,.icon-button img,.navigation-button img,.primary-action img,.menu-item img,.layer-label img,.mini-icon-button img,.export-summary img {object-fit:contain;}
.fit-control img {width:22px;height:22px;object-fit:contain;}
.workspace-card {grid-template-rows:auto minmax(0,1fr) auto auto auto;}
.image-actions {display:flex;justify-content:center;align-items:center;gap:10px;min-height:60px;padding:8px 12px;background:rgba(42,25,16,.97);border-top:1px solid var(--border);flex-wrap:wrap;}
.image-actions .tool-button {min-height:39px;justify-content:center;}
.image-actions .tool-button img {width:27px;height:27px;}
.image-actions #clearImagesButton {border-color:rgba(229,168,99,.26);}
.music-return-button {display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:92px;padding:6px 10px;font-size:11px;font-weight:700;letter-spacing:.02em;color:var(--sand-light);}
.export-progress {font-size:12px;line-height:1.5;color:var(--sand-light);padding:9px 11px;border:1px solid var(--border);border-radius:8px;background:rgba(73,43,25,.35);}
.playlist-actions {display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end;}
.playlist-actions .text-button {white-space:nowrap;}
.modal-backdrop {z-index:100;}
body[data-modal-open] .app-shell {filter:brightness(.8);}
@media(max-width:1280px){.header-left{gap:7px}.creative-gen-logo{max-width:72px}.brand-lockup{gap:7px}.product-name{font-size:17px}.version-line{font-size:8px}.toolbar{gap:5px}.tool-button{padding:5px 7px}}
@media(max-width:1060px){.toolbar .tool-button span{display:none}.toolbar .tool-button{width:40px;padding:4px}.brand-separator,.creative-gen-logo{display:none}.music-button span{display:inline}.music-button .playing-dot{display:none}.music-button.is-playing .playing-dot{display:block}.layer-caption{display:none}}
@media(max-width:680px){.app-shell{min-width:320px;min-height:520px;padding:6px;gap:6px}.app-header{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'brand brand' 'music tools';gap:5px;padding:7px;min-height:82px}.header-left{grid-area:brand;gap:5px}.music-button{grid-area:music;justify-self:start;min-width:86px;padding:5px 10px}.toolbar{grid-area:tools;flex-wrap:nowrap;justify-self:end}.brand-content{display:block}.brand-line{gap:5px}.brand-separator,.creative-gen-logo,.version-line{display:none}.product-name{font-size:15px}.product-version{font-size:11px}.app-mark{width:30px;height:30px}.music-button img{width:24px;height:24px}.file-information{max-width:100%}.image-information{gap:5px 14px}.workspace-header{padding:7px 10px}.layer-tools{gap:8px}.watermark-controls{gap:5px;flex-wrap:wrap}.layer-label{max-width:100px}.opacity-control input[type=range]{width:70px}.folder-status{width:100%}.navigation-bar{min-height:56px}.modal-backdrop{padding:8px}.modal-card{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}}
@media(max-width:680px){.image-actions{gap:5px;padding:5px;min-height:52px}.image-actions .tool-button{width:auto;min-height:36px;padding:3px 6px}.image-actions .tool-button img{width:22px;height:22px}.image-actions .tool-button span{display:inline;font-size:10px}.playlist-actions{gap:8px}.fit-control img{width:18px;height:18px}}
@media(max-width:680px){.navigation-bar{gap:5px;padding:5px}.navigation-button{width:40px!important;min-width:40px;height:40px}.navigation-button img{width:28px;height:28px}.slideshow-toolbar{margin-left:4px;gap:4px}.slideshow-button{padding:4px 6px;min-height:34px}.slideshow-settings-button{width:32px;height:32px}.slideshow-random-button{padding:4px 6px;min-height:32px}.slideshow-button img,.slideshow-random-button img{width:24px;height:24px}}
@media(max-width:680px){body{overflow:auto}.app-shell{height:auto;min-height:max(100dvh,720px)}.workspace-card{grid-template-rows:auto minmax(240px,1fr) auto auto auto}}
@media(max-width:430px){.slideshow-settings-card .form-grid{grid-template-columns:minmax(0,1fr)}.slideshow-settings-card .form-grid .form-field:last-child{grid-column:auto}.slideshow-toolbar{margin-left:0}.slideshow-button span,.slideshow-random-button span{font-size:10px}.empty-state-panel{gap:7px;padding:15px}.empty-state-panel>img{width:52px;height:52px}.empty-actions{gap:6px}.empty-actions button{padding:7px 9px;font-size:10px}}
@media(max-height:560px){body{overflow:auto}.app-shell{min-height:520px}}
.menu-control:not(.is-open) .menu-popover {visibility:hidden;opacity:0;pointer-events:none;}

/* ExportAll is a visible, inactive premium control. */
#exportSliderButton {position:relative;opacity:.62;cursor:not-allowed;filter:saturate(.55);}
#exportSliderButton:hover,#exportSliderButton:focus-visible {opacity:.9;border-color:var(--gold);}
#exportSliderButton::after {content:'PROnly';position:absolute;left:50%;bottom:calc(100% + 9px);transform:translate(-50%,4px);padding:6px 10px;border:1px solid var(--gold);border-radius:7px;background:var(--panel);color:var(--sand-light);font-size:11px;font-weight:700;white-space:nowrap;box-shadow:0 8px 25px rgba(0,0,0,.5);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s,transform .15s;z-index:30;}
#exportSliderButton:hover::after,#exportSliderButton:focus-visible::after {opacity:1;visibility:visible;transform:translate(-50%,0);}
@media(max-width:680px){.image-actions{overflow:visible}#exportSliderButton::after{bottom:calc(100% + 5px)}}