/* Creator editing surface stays light; only the Central renderer is dark. */
.presentation-workspace .studio-main{max-width:none;padding-top:24px}
.presentation-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.presentation-heading h1{font-size:27px;letter-spacing:-.04em;margin:0 0 5px}
.presentation-heading p{margin:0;color:var(--muted);font-size:13px}
.presentation-actions{display:flex;align-items:center;gap:20px;flex-shrink:0}
.presentation-actions>button{min-height:40px;padding:0 20px}
.presentation-draft{font-size:12px;color:#64666d;background:#f2f2f4;border-radius:4px;padding:5px 8px}
.presentation-editor{display:grid;grid-template-columns:280px minmax(0,1fr);gap:30px;align-items:start}
.presentation-form{min-width:0;padding-bottom:22px}
.presentation-form fieldset{border:0;border-bottom:1px solid var(--line);padding:0 0 24px;margin:0 0 24px;min-width:0}
.presentation-form legend{font-size:13px;font-weight:650;padding:0;margin-bottom:16px}
.presentation-form legend span,.presentation-form label span{font-weight:400;color:var(--muted);font-size:11px;margin-left:4px}
.presentation-form label{display:block;font-size:12px;font-weight:500;margin:14px 0 7px}
.presentation-form input:not([type=checkbox]):not([type=hidden]),.presentation-form textarea{display:block;width:100%;min-width:0;padding:10px 11px;border:1px solid #dddde2;background:white;border-radius:6px;font:inherit;font-size:13px;box-shadow:none;color:var(--ink)}
.presentation-form textarea{min-height:116px;resize:vertical;line-height:1.6}
.presentation-form input[type=file]{font-size:11px!important;padding:8px!important}
.presentation-form input::file-selector-button{border:0;border-radius:3px;padding:7px 9px;margin-right:8px;background:#efeff1;color:var(--ink);cursor:pointer}
.presentation-form .field-help{font-size:11px;line-height:1.6;color:var(--muted);margin:7px 0}
.presentation-form .presentation-remove{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);min-height:24px;margin:4px 0 12px;font-weight:400}
.presentation-remove input{margin:0;width:14px;height:14px;accent-color:var(--accent)}
.presentation-save-state{font-size:12px;font-weight:550;color:var(--accent);margin-bottom:8px}
.presentation-preview{position:sticky;top:22px;min-width:0}
.presentation-preview-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px}
.presentation-preview-toolbar>div:first-child{display:flex;gap:10px;align-items:center;font-size:12px}
.presentation-preview-toolbar strong{font-weight:600}
.presentation-preview-toolbar>div>span{font-size:11px;color:var(--accent);display:flex;gap:5px;align-items:center}
.presentation-preview-toolbar>div>span::before{content:'';width:5px;height:5px;background:#377963;border-radius:50%}
.central-view-modes{display:flex;gap:3px;background:#f2f2f4;padding:3px;border-radius:5px}
.presentation-preview .central-view-modes button{background:transparent;border:0;color:#676770;min-height:27px;font-size:11px;padding:4px 10px;border-radius:3px}
.presentation-preview .central-view-modes button[aria-pressed=true]{background:#fff;color:#17181b}
.central-window{color:#f0f0ed;background:#101214;border:1px solid #292e31;border-radius:12px;overflow:hidden;min-height:540px;container-type:inline-size;max-width:100%;margin:0 auto;font-size:12px;line-height:1.5}
.central-preview-wrap.compact .central-window{max-width:680px}
.central-window-title{display:flex;align-items:center;justify-content:space-between;position:relative;background:#191b1e;color:#979ba1;font-size:11px;height:35px;padding:0 14px;border-bottom:1px solid #25282c}
.central-window-dots{display:flex;gap:5px;width:70px}.central-window-dots i{width:7px;height:7px;border-radius:50%;background:#c5635d}.central-window-dots i:nth-child(2){background:#be9b57}.central-window-dots i:nth-child(3){background:#484d51}
.central-window-mode{font-size:9px;letter-spacing:.08em;width:70px;text-align:right}
.central-window-nav{display:flex;align-items:center;gap:22px;padding:18px 22px;color:#c2c4c8;border-bottom:1px solid #24272c;font-size:11px}
.central-window-nav>strong{font-size:17px;letter-spacing:-.04em;color:#fff;font-weight:400;margin-right:10px}.central-window-nav b{font-weight:750}.central-window-nav>span:last-child{margin-left:auto;color:#94999f;max-width:35%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.central-scene{display:grid;grid-template-columns:24% minmax(0,1fr);gap:22px;padding:24px;align-items:start;min-height:440px}
.central-profile{background:#1b1e21;border:1px solid #2c3034;border-radius:8px;overflow:hidden;min-width:0}
.central-cover{aspect-ratio:1.6;background:#202529;overflow:hidden;position:relative}
.central-cover img{width:100%;height:100%;object-fit:cover;display:block}
.central-no-image{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#838d95;height:100%;min-height:75px}
.central-no-image>span{font-size:22px;font-weight:300}.central-no-image>small{font-size:10px}
.central-studio-photo{aspect-ratio:1.3}
.central-profile-body{padding:0 16px 20px;overflow-wrap:anywhere}
.central-avatar{width:48px;height:48px;border-radius:10px;border:3px solid #1b1e21;display:flex;align-items:center;justify-content:center;background:#d0b789;color:#20221f;font-size:17px;font-weight:650;position:relative;overflow:hidden;flex-shrink:0}
.central-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.central-profile .central-avatar{margin-top:-22px;margin-bottom:19px;position:relative}
.central-overline{display:block;font-family:var(--mono);font-size:9px;letter-spacing:.08em;color:#a6aeb3;margin:0 0 9px}
.central-profile h2{font-size:20px;line-height:1.15;letter-spacing:-.04em;color:#fff;margin:0 0 12px;font-weight:650}
.central-tagline{font-size:11px;line-height:1.6;color:#cecec8;margin:0 0 18px}
.central-description{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.75;color:#b1b6ba;margin:0}
.central-profile .central-description{font-size:11px;max-height:240px;overflow:auto;scrollbar-width:thin}
.central-links{display:flex;flex-wrap:wrap;gap:9px 14px;margin-top:20px}
.central-links:empty{display:none}.central-links a{font-size:10px;color:#d3bb92;text-decoration:none;min-height:24px;display:inline-flex;align-items:center}
.central-catalogue{min-width:0}.central-catalogue-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:20px}
.central-catalogue-heading h2{font-size:27px;font-weight:600;letter-spacing:-.04em;line-height:1.2;margin:0;color:white}.central-catalogue-heading>span{color:#91999f;font-size:10px;white-space:nowrap}
.central-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.central-product-card{border:1px solid #2b3034;border-radius:7px;overflow:hidden;background:#1b1e21;min-width:0;display:flex;flex-direction:column}
.central-window button.central-card-open{display:block;padding:0;border:0;border-radius:0;background:transparent;color:inherit;text-align:left;width:100%;min-height:0;font-family:inherit;font-weight:400;flex:1}
.central-card-copy{padding:13px 12px 5px;overflow-wrap:anywhere}.central-card-copy>small{font-size:9px;letter-spacing:.03em;color:#b8a17a}.central-card-copy h3{font-size:16px;font-weight:600;letter-spacing:-.03em;line-height:1.2;color:#fafaf7;margin:7px 0 5px}.central-card-copy p{font-size:11px;color:#adb4b9;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:33px}
.central-card-footer{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px 12px 12px;font-size:9px;color:#9da5ab}.central-card-footer a{color:#d2bc96;min-height:24px;display:inline-flex;align-items:center;text-decoration:none;white-space:nowrap}
.central-window button.central-back{background:transparent!important;border:0;padding:0;margin:0 0 16px;font-size:11px;font-weight:400;color:#c7cbd0;min-height:25px}
.central-detail-image{aspect-ratio:2.2;border-radius:7px;border:1px solid #2d3237}
.central-detail-title{display:flex;align-items:center;gap:12px;margin:20px 0;overflow-wrap:anywhere}.central-detail-title>div:nth-child(2){min-width:0;flex:1}.central-detail-title h2{font-size:30px;color:#fff;line-height:1.2;letter-spacing:-.04em;margin:3px 0 6px}.central-detail-title p{font-size:12px;color:#c3c5c8;margin:0}.central-detail-title small{font-size:10px;color:#b6a584}.central-stage{font-size:9px;padding:4px 7px;background:#262c30;color:#c7cdd0;border-radius:4px;white-space:nowrap}
.central-detail-bottom{display:grid;grid-template-columns:minmax(0,1fr) 155px;gap:25px;padding-top:19px;border-top:1px solid #2c3034}.central-detail-bottom h3{font-size:12px;color:#e7e8e5;font-weight:500;margin:0 0 9px}
.central-download{display:flex;flex-direction:column;gap:10px;padding:15px;background:#1b1e21;border-radius:7px;align-self:start;font-size:11px}.central-window .central-download button{border:0;border-radius:5px;background:#d0b789;color:#25251f;padding:8px;min-height:32px;opacity:1;font-size:12px}.central-download small{font-size:9px;color:#9ca5ab;text-align:center}
.central-empty{padding:50px 20px;border:1px dashed #353a3e;border-radius:6px}.central-empty h3{font-size:15px;color:#d5d9db;margin:0 0 8px}.central-empty p{font-size:12px;color:#98a2a8;margin:0}
.presentation-preview-note{font-size:11px;line-height:1.6;color:var(--muted);margin:12px 0 0;max-width:650px}
.central-window :focus-visible{outline:2px solid #d0b789;outline-offset:-2px}
@media(hover:hover){.central-window button.central-card-open:hover{background:#24292d}.central-card-footer a:hover,.central-links a:hover{text-decoration:underline}}
@container(max-width:850px){.central-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.central-scene{grid-template-columns:27% minmax(0,1fr);gap:16px;padding:18px}.central-profile-body{padding-left:12px;padding-right:12px}.central-profile h2{font-size:18px}.central-detail-bottom{grid-template-columns:minmax(0,1fr)}.central-download{max-width:200px}.central-detail-title h2{font-size:24px}}
@container(max-width:480px){.central-scene{grid-template-columns:1fr;padding:14px}.central-profile{display:grid;grid-template-columns:100px minmax(0,1fr)}.central-studio-photo{aspect-ratio:auto;height:100%;min-height:140px}.central-profile-body{padding:14px}.central-profile .central-avatar{margin:0 0 12px;width:35px;height:35px;font-size:12px}.central-profile .central-overline{display:none}.central-profile h2{font-size:18px}.central-profile .central-description{max-height:100px}.central-profile .central-links{margin-top:12px}.central-catalogue-heading h2{font-size:22px}.central-window-nav{padding:13px}.central-window-nav>span:last-child{display:none}.central-detail-title{flex-wrap:wrap}.central-detail-title .central-stage{display:none}}
@media(min-width:1700px){.presentation-editor{grid-template-columns:300px minmax(0,1fr);gap:40px}.central-scene{padding:30px;gap:30px}.central-window{min-height:640px}.central-product-grid{gap:18px}}
@media(max-width:1100px){.presentation-editor{grid-template-columns:250px minmax(0,1fr);gap:20px}.presentation-heading h1{font-size:24px}.presentation-actions{gap:12px}.central-window{min-height:500px}}
@media(max-width:800px){.presentation-editor{grid-template-columns:1fr}.presentation-preview{position:static;grid-row:1}.presentation-form{max-width:none}.presentation-heading{align-items:flex-start}.presentation-heading p{max-width:240px}.presentation-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px}.presentation-actions>.text-link{display:none}.central-window{min-height:0}.presentation-workspace .studio-main{padding-top:18px}}

.presentation-heading{position:sticky;top:0;z-index:10;background:#fff;padding-block:12px}
.presentation-preview{top:104px}
.presentation-workspace .studio-switch a[aria-current]{color:var(--accent);font-weight:600;text-decoration:underline;text-underline-offset:4px}
@media(max-width:800px){.presentation-heading{position:static}.presentation-preview{top:auto}.presentation-form input:not([type=checkbox]):not([type=hidden]),.presentation-form textarea{font-size:16px}}

/* Studio editing: compact controls beside a viewport-height Central crop. */
.presentation-edit-panel{min-width:0}
.presentation-workspace--studio .presentation-editor{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px;align-items:stretch}
.presentation-workspace--studio .presentation-heading{position:static;display:block;padding:0;margin:0 0 14px}
.presentation-workspace--studio .presentation-heading h1{font-size:24px;margin-bottom:3px}
.presentation-workspace--studio .presentation-heading p{font-size:12px;max-width:none}
.presentation-workspace--studio .presentation-actions{gap:12px;margin-top:12px;justify-content:flex-end}
.presentation-workspace--studio .presentation-actions>.text-link{display:inline-flex;margin-right:auto;font-size:12px}
.presentation-workspace--studio .presentation-actions>button{min-height:34px;padding:0 16px;font-size:12px}
.presentation-workspace--studio .presentation-draft{font-size:11px;padding:3px 7px}
.presentation-workspace--studio .presentation-form{padding:0 6px 0 0;scrollbar-width:thin;scrollbar-color:var(--border) transparent;scroll-padding-block:8px}
.presentation-workspace--studio .presentation-form fieldset{padding:0 0 12px;margin:0 0 12px}
.presentation-workspace--studio .presentation-form fieldset:last-of-type{border-bottom:0;padding-bottom:0;margin-bottom:0}
.presentation-workspace--studio .presentation-form legend{font-size:12px;margin-bottom:4px}
.presentation-workspace--studio .presentation-form label{font-size:12px;margin:6px 0 5px}
.presentation-workspace--studio .presentation-form input:not([type=checkbox]):not([type=hidden]),.presentation-workspace--studio .presentation-form textarea{padding:7px 9px;font-size:13px;line-height:1.4}
.presentation-workspace--studio .presentation-form textarea{height:clamp(80px,11vh,140px);min-height:80px}
.presentation-workspace--studio .presentation-form input[type=file]{padding:5px!important}
.presentation-workspace--studio .presentation-form input::file-selector-button{padding:5px 6px;margin-right:6px}
.presentation-workspace--studio .presentation-form .field-help{font-size:11px;line-height:1.4;margin:5px 0}
.presentation-workspace--studio .presentation-form .presentation-remove{font-size:11px;margin:2px 0 0;min-height:24px}
.presentation-workspace--studio .presentation-identity-fields,.presentation-workspace--studio .presentation-visual-fields,.presentation-workspace--studio .presentation-link-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}
.presentation-workspace--studio .presentation-identity-fields>legend{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%)}
.presentation-workspace--studio .presentation-field--description,.presentation-workspace--studio .presentation-visual-fields>.field-help{grid-column:1/-1}
.presentation-workspace--studio .presentation-link-fields{grid-template-columns:repeat(3,minmax(0,1fr))}
.presentation-workspace--studio .presentation-save-state{font-size:11px;margin:0}
.presentation-workspace--studio .presentation-preview{position:static;min-height:0}
.presentation-workspace--studio .presentation-preview-toolbar{margin-bottom:8px;min-height:24px}
.presentation-workspace--studio .presentation-preview-note{font-size:10px;margin-top:7px;line-height:1.4}
.central-focus-label{color:var(--muted);font:11px var(--mono)}
.central-focus-crop{container-type:inline-size;position:relative;isolation:isolate;width:100%;height:650px;overflow:clip;border-radius:12px;background:#101214;color:#f2f2f0;border:1px solid #2c3034}
/* The off-screen catalogue is intentionally clipped, never scaled to fit. */
.central-focus-desktop{width:250%;height:100%;display:flex;flex-direction:column;background:#101214}
.central-focus-titlebar{height:26px;flex-shrink:0;display:flex;gap:14px;align-items:center;padding:0 17px;color:#92999e;font-size:10px}
.central-focus-titlebar .central-window-dots{width:auto}
.central-focus-nav{display:flex;align-items:center;gap:19px;padding:8px 21px 12px;height:52px;flex-shrink:0;color:#eee}
.central-focus-nav>span{font-size:22px;font-weight:300}.central-focus-nav>strong{font-size:21px;letter-spacing:-.035em;font-weight:600}
.central-focus-scene{flex:1;min-height:0;display:grid;grid-template-columns:clamp(220px,18%,300px) minmax(0,1fr);gap:26px;padding:2px 20px 18px;align-items:stretch}
.central-focus-scene>.central-profile{height:100%;display:flex;flex-direction:column;border:0;border-radius:10px;background:#24272b;box-shadow:0 8px 28px #0005;overflow:hidden}
.central-focus-scene .central-studio-photo{height:clamp(90px,18vh,148px);min-height:0;aspect-ratio:auto;flex-shrink:0;background:#2c3035}
.central-focus-scene .central-profile-body{flex:1;min-height:0;display:flex;flex-direction:column;padding:0 18px 16px;position:relative}
.central-focus-scene .central-avatar{width:48px;height:48px;min-height:48px;border:4px solid #24272b;border-radius:10px;margin-top:-24px;margin-bottom:12px;font-size:17px}
.central-focus-scene .central-overline{display:block;margin-bottom:7px;font-size:9px}
.central-focus-scene .central-profile h2{font-size:22px;margin-bottom:10px;line-height:1.15;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex-shrink:0}
.central-focus-scene .central-tagline{font-size:11px;line-height:1.5;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex-shrink:0}
.central-focus-scene .central-description{font-size:11px;line-height:1.65;overflow:hidden;max-height:none;min-height:0;display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical}
.central-focus-scene .central-links{margin-top:auto;gap:2px 12px;padding-top:12px;flex-shrink:0}
.central-focus-scene .central-links a{font-size:11px;min-height:24px}
.central-focus-products{min-width:0;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;padding:14px 36px 0 2px;overscroll-behavior:contain}
.central-focus-products::-webkit-scrollbar{display:none}
.central-focus-products-heading{margin:0 0 25px;color:#8d949a;font:11px var(--mono);letter-spacing:.07em}
.central-focus-products-heading>div{width:150px;height:14px;border-radius:3px;background:#252a2f;margin-top:15px}
.central-focus-placeholder{height:280px;width:290px;max-width:100%;margin-bottom:24px;background:#191d20;border:1px solid #292f34;border-radius:9px}
.central-focus-crop::after{content:'';position:absolute;right:0;top:78px;bottom:0;width:48px;pointer-events:none;background:linear-gradient(90deg,transparent,#101214cc)}
.central-focus-crop :focus-visible{outline:2px solid #d0b789;outline-offset:-3px}
/* The navbar and footer participate in layout; no guessed pixel height offsets. */
@media(min-width:901px){
    .presentation-workspace--studio{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}
    .presentation-workspace--studio .studio-topbar{flex-shrink:0;max-width:none}
    .presentation-workspace--studio .studio-main{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;margin:0;padding-top:12px;padding-bottom:10px}
    .presentation-workspace--studio .presentation-editor{flex:1;min-height:0}
    .presentation-workspace--studio .presentation-edit-panel{display:flex;flex-direction:column;min-height:0}
    .presentation-workspace--studio .presentation-heading{flex-shrink:0}
    .presentation-workspace--studio .presentation-form{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}
    .presentation-workspace--studio .presentation-preview{display:flex;flex-direction:column}
    .presentation-workspace--studio [data-central-preview],.central-preview-wrap--studio{display:flex;flex-direction:column;flex:1;min-height:0}
    .central-preview-wrap--studio .presentation-preview-toolbar,.central-preview-wrap--studio .presentation-preview-note{flex-shrink:0}
    .central-focus-crop{flex:1;height:auto;min-height:0}
    .presentation-workspace--studio .studio-footer{flex-shrink:0;padding:8px 0 0;font-size:10px}
}
@media(min-width:1700px){.presentation-workspace--studio .presentation-editor{gap:48px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}}
@media(min-width:901px) and (max-height:650px){
    .central-focus-scene .central-studio-photo{height:90px}
    .central-focus-scene .central-avatar{width:40px;height:40px;min-height:40px;margin-top:-20px;margin-bottom:7px}
    .central-focus-scene .central-overline{display:none}
    .central-focus-scene .central-profile h2{font-size:20px;-webkit-line-clamp:2}
    .central-focus-scene .central-description{-webkit-line-clamp:4}
}
@media(max-width:1100px){.presentation-workspace--studio .presentation-editor{gap:24px}.central-focus-scene{gap:22px;padding-left:16px}.central-focus-scene .central-profile-body{padding-inline:15px}.central-focus-scene .central-profile h2{font-size:20px}}
/* Stack at narrow widths / browser zoom; never clip the form to a small screen. */
@media(max-width:900px){
    .presentation-workspace--studio .presentation-editor{grid-template-columns:1fr;gap:24px}
    .presentation-workspace--studio .presentation-preview{grid-row:auto}
    .presentation-workspace--studio .presentation-form{padding-right:0}
    .presentation-workspace--studio .presentation-form textarea{height:110px}
    .central-focus-crop{height:calc(100svh - 80px);max-height:720px;min-height:390px}
    .central-focus-scene{grid-template-columns:clamp(200px,20%,300px) minmax(0,1fr)}
}
@media(max-width:600px){
    .presentation-workspace--studio .presentation-identity-fields,.presentation-workspace--studio .presentation-link-fields{grid-template-columns:1fr}
    .presentation-workspace--studio .presentation-form input:not([type=checkbox]):not([type=hidden]),.presentation-workspace--studio .presentation-form textarea{font-size:16px}
    .presentation-workspace--studio .presentation-form input[type=file]{font-size:11px!important}
    .presentation-workspace--studio .presentation-visual-fields{column-gap:12px}
    .central-focus-scene{padding-inline:14px;gap:18px}
    .central-focus-scene .central-profile-body{padding-inline:14px}
    .central-focus-scene .central-studio-photo{height:132px}
    .central-focus-nav{padding-left:16px}
}