:root{color-scheme:light;--paper:#f4f3ef;--card:#fff;--ink:#29352f;--muted:#718078;--line:#dde1d9;--accent:#395d4c;--soft:#eaf0e9;--shadow:0 2px 10px #20382b09;--sidebar:246px}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 "Segoe UI",system-ui,sans-serif;transition:background .2s,color .2s}body[data-period=night]{color-scheme:dark;--paper:#131d23;--card:#1b282f;--ink:#e3ebe6;--muted:#a2b2af;--line:#314149;--accent:#b2d1bc;--soft:#30473d;--shadow:0 2px 10px #0002}a{color:inherit;text-decoration:none}button,select{font:inherit;color:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}
aside{position:fixed;inset:0 auto 0 0;width:var(--sidebar);padding:38px 22px 24px;background:var(--card);border-right:1px solid var(--line);display:flex;flex-direction:column;overflow-y:auto;z-index:2}.sidebar-controls{display:flex;flex-direction:column;gap:22px}.sidebar-footer{margin-top:auto;padding-top:42px}#model-info-button{display:flex;align-items:center;gap:9px;background:none;border:0;padding:8px 2px;color:var(--muted);font-size:12px}#model-info-button:hover{color:var(--accent)}#model-info-button svg{width:18px;height:18px}.control{margin:0;padding:0;border:0;min-width:0}.control legend,.filter{display:block;padding:0;margin-bottom:8px;font-size:11px;font-weight:600;color:var(--muted)}select{width:100%;height:43px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--card);font-size:13px;text-overflow:ellipsis}select option,select optgroup{background-color:var(--card);color:var(--ink);font-family:"Segoe UI",system-ui,sans-serif;font-size:13px}select optgroup{font-weight:600}select option{font-weight:400;padding:7px 10px}select option:checked{background-color:var(--soft);color:var(--accent)}select option:disabled{color:var(--muted)}select:disabled{background:var(--paper);color:var(--muted);border-style:dashed;opacity:.65;cursor:not-allowed}.icon-switch{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:11px;background:var(--paper)}.icon-switch button{display:flex;flex:1 1 0;min-width:0;flex-direction:row;align-items:center;justify-content:center;gap:6px;padding:8px 5px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--muted);font-size:11px;line-height:1.2;transition:background .15s,box-shadow .15s}.icon-switch button svg{width:18px;height:18px}.icon-switch button:hover:not(:disabled){color:var(--accent);background:var(--soft)}.icon-switch button[aria-pressed=true]{background:var(--card);color:var(--accent);box-shadow:var(--shadow);border-color:var(--line)}.icon-switch button:disabled{opacity:.32;cursor:not-allowed}
main{margin-left:var(--sidebar);padding:35px clamp(22px,3.3vw,58px) 64px}.library-header{margin-bottom:30px}.title-row{display:flex;align-items:center;gap:16px;min-height:40px;margin-bottom:28px}.project-title{display:inline-flex;align-items:center;font-size:32px;line-height:1;font-weight:600;letter-spacing:-.045em}.version{display:inline-flex;align-items:center;justify-content:center;align-self:center;transform:translateY(4px);line-height:1;padding:5px 8px;border:1px solid var(--line);border-radius:6px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.section-nav{display:flex;gap:25px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none;white-space:nowrap}.section-nav::-webkit-scrollbar{display:none}.section-nav a{position:relative;padding:0 0 14px;font-size:14px;color:var(--muted)}.section-nav a:hover{color:var(--ink)}.section-nav a[aria-current=page]{color:var(--accent);font-weight:600}.section-nav a[aria-current=page]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;border-radius:3px 3px 0 0;background:var(--accent)}.entity-section{margin-bottom:37px;scroll-margin-top:48px}.entity-section h2{font-size:18px;font-weight:600;letter-spacing:-.025em;margin:0 0 15px}.grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--card);box-shadow:var(--shadow);transition:border-color .16s,transform .16s,box-shadow .16s}.card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 18px #20382b10}.card-image{aspect-ratio:1.2;display:flex;align-items:center;justify-content:center;background:var(--card)}.card-image img{display:block;width:100%;height:100%;object-fit:contain}.card-caption{display:flex;align-items:center;gap:7px;padding:11px 11px;min-height:58px;line-height:1.4;font-size:12px}.view-name{min-width:0}.presentation-icons{display:inline-flex;gap:4px;margin-left:auto;flex-shrink:0;color:var(--muted)}.mode-icon{display:inline-flex}.mode-icon svg{width:14px;height:14px;stroke-width:1.65}.unavailable{margin:0;color:var(--muted);font-size:13px;text-align:center;padding:22px}.empty,.error{color:var(--muted);padding:35px 0;font-size:14px}
body[data-page=detail] .library-header{margin-bottom:25px}body[data-page=detail] .title-row{margin-bottom:0}.detail-heading{margin:0 0 24px}.back{display:inline-flex;align-items:center;gap:7px;border:0;background:none;color:var(--muted);font-size:12px;margin-bottom:15px;padding:3px 0}.back svg{width:17px;height:17px}.back:hover{color:var(--accent)}h1{font-size:23px;line-height:1.3;font-weight:600;letter-spacing:-.025em;margin:0}#detail-content{display:flex;align-items:flex-start;flex-wrap:wrap;gap:30px}.image-stage{flex:0 1 min(680px,64vh);width:min(100%,680px,64vh);min-width:0;background:var(--card);border:1px solid var(--line);border-radius:11px;overflow:hidden;box-shadow:var(--shadow)}#image-preview{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}#render-image{display:block;width:100%;max-height:53.33vh;object-fit:contain}.detail-info{flex:1 1 290px;max-width:430px;padding:3px 0}.metadata{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 18px;margin:0}.metadata .wide{grid-column:1/-1}.metadata dt{font-size:11px;color:var(--muted);margin:0 0 6px}.metadata dd{font-size:13px;margin:0;overflow-wrap:anywhere}.metadata .wide dd{font-size:15px}.image-links{margin-top:28px}.button{display:inline-flex;gap:9px;align-items:center;border:1px solid var(--line);border-radius:8px;background:var(--card);padding:10px 13px;font-size:12px}.button:hover{border-color:var(--accent);color:var(--accent)}.button svg{width:15px;height:15px}
.modal-open{overflow:hidden}dialog{border:1px solid var(--line);background:var(--card);color:var(--ink);padding:0;box-shadow:0 25px 90px #0004}dialog::backdrop{background:#08130ecc;backdrop-filter:blur(5px)}#image-viewer{max-width:96vw;max-height:95vh;width:max-content;height:max-content;border:0;border-radius:6px;background:transparent;overflow:hidden}#viewer-image{display:block;max-width:96vw;max-height:95vh;width:auto;height:auto;object-fit:contain}#model-info{width:min(650px,calc(100vw - 30px));max-height:85vh;border-radius:15px;overflow:auto}.info-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:27px 29px 23px}.info-kicker{font-size:11px;color:var(--muted);margin:0 0 7px}.info-heading h2{font-size:24px;letter-spacing:-.025em;margin:0;font-weight:600}.icon-button{display:inline-flex;align-items:center;justify-content:center;padding:6px;border:0;border-radius:7px;background:transparent;color:var(--muted)}.icon-button:hover{background:var(--soft);color:var(--ink)}.batch-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:21px 29px;background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.batch-stats dt{font-size:11px;color:var(--muted)}.batch-stats dd{font-size:22px;font-weight:600;letter-spacing:-.025em;margin:5px 0 0}.info-body{padding:23px 29px 29px;font-size:13px;color:var(--muted);line-height:1.7}.info-body h3{font-size:14px;font-weight:600;color:var(--ink);margin:0 0 9px}.info-body h3:not(:first-child){margin-top:25px}.info-body p{margin:0 0 14px}.info-body ul{padding-left:18px;margin:0 0 20px}.info-body li{margin:0 0 9px}.manifest-link{display:inline-flex;align-items:center;gap:7px;color:var(--accent);margin-top:8px}.manifest-link svg{width:14px;height:14px}
:root{--scrollbar:#bdc6bd}:root[data-period=night]{--scrollbar:#566b68}html,aside,#model-info,.scene-options{scrollbar-width:thin;scrollbar-color:var(--scrollbar) transparent}html::-webkit-scrollbar,aside::-webkit-scrollbar,#model-info::-webkit-scrollbar,.scene-options::-webkit-scrollbar{width:8px;height:8px}html::-webkit-scrollbar-track,aside::-webkit-scrollbar-track,#model-info::-webkit-scrollbar-track,.scene-options::-webkit-scrollbar-track{background:transparent}html::-webkit-scrollbar-thumb,aside::-webkit-scrollbar-thumb,#model-info::-webkit-scrollbar-thumb,.scene-options::-webkit-scrollbar-thumb{background:var(--scrollbar);border:2px solid transparent;background-clip:padding-box;border-radius:10px}.metadata dt{font-weight:700}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.scene-control{position:relative}.scene-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;height:43px;padding:0 11px;border:1px solid var(--line);border-radius:8px;background:var(--card);font-size:13px;text-align:left}.scene-trigger>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scene-trigger svg{width:16px;height:16px;color:var(--muted)}.scene-trigger:hover:not(:disabled),.scene-trigger[aria-expanded=true]{border-color:var(--accent)}.scene-trigger:disabled{background:var(--paper);color:var(--muted);border-style:dashed;opacity:.65;cursor:not-allowed}.scene-options{position:absolute;top:calc(100% + 7px);left:0;right:0;z-index:30;max-height:340px;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;border:1px solid var(--line);border-radius:10px;background:var(--card);padding:5px;box-shadow:0 14px 35px #11291c26}.scene-options.opens-up{top:auto;bottom:calc(100% + 7px)}.scene-option{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;border-radius:6px;font-size:12px;line-height:1.45;cursor:pointer;color:var(--ink)}.scene-option.is-active{background:var(--soft);color:var(--accent)}.scene-option[aria-selected=true]{font-weight:600}.scene-option[aria-selected=true]:after{content:"✓";color:var(--accent);font-size:13px}.scene-option[aria-disabled=true]{color:var(--muted);opacity:.55;cursor:not-allowed}.scene-group{padding-top:6px;margin-top:4px;border-top:1px solid var(--line)}.scene-group-label{padding:7px 10px 4px;color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.045em;text-transform:uppercase}
/* Off-canvas circular indirect light, behind content and pointer targets. */
body{isolation:isolate}body:after{content:"";position:fixed;inset:0;background:radial-gradient(circle 100vh at calc(100% + 24vh) 50%,rgba(255,188,104,.38) 0%,rgba(255,202,132,.20) 42%,rgba(255,213,160,.065) 75%,transparent 100%);opacity:0;pointer-events:none;z-index:-1;transition:opacity .3s ease}body[data-lights=on]:after{opacity:1}body[data-period=night]:after{background:radial-gradient(circle 100vh at calc(100% + 24vh) 50%,rgba(255,183,93,.40) 0%,rgba(255,201,133,.22) 42%,rgba(255,211,155,.07) 75%,transparent 100%)}
@media(max-width:1150px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){aside{position:relative;inset:auto;width:100%;padding:24px 20px 20px;border-right:0;border-bottom:1px solid var(--line);overflow:visible}.sidebar-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 13px}.scene-control{grid-column:1/-1;max-width:320px}.sidebar-footer{position:static;margin:12px 0 0 auto;padding:0}#model-info-button span{display:none}#model-info-button{padding:8px}#model-info-button svg{width:21px;height:21px}.control legend,.filter{font-size:11px}.icon-switch button{padding:8px 3px;font-size:11px}.icon-switch button svg{width:18px;height:18px}main{margin-left:0;padding:26px 20px 45px}.project-title{font-size:29px}.version{transform:translateY(3px)}.title-row{margin-bottom:23px}.section-nav{gap:22px}.section-nav a{font-size:13px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-info{flex-basis:100%;max-width:100%;padding:0}.image-stage{flex-basis:min(680px,64vh)}#detail-content{gap:24px}}
@media(max-width:480px){.grid{grid-template-columns:1fr}.sidebar-controls{gap:14px 7px}.icon-switch{padding:3px;gap:2px}.icon-switch button{flex-direction:column;gap:4px;padding:6px 3px;font-size:10px}.icon-switch button svg{width:16px;height:16px}.section-nav{gap:20px}.section-nav a{font-size:12px}.metadata{grid-template-columns:repeat(2,minmax(0,1fr))}.batch-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.image-stage{flex-basis:100%;width:100%}h1{font-size:21px}.info-heading{padding:22px}.info-body{padding:20px 22px}.batch-stats{padding:20px 22px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}body:after{transition:none!important}.card:hover{transform:none}}

/* Draft controls share the gallery's Scene picker and day/night theme. */
.draft-history-control,.draft-view-filter-control{position:relative;min-width:0}
.draft-view-filter-label{display:flex;align-items:center;gap:9px;color:var(--ink);font-size:12px;line-height:1.5;cursor:pointer}
.draft-view-filter-label input{flex-shrink:0;width:16px;height:16px;margin:0;accent-color:var(--accent);cursor:pointer}
.draft-view-filter-label input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.draft-view-filter-label:has(input:disabled){opacity:.65;cursor:not-allowed}
.draft-view-filter-label input:disabled{cursor:not-allowed}
.draft-resolution{margin:8px 0 0;color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}
.draft-history-option-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.draft-history-option-label{overflow-wrap:anywhere}
.draft-history-option time{color:var(--muted);font-size:10px;font-weight:400;font-variant-numeric:tabular-nums}
.draft-history-option[aria-selected=true]:after{flex-shrink:0}
#draft-history-options{scrollbar-width:thin;scrollbar-color:var(--scrollbar) transparent}
#draft-history-options::-webkit-scrollbar{width:8px;height:8px}
#draft-history-options::-webkit-scrollbar-track{background:transparent}
#draft-history-options::-webkit-scrollbar-thumb{background:var(--scrollbar);border:2px solid transparent;background-clip:padding-box;border-radius:10px}
body[data-page=detail] .image-stage:has(#pending-image:not([hidden])){aspect-ratio:1.2;display:flex;align-items:center;justify-content:center}
@media(max-width:850px){.draft-history-control,.draft-view-filter-control{grid-column:1/-1;max-width:320px}}

.draft-source-label{display:block;margin-top:4px;color:var(--muted);font-size:10px;line-height:1.3;font-weight:400}
body.has-draft-comparison[data-page=detail] #detail-content>.image-stage,
body.has-draft-comparison[data-page=detail] #detail-content>.detail-info{display:none}
.draft-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;width:100%;max-width:1100px;align-items:start}
.draft-comparison.is-single{grid-template-columns:minmax(0,520px)}
.draft-comparison-panel{min-width:0}
.draft-comparison-label{margin:0 0 12px;color:var(--muted);font-size:12px;line-height:1.5;font-weight:600;overflow-wrap:anywhere}
.draft-comparison-stage,.draft-comparison-empty{display:flex;align-items:center;justify-content:center;aspect-ratio:1.2;width:100%;overflow:hidden;border:1px solid var(--line);border-radius:11px;background:var(--card);box-shadow:var(--shadow)}
.draft-comparison-preview{display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:zoom-in}
.draft-comparison-preview img{display:block;width:100%;height:100%;object-fit:contain}
.draft-comparison-preview:focus-visible{outline-offset:-5px}
.draft-comparison-metadata{margin-top:22px;gap:18px 14px}
.draft-comparison-metadata dd{overflow-wrap:anywhere}
.draft-comparison-links{margin-top:20px}
#draft-comparison-viewer{width:max-content;max-width:96vw;max-height:95vh;border-radius:10px;overflow:auto;padding:0;scrollbar-width:thin;scrollbar-color:var(--scrollbar) transparent}
.draft-comparison-viewer-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:10px 14px}
.draft-comparison-viewer-heading h2{margin:0;font-size:13px;font-weight:600}
.draft-comparison-viewer-image{display:block;max-width:calc(96vw - 2px);max-height:calc(95vh - 54px);width:auto;height:auto;object-fit:contain}
@media(max-width:1050px){.draft-comparison{gap:22px}.draft-comparison-metadata{column-gap:10px}.draft-comparison-metadata dd{font-size:12px}}
@media(max-width:650px){.draft-comparison{grid-template-columns:minmax(0,520px);gap:34px}.draft-comparison-metadata{grid-template-columns:repeat(3,minmax(0,1fr))}.draft-comparison-metadata .wide{grid-column:1/-1}}

/* Shared application shell. Existing gallery proportions and colors are retained. */
.icon{display:inline-flex;flex-shrink:0}.version-control{min-width:0}.version-control select{height:43px}.version-control .draft-resolution:empty{display:none}.version-control select{font-size:12px}.title-row .version{max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.draft-source-label{overflow-wrap:anywhere}.card-image{overflow:hidden}.card-image img{aspect-ratio:1.2}.connection-status{padding:12px 15px;border:1px solid var(--line);border-radius:8px;color:var(--muted);font-size:12px;margin:0 0 22px;background:var(--card)}.text-button{border:0;padding:8px 2px;background:transparent;color:var(--muted);font-size:12px}.text-button:hover{color:var(--accent)}.stable-detail{display:flex;align-items:flex-start;flex-wrap:wrap;gap:30px;width:100%}.stable-detail .image-stage{aspect-ratio:1.2}.stable-detail .detail-info{padding-top:0}.stable-detail .metadata{margin-top:0}.stable-detail .image-stage img{display:block;max-height:53.33vh;width:100%;height:100%;object-fit:contain}#image-viewer{border:1px solid var(--line);background:var(--card);border-radius:10px;overflow:auto}#image-viewer .draft-comparison-viewer-heading{position:sticky;top:0;background:var(--card)}#viewer-image{max-height:calc(95vh - 58px)}#viewer-title{font-size:13px;line-height:1.4}.world-note{color:var(--muted);font-size:12px;margin:0 0 12px}#world-panel iframe{display:block;width:100%;height:calc(100vh - 245px);min-height:420px;border:1px solid var(--line);border-radius:12px}.world-open aside{visibility:hidden}.world-open main{margin-left:0}.startup{padding:70px max(24px,7vw);color:var(--muted)}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:35px;width:min(100%,390px);box-shadow:var(--shadow)}.login-card>p{color:var(--muted);font-size:13px}.login-card h1{font-size:28px}.login-card input{display:block;width:100%;height:44px;margin:0 0 18px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);font:inherit;padding:0 12px}.login-card .button{background:var(--accent);color:var(--card);width:100%;justify-content:center}.login-card .button:disabled{opacity:.6;cursor:wait}.login-card .form-error{color:#a13737;margin-bottom:0}.login-card input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}#gallery .entity-section:empty{display:none}
@media(max-width:850px){.version-control{grid-column:1/-1;max-width:320px}.world-open aside{display:none}.stable-detail{gap:24px}.stable-detail .detail-info{flex-basis:100%;max-width:100%}}