:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e7edf2;background:#010204;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#010204;min-height:440px}
header{display:flex;justify-content:space-between;align-items:center;padding:19px 30px;gap:12px}header p{margin:0;font-size:9px;letter-spacing:.18em;font-weight:500}.edition{color:#9eb4c4}.index{color:#d3ad68;margin-right:14px}.top-right{display:flex;gap:24px;align-items:center}.status{color:#6f808c;font-size:8px}.status span{padding:0 7px;color:#bc9d65}.languages{display:flex;gap:2px}.languages button{font-size:9px;min-height:28px;padding:0 7px}
main{position:relative;min-height:0}canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab;outline:none}canvas:active{cursor:grabbing}canvas:focus-visible{outline:1px solid #778c9c;outline-offset:-5px}#loading{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);font-size:11px;letter-spacing:.12em;color:#a4b9cb}#failure{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);max-width:30em;width:82%;line-height:1.6;color:#adc2d2;text-align:center}#failure p:first-child{font-size:20px;color:#f1d39c}#failure p:last-child{font-size:13px}[hidden]{display:none!important}
#point{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;display:grid;place-items:center;pointer-events:none}#point span{display:block;width:11px;height:11px;background:#eed6a1;border-radius:50%}
footer{display:flex;flex-direction:column;align-items:center;padding:0 20px 15px;gap:10px}.identity{text-align:center}.identity h1{font-size:21px;font-weight:350;letter-spacing:.48em;text-indent:.48em;color:#efdfb9;margin:0 0 8px}.identity p{font-size:9px;color:#728b9e;margin:0;letter-spacing:.07em;min-height:12px}
button{border:1px solid transparent;border-radius:5px;min-height:34px;padding:0 11px;color:#8ea3b3;background:transparent;font:inherit;font-size:10px;cursor:pointer;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}button:hover{background:#0c1722;color:#dfe9f0}button[aria-pressed=true]{border-color:#355164;background:#0a131b;color:#e2eff8}button:focus-visible{outline:2px solid #d3ad68;outline-offset:2px}button:disabled{opacity:.5;cursor:default}.variants{display:flex;gap:6px}.variants button{display:flex;gap:8px;align-items:center;padding:0 13px;min-height:37px;min-width:91px}.variants b{font-size:8px;font-weight:500;letter-spacing:.08em;color:#a48e65}.variants button[aria-pressed=true] b{color:#ecd4a0}.variants button[aria-pressed=true]{border-color:#57636a;background:#0d151c}
.commands{display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap}.views,.sizes{display:flex;gap:1px;border-right:1px solid #20303c;padding-right:7px;margin-right:2px}#animate span:last-child{font-size:8px;color:#627480;margin-left:7px}#animate[aria-pressed=true] span:last-child{color:#d3ad68}.hint{font-size:9px;color:#536b7e;margin:0;letter-spacing:.025em;min-height:11px}
@media(max-width:700px){header{padding:13px 15px}.edition{font-size:8px}.index{margin-right:7px}.status{font-size:7px;letter-spacing:.05em}.top-right{gap:8px}.languages button{padding:0 5px}.variants{gap:3px;width:100%;max-width:420px;justify-content:center}.variants button{min-width:0;flex:1;justify-content:center;padding:0 4px;gap:4px;font-size:9px}.variants b{font-size:7px}.identity h1{font-size:18px}.identity p{font-size:8px;max-width:90vw}footer{padding:0 12px 12px;gap:8px}button{font-size:9px;padding:0 8px;min-height:36px}.commands{gap:1px}.views,.sizes{padding-right:3px;margin-right:1px}.status span{padding:0 3px}.hint{font-size:8px}.edition span:last-child{display:none}}
@media(max-height:650px){header{padding-top:10px;padding-bottom:10px}footer{gap:5px;padding-bottom:7px}.identity h1{font-size:17px;margin-bottom:4px}button,.variants button{min-height:29px}.identity p,.hint{font-size:8px}}
@media(prefers-reduced-motion:reduce){button{transition:none}}

/* One selected Denge design. Existing study controls remain in the archived r19. */
.variants,#balance-return,#animate{display:none!important}.engine-list{display:flex;gap:5px;flex-wrap:wrap;justify-content:center}.engine-list button{min-height:36px;border-color:#20303c}.engine-list button[aria-pressed=true]{border-color:#b89a62}#engine-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.engine-label{position:absolute;transform:translateX(-50%);pointer-events:auto;background:#071019d9;border:1px solid #263a48;color:#b5c7d1;font-size:10px;min-height:34px;max-width:230px}.engine-point{position:absolute;transform:translate(-50%,-50%);width:11px;height:11px;border-radius:50%;background:#eed6a1;pointer-events:none}#engine-detail{position:absolute;right:18px;top:18px;width:238px;padding:15px;background:#061019ed;border:1px solid #314657;border-radius:7px;color:#adbfcb;pointer-events:none}#engine-detail h2{font-size:16px;color:#e6d3aa;font-weight:500;margin:0 0 12px}#engine-detail strong{font-size:12px;font-weight:500}#engine-detail p{font-size:11px;line-height:1.5;margin:10px 0 0}#engine-close{border-color:#4b5b64;min-height:36px}footer{gap:7px}@media(max-width:700px){.engine-label{display:none}#engine-detail{top:auto;bottom:10px;right:10px;width:190px;padding:10px}.engine-list button{min-height:44px;font-size:9px}.engine-list{gap:2px}#engine-detail h2{font-size:13px;margin-bottom:7px}#engine-detail p{font-size:10px}}

#room-sample{position:absolute;left:12px;top:8px;z-index:3;margin:0;padding:7px 10px;border:1px solid #a68245;background:#18130de8;color:#e4c88e;font-size:10px;letter-spacing:.04em;pointer-events:none}

.engine-label[data-engine="library"]{transform:none}

/* Help overlays the unused scene edge; it never participates in page layout. */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#shortcut-help{position:absolute;z-index:10;left:12px;top:12px;bottom:12px;width:clamp(220px,20vw,280px);display:flex;flex-direction:column;border:1px solid #314657;border-radius:8px;background:#061019f5;color:#b4c6d3;box-shadow:0 8px 28px #0008;pointer-events:auto;text-align:left;overflow:hidden}
.help-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid #20303c;flex:none}
.help-heading h2{font-size:13px;font-weight:500;color:#e6d3aa;margin:0}.help-heading button{border-color:#314657;min-height:34px}
.help-scroll{overflow:auto;overscroll-behavior:contain;min-height:0;padding:3px 14px 12px;scrollbar-width:thin;touch-action:pan-y}
.help-scroll:focus-visible{outline:1px solid #d3ad68;outline-offset:-3px}.help-scroll ul{margin:0;padding-left:16px}.help-scroll li{font-size:11px;line-height:1.55;padding:7px 0;border-bottom:1px solid #152631}.help-note{font-size:10px;line-height:1.5;color:#8197a7;margin:10px 0}
@media(max-width:700px){#shortcut-help{top:auto;bottom:8px;left:12px;width:calc(100% - 24px);max-height:30%;min-height:min(120px,30%)}.help-heading{padding:6px 10px}.help-heading button{min-height:36px}.help-scroll li{font-size:11px}}

/* Live embedding has no synthetic switch or sample arc. */
body[data-integration="live"] #arc-preview{display:none!important}#live-status{position:absolute;top:8px;left:12px;margin:0;max-width:65%;font-size:10px;line-height:1.5;color:#91a8b9;pointer-events:none}body[data-integration="live"] #shortcut-help{top:40px}body[data-integration="live"] #engine-detail{max-height:calc(100% - 50px);overflow:auto;pointer-events:auto}@media(max-width:700px){body[data-integration="live"] #shortcut-help{top:auto}#live-status{max-width:95%;font-size:9px}body[data-integration="live"] #engine-detail{max-height:32%;width:190px;bottom:8px}}