:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eef5f5;background:#0b1117;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body{background:#0b1117;min-height:100%;margin:0}body{min-height:100vh;overflow-x:hidden}#manual-responsive-offscreen-app{background:radial-gradient(circle at 70% 30%,#1c3540 0,#0b1117 58%);min-height:100vh;position:relative;overflow:hidden}#scene-shell{min-height:100vh;position:absolute;inset:0}#scene-shell canvas{outline:none;width:100%;height:100%;display:block}#scene-shell.paragraph-mode{color:#15242b;background:#dfe8e5;padding:8vh 5vw 8vh 42vw}#scene-shell.paragraph-mode .paragraph-surface{max-width:680px;font:1.1rem/1.6 Georgia,serif}#scene-shell.paragraph-mode canvas{float:left;width:200px;height:150px;margin:.3rem .9rem .5rem 0}#scene-shell.editor-mode{align-items:stretch;padding:8vh 5vw 8vh 40vw;display:flex}.editor-surface{background:#17232a;border:1px solid #55727c;width:min(820px,100%);height:min(78vh,640px);min-height:300px;display:flex;box-shadow:0 22px 80px #0008}.editor-view{resize:horizontal;flex:0 0 72%;min-width:120px;position:relative;overflow:hidden}.editor-view canvas{min-width:100%;min-height:100%}.editor-gutter{cursor:ew-resize;background:repeating-linear-gradient(90deg,#a5c6c5 0 2px,#49686e 2px 4px);flex:0 0 10px;width:10px}.editor-controls{color:#cfe4e5;background:#263b42;flex:1;padding:1rem;font-size:.85rem}.editor-controls p{margin:0}.study-hud{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#122027ed,#0c141ae8);border:1px solid #6b9295aa;border-radius:16px;width:min(450px,100vw - 2rem);padding:1.15rem;position:absolute;top:5vh;left:clamp(1rem,5vw,5rem);box-shadow:0 22px 70px #0008}.back-link,.source-note a{color:#9ee3d2;letter-spacing:.02em;font-size:.72rem;text-decoration:none}.back-link:hover,.source-note a:hover{text-decoration:underline}.eyebrow{color:#80d1c1;letter-spacing:.18em;margin-top:1rem;font-size:.68rem;font-weight:700}h1{letter-spacing:-.06em;margin:.35rem 0 .55rem;font-size:clamp(2rem,5vw,3.55rem);line-height:.94}.intro{color:#c7d9d9;margin:0;font-size:.91rem;line-height:1.55}.status-panel{background:#0a1419aa;border:1px solid #54767b;border-radius:10px;margin:1rem 0;padding:.7rem .8rem}.status-row{color:#e8fff9;justify-content:space-between;gap:.75rem;font-size:.78rem;font-weight:700;display:flex}.status-detail{color:#a9c1c4;margin-top:.3rem;font-size:.72rem;line-height:1.4}.control-panel{gap:.7rem;display:grid}.field{color:#a9c1c4;gap:.3rem;font-size:.7rem;display:grid}select,button{color:#eef5f5;font:inherit;background:#15252c;border:1px solid #54767b;border-radius:8px;padding:.55rem .65rem}button{cursor:pointer;font-size:.72rem}button:hover{border-color:#9ee3d2}.button-row{flex-wrap:wrap;gap:.45rem;display:flex}.metrics{grid-template-columns:repeat(3,1fr);gap:.45rem;margin:0;display:grid}.metrics div{background:#0d191e;border:1px solid #36545a;border-radius:8px;padding:.45rem}.metrics dt{color:#78979a;text-transform:uppercase;letter-spacing:.08em;font-size:.6rem}.metrics dd{color:#eafff9;overflow-wrap:anywhere;margin:.15rem 0 0;font:700 .78rem/1.1 ui-monospace,SFMono-Regular,Consolas,monospace}.contract-strip{color:#9ee3d2;justify-content:space-between;gap:.8rem;font:.65rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.contract-strip span:last-child{color:#759296;text-align:right}.error-panel{color:#ffdede;background:#521b28;border:1px solid #d97676;border-radius:9px;margin-top:.8rem;padding:.7rem;font-size:.75rem}.error-panel span{margin-top:.3rem;display:block}.hint{color:#91abad;font-size:.7rem;line-height:1.45}.source-note{color:#78979a;margin-bottom:0;font-size:.68rem;line-height:1.6}.signature{z-index:2;color:#77a3a4;letter-spacing:.16em;font:.62rem ui-monospace,SFMono-Regular,Consolas,monospace;position:absolute;bottom:1rem;right:1.2rem}@media (width<=760px){.study-hud{width:min(390px,100vw - 2rem);top:1rem;left:1rem}.metrics{grid-template-columns:repeat(2,1fr)}#scene-shell.paragraph-mode,#scene-shell.editor-mode{padding:42vh 1rem 1rem}}