/* Round 1: editor header only. */
.unified-header{height:64px;display:grid;grid-template-columns:140px 1fr 140px;align-items:center;gap:22px;padding:0 32px;background:#0f111b;color:#f4f0e8;border-bottom:1px solid #ffffff16;font:12px Manrope,Arial,sans-serif}
.unified-logo{width:120px;height:52px;display:flex;align-items:center;justify-content:center;overflow:hidden}.unified-logo img{width:145px;height:auto;max-width:none}
.unified-header nav{display:flex;justify-content:center;gap:24px}.unified-header a{color:inherit;text-decoration:none}.unified-header a[aria-current]{color:#d2b888}.unified-header button{border:0;background:transparent;color:#d2b888;padding:9px;font:inherit;cursor:pointer}
@media(max-width:760px){.unified-header{padding:0 10px;gap:8px;height:62px;grid-template-columns:90px 1fr 82px}.unified-logo{width:90px;height:46px}.unified-logo img{width:115px}.unified-header nav{flex-direction:column;gap:4px;font-size:10px}.unified-header button{font-size:10px;padding:4px}.free-trial-banner{font-size:11px;padding:6px}}
/* Round 2: numbered steps, original controls retained. */
.unified-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid #ffffff16;padding:0 10px;flex:none}.unified-tabs button{font:11px Manrope,Arial,sans-serif;color:#aaa9b8;border:0;border-bottom:2px solid transparent;background:none;padding:18px 3px;cursor:pointer;white-space:nowrap}.unified-tabs button[aria-selected=true]{color:#d2b888;border-color:#d2b888}
.unified-panel{padding:16px}.unified-panel .gift-slots{margin-bottom:16px}.unified-plain>summary{display:none!important}.unified-plain{border:0!important}.unified-detail{border:1px solid #ffffff16;border-radius:10px;margin:0 0 12px}.unified-detail>summary{padding:12px;color:#d2b888;cursor:pointer;font:500 18px 'Cormorant Garamond',serif}.unified-detail>div,.unified-detail>p{padding:12px}.unified-plain>div{padding:0}.unified-step-actions{display:flex;justify-content:space-between;gap:12px;margin-top:20px}.unified-step-actions button{padding:10px 12px;border:1px solid #ffffff16;border-radius:7px;background:transparent;color:#d2b888;cursor:pointer;font:12px Manrope,Arial,sans-serif}.unified-step-actions .primary{background:#d2b888;color:#171a26;margin-left:auto}.unified-panel[hidden]{display:none!important}
/* Round 3: all original occasion memberships and radio inputs retained. */
#panel-background .unified-folder-list{display:flex;flex-direction:column;gap:0;max-height:280px;overflow:auto;margin:0;border:1px solid #ffffff16;border-radius:9px}.unified-folder-list .unified-folder{width:100%;text-align:left;border:0;border-bottom:1px solid #ffffff16;border-radius:0;padding:12px;background:transparent;color:#f4f0e8;font-size:12px}.unified-folder:before{content:'▱';color:#d2b888;margin-right:10px}.unified-folder:after{content:'›';float:right}.unified-folder-header{display:flex;justify-content:space-between;align-items:center;padding:8px;color:#d2b888}.unified-folder-header button{background:none;border:0;color:inherit;font-size:12px;cursor:pointer}
#panel-background .unified-folder-content{max-height:300px;overflow:auto;margin:0;padding:4px;scrollbar-width:thin}#panel-background #background-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}#panel-background .background-card{min-width:0;padding:3px;border-radius:7px}#panel-background .background-thumb{height:90px!important;min-height:0;background:transparent!important}#panel-background .background-thumb img,#panel-background .background-thumb svg{width:100%;height:100%;object-fit:contain}#panel-background .background-card strong{font:11px/1.3 Manrope,Arial,sans-serif}#panel-background .background-card small,#background-collection-note{display:none}.unified-folder-content[hidden],.unified-folder-list[hidden],.unified-folder-header[hidden]{display:none!important}
/* Round 4: the protected poster bitmap is also used in lifestyle scenes. */
.stellar-preview-top{display:flex;justify-content:center;align-items:center;gap:22px;color:#aaa9b8;font:12px Manrope,Arial,sans-serif}.stellar-preview-top button{border:0;background:none;color:#d2b888;font-size:25px;padding:6px;cursor:pointer}.stellar-gallery{display:grid;grid-template-columns:72px minmax(0,1fr);gap:18px;align-items:center;margin:12px 0}.stellar-scenes{display:grid;gap:10px}.stellar-scenes button{padding:4px;background:transparent;border:1px solid transparent;border-radius:8px;color:#aaa9b8;font:10px Manrope,Arial,sans-serif;cursor:pointer}.stellar-scenes button[aria-selected=true]{border-color:#d2b888;color:#d2b888}.stellar-scenes img{width:58px;height:70px;object-fit:cover;display:block;border-radius:4px;margin-bottom:4px}.stellar-scenes [data-stellar-bitmap]{object-fit:contain}.stellar-stage{min-width:0;display:grid;place-items:center}.stellar-stage .poster-open{margin:0!important;width:var(--poster-fit-width)!important;max-width:100%}.stellar-scene{position:relative;width:100%;aspect-ratio:3/2}.stellar-scene>img:first-child{width:100%;height:100%;object-fit:contain}.stellar-scene [data-stellar-bitmap]{position:absolute;object-fit:fill}.stellar-hint{text-align:center;color:#aaa9b8;font:11px Manrope,Arial,sans-serif;margin:8px 0}.preview-editor-title[hidden],.preview-top[hidden],.poster-open[hidden],.stellar-scene[hidden]{display:none!important}.preview-actions{font-size:10px;gap:12px;justify-content:center;flex-wrap:wrap}.preview-actions button{font-size:10px}
.stellar-scene [data-stellar-bitmap]{object-fit:contain;background:#eee7dc}
/* Round 5: export controls in the format step. */
.gift-checkout[hidden],.stellar-hidden-purchase{display:none!important}.stellar-format-card{display:grid;gap:9px;border:1px solid #d2b888;border-radius:10px;padding:20px;color:#f4f0e8;background:#d2b88808}.stellar-format-card strong{font:500 22px 'Cormorant Garamond',serif}.stellar-format-card span{font-size:11px;color:#aaa9b8}.stellar-download-buttons{display:grid;gap:12px;margin-top:20px}.stellar-download-buttons .primary{font-size:12px;padding:14px;border-radius:7px;background:#d2b888;color:#171a26;border:0}.unified-panel .purchase-action{display:block;margin-top:12px}.unified-panel .payment-note{font-size:11px;color:#aaa9b8}.unified-panel #buy-gift[hidden]{display:none!important}
/* Round 6: shared lunar palette and mobile sheet, without replacing controls. */
:root{--gold:#d2b888;--paper:#f4f0e8;--muted:#aaa9b8;--line:#ffffff16;color-scheme:dark}body.studio-compact{background:#0f111b;color:var(--paper);font:13px/1.5 Manrope,Arial,sans-serif}.studio-compact main{max-width:1440px;margin:auto;padding:18px 28px}.studio-compact .studio{display:grid;grid-template-columns:400px minmax(0,1fr);gap:20px;align-items:start}.studio-compact .studio-heading{grid-column:1/-1;margin:0;min-height:25px}.studio-heading h1{font:500 21px 'Cormorant Garamond',serif}.studio-badge{font:10px Manrope,Arial,sans-serif;border:1px solid var(--line);padding:5px 10px;color:var(--muted)}.studio-compact .studio>.editor{position:sticky;top:12px;background:#171a26;border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;max-height:calc(100svh - 155px);height:auto;overflow:hidden}.studio-compact .editor-panels{overflow:auto;min-height:0;flex:1;scrollbar-width:thin;scrollbar-color:#d2b88866 transparent}.studio-compact .editor-footer{font-size:10px;padding:10px 16px;border-top:1px solid var(--line);background:#171a26}.studio-compact .editor-footer button{font-size:11px}.studio-compact .preview-stack{position:sticky;top:12px;min-width:0}.studio-compact .preview-column{padding:12px;background:transparent;border:0;border-radius:12px;max-height:none;overflow:visible}.studio-compact .gift-slots{padding:0;gap:8px;border:0;background:none}.studio-compact .gift-slots button{font:13px Manrope,Arial,sans-serif;padding:10px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--paper)}.studio-compact .gift-slots button[aria-pressed=true]{border-color:var(--gold);background:#d2b88810}.studio-compact .gift-slots small{font-size:10px}.studio-compact .gift-slots button>span{color:var(--gold)}
.studio-compact .editor label,.studio-compact .editor legend{font:11px/1.5 Manrope,Arial,sans-serif;color:var(--muted)}.studio-compact .editor input:not([type=radio]):not([type=checkbox]):not([type=range]):not([type=color]),.studio-compact .editor select,.studio-compact .editor textarea{background:#0f111b;color:var(--paper);border:1px solid var(--line);border-radius:6px;font:12px Manrope,Arial,sans-serif;min-height:38px;padding:8px}.studio-compact .editor input[type=checkbox],.studio-compact .editor input[type=radio]{accent-color:var(--gold)}.studio-compact .editor input[type=range]{appearance:none;background:transparent;accent-color:var(--gold);height:24px}.studio-compact .editor input[type=range]::-webkit-slider-runnable-track{height:3px;background:#d2b88877;border-radius:3px}.studio-compact .editor input[type=range]::-webkit-slider-thumb{appearance:none;background:#d2b888;border:2px solid #171a26;width:16px;height:16px;border-radius:50%;margin-top:-6px}.studio-compact .editor .primary{background:var(--gold);color:#171a26;border:0;border-radius:7px;font:12px Manrope,Arial,sans-serif}.studio-compact .editor .field-note{font:10px/1.5 Manrope,Arial,sans-serif;color:var(--muted);margin:6px 0 12px}.studio-compact .editor .text-button{color:var(--gold);font-size:11px}.studio-compact .editor .collection-tabs button{font:10px Manrope,Arial,sans-serif;border-radius:6px}.studio-compact .editor .font-choices{max-height:220px}.studio-compact .editor .place-results{position:relative;z-index:5;max-height:200px;overflow:auto;margin-bottom:18px}.studio-compact .editor .place-results button{font:12px Manrope,Arial,sans-serif;min-height:44px}.studio-compact .preview-actions{position:static!important;margin-top:8px}.stellar-mobile-dock,.stellar-sheet-handle{display:none}.studio-compact .mobile-create-bar{display:none!important}.studio-compact .ready-purchase{display:none!important}
@media(max-width:760px){
 .free-trial-banner{position:fixed;top:0;left:0;right:0;z-index:50;height:28px;white-space:nowrap;font-size:9px;display:grid;place-items:center;padding:0}.unified-header{position:fixed;top:28px;left:0;right:0;z-index:50;height:58px;background:#0f111b}.studio-compact main{padding:0}.studio-compact .studio{display:block}.studio-compact .studio-heading{position:fixed;top:86px;left:0;right:0;z-index:10;text-align:center;min-height:24px}.studio-heading h1{display:none}.studio-badge{font-size:9px;border:0;padding:2px}.studio-compact .preview-stack{position:fixed;top:112px;left:10px;right:10px;height:calc(var(--stellar-screen,100svh) - 195px);z-index:5}.studio-compact .preview-column{height:100%;padding:0}.stellar-preview-top{height:28px}.stellar-gallery{grid-template-columns:42px minmax(0,1fr);gap:6px;height:calc(100% - 90px);margin:4px 0}.stellar-scenes{gap:6px}.stellar-scenes button{font-size:8px;padding:2px}.stellar-scenes img{width:34px;height:42px}.stellar-stage{height:100%;overflow:hidden}.stellar-stage .poster-open{height:auto!important;width:auto!important;max-height:100%;aspect-ratio:5/7}.stellar-stage .poster-open .poster{max-height:100%;width:auto}.stellar-hint{font-size:9px;margin:4px 0}.preview-actions{font-size:9px;gap:8px}.preview-actions button,.preview-actions label{font-size:9px!important}.studio-compact .studio>.editor{position:fixed;top:calc(112px + min(36svh,300px));bottom:0;left:0;right:0;width:100%;max-height:none;z-index:30;border-radius:18px 18px 0 0;transform:translateY(110%);background:#171a26;transition:transform .2s ease;box-shadow:0 -10px 40px #0005}.stellar-sheet-open .studio>.editor{transform:translateY(0)}.stellar-sheet-open .preview-stack{height:min(36svh,300px)}.stellar-sheet-open .stellar-gallery{height:calc(100% - 55px)}.stellar-sheet-open .preview-actions{display:none}.stellar-sheet-open .stellar-hint{margin:2px}.stellar-sheet-handle{display:block;flex:none;min-height:24px;max-height:24px;border:0;background:transparent;color:#d2b888;cursor:pointer}.unified-tabs{flex:none;padding:0 8px}.unified-tabs button{font-size:10px;padding:12px 2px}.unified-panel{padding:12px 16px 30px}.unified-step-actions{position:sticky;bottom:-30px;background:#171a26;padding:12px 0;margin-bottom:0}.editor-panels{scroll-padding-bottom:85px}.studio-compact .editor-footer{display:none}.stellar-mobile-dock{display:grid;position:fixed;bottom:0;left:0;right:0;padding:8px 16px max(12px,env(safe-area-inset-bottom));background:#171a26;z-index:31;gap:6px}.stellar-mobile-dock button{border:0;background:transparent;color:#d2b888;font:11px Manrope,Arial,sans-serif;padding:4px}.stellar-mobile-dock .primary{background:#d2b888;color:#171a26;border-radius:8px;padding:12px;font-size:13px}.stellar-sheet-open .stellar-mobile-dock{display:none}.studio-compact main>.compact-details,.studio-compact .map-footer,.studio-compact main>#draft-status{display:none}#panel-background .unified-folder-content{max-height:180px}#panel-background .unified-folder-list{max-height:220px}.unified-header nav{display:flex}
}
@media(prefers-reduced-motion:reduce){.studio-compact .studio>.editor{transition:none}}
/* Override the old compact preview's !important mobile positioning. */
@media(max-width:760px){
 body.studio-compact .preview-stack{position:fixed!important;top:112px!important;left:10px!important;right:10px!important;width:auto!important;height:calc(var(--stellar-screen,100svh) - 205px)!important;margin:0!important;max-height:none!important}
 body.studio-compact .preview-column{position:relative!important;top:auto!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;padding:0!important;margin:0!important}
 body.studio-compact .stellar-gallery{height:calc(100% - 95px)!important;min-height:0!important}
 .stellar-sheet-open body.studio-compact .preview-stack{height:min(36svh,300px)!important}
 .stellar-sheet-open body.studio-compact .stellar-gallery{height:calc(100% - 55px)!important}
 body.studio-compact .stellar-stage .poster-open{height:100%!important;width:auto!important;max-width:100%!important;max-height:100%!important;aspect-ratio:5/7!important}
 body.studio-compact .stellar-stage .poster{display:block!important;width:100%!important;height:100%!important;aspect-ratio:5/7!important}
 body.studio-compact .stellar-stage .poster>img{width:100%!important;height:100%!important;object-fit:contain!important}
}
@media(max-width:760px){
 body.studio-compact .stellar-stage .poster-open{height:min(calc(var(--stellar-screen,100svh) - 300px),calc((100vw - 68px)*1.4))!important;width:min(calc((var(--stellar-screen,100svh) - 300px)*.7142857),calc(100vw - 68px))!important;min-height:0!important;max-height:none!important}
 .stellar-sheet-open body.studio-compact .stellar-stage .poster-open{height:calc(min(36svh,300px) - 55px)!important;width:calc((min(36svh,300px) - 55px)*.7142857)!important}
 #panel-background .unified-folder-list{overflow-x:hidden!important;display:flex!important;flex-wrap:nowrap!important;white-space:normal!important}
 #panel-background .unified-folder-list button{min-width:0!important;width:100%!important;white-space:normal!important;flex-shrink:0}
}
body.studio-compact .unified-editor .editor-panels{overflow-y:auto!important;overflow-x:hidden!important;min-height:0!important;height:auto!important;max-height:none!important;overscroll-behavior:contain;padding-bottom:0!important}
body.studio-compact #panel-background .unified-folder-list button{background:transparent!important;color:#f4f0e8!important;border:0!important;border-bottom:1px solid #ffffff16!important;box-shadow:none!important}
body.studio-compact .unified-detail{background:transparent!important}
.stellar-format-choices{display:grid;gap:12px}.stellar-format-card{background:transparent;text-align:left;cursor:pointer;border-color:#ffffff16}.stellar-format-card[aria-pressed=true]{border-color:#d2b888;background:#d2b8880c}.show-print-safe .preview-controls::after{left:var(--stellar-safe-inset,2%);right:var(--stellar-safe-inset,2%);top:calc(var(--stellar-safe-inset,2%)/1.4);bottom:calc(var(--stellar-safe-inset,2%)/1.4)}
.unified-logo img{width:120px;height:52px;object-fit:contain}.unified-folder-header{position:sticky;top:0;background:#171a26;z-index:2}#panel-background .background-card{background:#0f111b!important;border-radius:7px!important}#panel-background .background-card:has(input:checked){border-color:#d2b888!important}.unified-panel .compact-details{margin:14px 0;font-size:11px}.unified-panel .companions-grid{grid-template-columns:1fr}.unified-panel .companions h2,.unified-panel .questions h2{font-size:20px}
@media(max-width:760px){.unified-logo img{width:90px;height:46px}}
/* Polish: the editor panel is the only scrolling surface in Styles. */
body.studio-compact #panel-background .unified-folder-list,
body.studio-compact #panel-background .unified-folder-content,
body.studio-compact #panel-background #background-gallery{
 height:auto!important;max-height:none!important;min-width:0;max-width:100%;overflow:visible!important;overscroll-behavior:auto;
}
body.studio-compact #panel-background .unified-folder-list{display:flex!important;flex-direction:column;flex-wrap:nowrap!important;white-space:normal!important}
body.studio-compact #panel-background .unified-folder-list button{min-width:0!important;width:100%!important;white-space:normal!important;flex-shrink:0;box-sizing:border-box}
body.studio-compact #panel-background,.unified-panel{min-width:0}
/* Fill the photographed opening without letterboxing or stretching the print. */
.stellar-scene [data-stellar-bitmap]{object-fit:cover;background:transparent;display:block}
.stellar-scene>img:first-child{display:block}
body.studio-compact #panel-background .unified-folder-list[hidden],
body.studio-compact #panel-background .unified-folder-content[hidden]{display:none!important}

/* 3. Legibilidad móvil: precio, ambientes y entrada a la personalización. */
@media(max-width:760px){
 body.studio-compact .studio-badge{display:inline-flex;align-items:center;justify-content:center;font:600 15px/1.35 Manrope,Arial,sans-serif;color:#FFE2A3;background:#171a26;border:1px solid #d2b88866;border-radius:20px;padding:4px 12px;min-height:30px}
 body.studio-compact .studio-heading{min-height:32px;justify-content:center}
 body.studio-compact .preview-stack{top:122px!important;height:calc(var(--stellar-screen,100svh) - 215px)!important}
 body.studio-compact .stellar-gallery{grid-template-columns:66px minmax(0,1fr);gap:8px}
 body.studio-compact .stellar-stage{container-type:size}
 body.studio-compact .stellar-stage .poster-open{width:min(100cqw,calc(100cqh * 5 / 7))!important;height:auto!important;max-height:100%!important}
 body.studio-compact .stellar-scenes{gap:8px}
 body.studio-compact .stellar-scenes button{padding:4px;min-height:44px;font:500 10px/1.3 Manrope,Arial,sans-serif;border-radius:9px}
 body.studio-compact .stellar-scenes img{width:56px;height:68px;margin:0 auto 5px;object-fit:cover}
 body.studio-compact .stellar-scenes [data-stellar-bitmap]{object-fit:contain}
 .stellar-sheet-open body.studio-compact .stellar-scenes{gap:4px}
 .stellar-sheet-open body.studio-compact .stellar-scenes img{height:50px;margin-bottom:3px}
 body.studio-compact .stellar-mobile-dock .primary:not(:disabled){background:#e0bc76;color:#1c1722;border:1px solid #f1d395;border-radius:10px;font:700 14px/1.4 Manrope,Arial,sans-serif;min-height:46px;opacity:1;filter:none;text-align:center;box-shadow:0 3px 14px #d2ad6824}
 body.studio-compact .stellar-mobile-dock .primary:not(:disabled):active{background:#edce91}
}

/* Larger scene choices: reserve their own column, never overlay the poster. */
.stellar-gallery{grid-template-columns:84px minmax(0,1fr)}
.stellar-scenes button{box-sizing:border-box;width:84px;min-height:120px;padding:4px;font:500 12px/1.25 Manrope,Arial,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.stellar-scenes img{width:74px;height:90px;margin:0;object-fit:cover}
.stellar-scenes [data-stellar-bitmap]{object-fit:contain}
@media(max-width:760px){
 body.studio-compact .stellar-gallery{grid-template-columns:84px minmax(0,1fr);gap:8px}
 body.studio-compact .stellar-scenes{gap:8px;align-content:start;max-height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}
 body.studio-compact .stellar-scenes button{box-sizing:border-box;width:84px;min-width:0;min-height:120px;height:120px;padding:4px;font:500 12px/1.25 Manrope,Arial,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex:none}
 body.studio-compact .stellar-scenes img{width:74px;height:90px;max-width:100%;margin:0;flex:none;object-fit:cover}
 body.studio-compact .stellar-scenes [data-stellar-bitmap]{object-fit:contain}
 .stellar-sheet-open body.studio-compact .stellar-scenes img{height:90px;margin:0}
 .stellar-sheet-open body.studio-compact .stellar-scenes{gap:8px}
 body.studio-compact .stellar-stage .poster-open{width:min(100cqw,calc(100cqh * 5 / 7))!important;height:auto!important;max-height:100%!important}
}
