:root{font-family:Arial,Helvetica,sans-serif;color:#eeedf4;background:#0d1015;font-synthesis:none;color-scheme:dark;--muted:#858b99;--accent:#b7adff;--border:#282d37}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent;outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,#canvas-host:focus-visible{outline:2px solid var(--accent)}button{cursor:pointer}button:disabled{opacity:.38;cursor:default}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.app{max-width:1700px;padding:0 4%;margin:auto}header{height:91px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:11px;font-size:22px;letter-spacing:3px;font-weight:800}.brand-mark{font-size:37px;color:var(--accent);font-weight:400}.brand-sub{font:9px monospace;letter-spacing:1.6px;color:#9397a5;border-left:1px solid #343743;margin-left:12px;padding-left:22px}.header-right{display:flex;align-items:center;gap:8px;font:8px monospace;letter-spacing:1px;color:#82899a}.live-dot{display:inline-block;flex-shrink:0;width:5px;height:5px;background:var(--accent);border-radius:50%;box-shadow:0 0 10px #ffffff18}.edition{border:1px solid #333945;border-radius:4px;padding:7px 10px;margin-left:22px;font-size:9px}main{display:grid;grid-template-columns:260px minmax(0,1fr);gap:36px;padding:33px 0 40px}.library{padding:10px 0}.eyebrow{font:9px monospace;letter-spacing:1.4px;color:var(--accent)}h1{font-size:26px;line-height:1.36;letter-spacing:-.8px;font-weight:500;margin:18px 0 11px}em{font-family:Georgia,serif;font-weight:400;color:var(--accent)}.intro-note{color:var(--muted);font-size:10px;line-height:1.8;margin:0 0 29px}.section-label{display:flex;justify-content:space-between;align-items:center;font:9px monospace;letter-spacing:1.2px;color:#979daa;margin-bottom:14px}.count{border:1px solid #343945;border-radius:4px;padding:3px 6px;font-size:8px}.object-list{display:flex;flex-direction:column;gap:10px}.object-card{display:flex;width:100%;align-items:center;text-align:left;padding:12px 10px;gap:12px;border:1px solid var(--border);background:#141820;border-radius:10px;color:#d5d8e0;position:relative;transition:border-color .18s,background .18s}.object-card:hover{border-color:#626077;background:#1e2230}.object-card.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,#131820)}.object-thumb{display:grid;place-items:center;width:52px;height:60px;border-radius:7px;background:#222632;flex-shrink:0;overflow:hidden}.object-thumb svg{width:44px;height:52px}.object-card .card-copy{min-width:0;flex:1}.card-copy strong{font-size:12px;font-weight:500;display:block;margin-bottom:7px}.card-copy small{font:7px monospace;letter-spacing:1px;color:#8b92a1;display:block}.card-arrow{color:#565e6c;font-size:14px}.selected .card-arrow{color:var(--accent)}.new-badge{font:6px monospace;letter-spacing:.5px;padding:3px 5px;background:#b7adff16;border:1px solid #b7adff36;border-radius:3px;color:#b7adff;position:absolute;top:5px;right:7px}.appearance{border-top:1px solid var(--border);margin-top:26px;padding-top:23px}.control-title{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#bec3ce;margin-bottom:13px}.control-title>span:last-child,.control-title output{font:9px monospace;color:#8e94a1}.swatches{display:flex;gap:15px;margin-bottom:25px;padding-left:2px}.swatch{height:27px;width:27px;border:3px solid #0d1015;border-radius:50%;background:var(--swatch);outline:1px solid transparent;outline-offset:2px}.swatch.selected{outline-color:var(--accent)}select{width:100%;background:#171c24;border:1px solid #323945;border-radius:5px;padding:10px;font-size:11px;color:#bdc3cd}.zoom-title{margin-top:23px}input[type=range]{width:100%;height:4px;margin:0;accent-color:var(--accent);cursor:pointer}.toggle-row{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#a5adbb;margin-top:23px}.toggle{appearance:none;position:relative;width:29px;height:17px;margin:0;flex-shrink:0;background:#333a47;border-radius:20px;cursor:pointer}.toggle:after{content:"";position:absolute;left:3px;top:3px;width:11px;height:11px;background:#9aa2b1;border-radius:50%;transition:transform .2s}.toggle:checked{background:var(--accent)}.toggle:checked:after{background:#222030;transform:translate(12px)}.download{display:flex;justify-content:space-between;font-size:10px;color:var(--accent);border-top:1px solid var(--border);margin-top:25px;padding:17px 0 5px}.library-note{color:#687282;font-size:10px;line-height:1.9;margin-top:28px;position:relative;padding-left:25px}.library-note>span{position:absolute;left:0;color:var(--accent);font-size:14px}.workspace{min-width:0}.viewer{position:relative;height:548px;overflow:hidden;border:1px solid #2d3441;border-radius:15px;background:radial-gradient(ellipse at 52% 50%,#2a2d42,#1a2030,#121923 76%)}.viewer:before{content:"";position:absolute;inset:0;background:radial-gradient(#98a1bc38 .6px,transparent .6px);background-size:25px 25px;pointer-events:none}.viewer-heading{position:absolute;left:27px;top:25px;right:25px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;z-index:2}.viewer-heading .eyebrow{font-size:8px}h2{font-size:27px;font-weight:500;letter-spacing:-.5px;margin:9px 0}.viewer-heading p{font-size:10px;color:#828d9f;margin:0}.viewer-badge{display:flex;align-items:center;gap:7px;border:1px solid #515b6a70;border-radius:20px;padding:7px 10px;font:8px monospace;letter-spacing:1px;color:#b1bbcc;background:#171b2570}.stage-number{position:absolute;right:38px;top:120px;line-height:1;font-size:240px;font-weight:800;color:transparent;-webkit-text-stroke:1px #65708a20;letter-spacing:-20px;pointer-events:none}.stage-orbit{position:absolute;width:470px;height:470px;top:20px;left:50%;transform:translate(-50%);border:1px solid #899bb812;border-radius:50%;pointer-events:none}.stage-orbit:after{content:"";position:absolute;inset:42px;border:1px dashed #899bb816;border-radius:50%}#canvas-host{position:absolute;inset:0;touch-action:none;z-index:1}canvas{display:block}.loading{position:absolute;top:45%;left:20%;right:20%;padding:20px;background:#151924ee;border:1px solid #5e586e;border-radius:10px;color:var(--accent);font-size:12px;text-align:center;z-index:5}.loading button{display:block;margin:15px auto 0;background:var(--accent);color:#13141e;border:0;border-radius:5px;padding:9px 16px}.viewer-bottom{position:absolute;bottom:0;left:0;right:0;padding:14px 23px;border-top:1px solid #3a435440;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#111722a6;font-size:9px;color:#8e9aad;z-index:2}.viewer-bottom i{font-style:normal;padding:0 7px}#view-mode{font:7px monospace;letter-spacing:1px;color:#6b788d}.viewer-bottom button{background:transparent;color:#c4ccda;border:0;font-size:16px}.viewer-bottom button span{font-size:10px;margin-left:5px}.now-playing{position:absolute;bottom:69px;left:25px;display:flex;gap:8px;align-items:center;font-size:10px;color:#b0bbca;z-index:2;pointer-events:none}.speech-bubble{position:absolute;top:135px;right:25px;max-width:240px;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:14px 14px 14px 3px;background:#151b29ee;padding:15px 18px;font-size:13px;color:#e9e9f2;line-height:1.6;overflow-wrap:anywhere;z-index:3;pointer-events:none;box-shadow:0 12px 32px #0003}.action-panel{padding:24px 25px 20px;background:#12161e;border:1px solid var(--border);border-radius:12px;margin-top:15px}.action-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:19px}.action-heading .eyebrow{font-size:8px}h3{font-size:23px;font-weight:500;letter-spacing:-.5px;margin:7px 0 0}.transport{display:flex;gap:8px}.transport button{background:#1b212d;border:1px solid #323b4c;color:#bbc5d7;font-size:12px;border-radius:5px;padding:8px 10px;min-height:32px}.transport button span{font-size:9px;margin-left:5px}.action-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.action-button{display:flex;align-items:center;gap:10px;min-height:64px;text-align:left;background:#1a202b;border:1px solid #2d3543;border-radius:7px;color:#bfc6d3;padding:10px 12px;transition:background .15s,border-color .15s}.action-button:hover{background:#252b3a;border-color:#5c6278}.action-button.selected{background:color-mix(in srgb,var(--accent) 13%,#161c27);border-color:var(--accent);color:var(--accent)}.action-icon{font-family:Georgia,serif;min-width:18px;text-align:center;font-size:24px;line-height:1}.action-copy{min-width:0}.action-copy strong{display:block;font-size:10px;font-weight:500;white-space:nowrap}.action-copy small{display:block;font:7px monospace;color:#77849a;margin-top:5px;letter-spacing:.5px}.playback-settings{display:flex;align-items:center;gap:14px;font-size:10px;color:#919bab;margin:20px 0 0;flex-wrap:wrap}.playback-settings>label:first-child{display:flex;gap:10px}.playback-settings output{color:var(--accent);min-width:26px;font:10px monospace}.playback-settings>input{width:100px}.loop-label{display:flex;align-items:center;gap:9px;margin-left:7px}#motion-hint{margin-left:auto;font-size:9px;color:#65738a}.speech-form{border-top:1px solid #2b3341;margin-top:21px;padding-top:18px}.speech-form>label{font:8px monospace;letter-spacing:1px;color:#8893a6}.speech-input-row{display:flex;gap:9px;margin-top:10px}.speech-input-row input{flex:1;min-width:0;padding:12px 13px;background:#0f141d;border:1px solid #343c4b;border-radius:6px;font-size:11px;color:#c5cbd7}.speech-input-row button{min-width:110px;border:0;border-radius:6px;background:var(--accent);color:#151725;font-size:11px;font-weight:600;padding:12px 16px;display:flex;justify-content:space-between;gap:12px}.speech-options{display:flex;align-items:center;gap:14px;font-size:9px;color:#828da1;margin-top:12px}.speech-options label{display:flex;align-items:center;gap:5px;white-space:nowrap}.speech-options input{accent-color:var(--accent);margin:0}.speech-options select{width:94px;padding:5px;font-size:9px}.speech-options>span{margin-left:auto;font-size:8px}footer{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--border);min-height:72px;font:8px monospace;letter-spacing:1px;color:#737e90}footer>span:first-child{color:#bac2d0}footer i{color:var(--accent);font-style:normal;padding:0 8px}@media(min-width:1500px){main{grid-template-columns:280px minmax(0,1fr);gap:45px}.viewer{height:610px}.action-button{min-height:70px}}@media(max-width:1150px){.app{padding:0 25px}main{grid-template-columns:225px minmax(0,1fr);gap:22px}.header-right{font-size:7px}.edition{margin-left:8px}.action-panel{padding:20px 17px}.action-grid{gap:7px}.action-button{padding:10px 8px;gap:6px}.action-icon{font-size:19px}.action-copy strong{font-size:9px}.speech-options>span{max-width:180px}.viewer{height:520px}}@media(max-width:900px){.header-right{display:none}.action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.viewer{height:510px}.viewer-heading{left:20px;top:20px}.viewer-heading p{max-width:190px;line-height:1.6}h2{font-size:24px}.viewer-badge{font-size:7px;padding:6px}.action-heading{align-items:flex-end}.transport button span{display:none}.action-panel h3{font-size:21px}#motion-hint{display:none}.speech-options{flex-wrap:wrap}.speech-options>span{max-width:none;width:100%;margin-left:0}.speech-bubble{right:15px;max-width:180px;top:140px;font-size:11px}.stage-number{font-size:180px}}@media(max-width:650px){.app{padding:0 16px}header{height:72px}.brand{font-size:20px}.brand-mark{font-size:33px}.brand-sub{font-size:7px;padding-left:13px;margin-left:3px;letter-spacing:1px}main{display:flex;flex-direction:column;gap:20px;padding:24px 0}.library{padding:0}.library>.eyebrow{font-size:8px}h1{font-size:25px;margin:12px 0 0}h1 br{display:none}h1 em:before{content:" "}.intro-note{margin:8px 0 19px}.library>.section-label{display:none}.object-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.object-card{flex-direction:column;padding:13px 7px 10px;text-align:center;gap:8px}.object-thumb{width:48px;height:51px}.object-thumb svg{height:46px}.card-copy strong{font-size:10px;margin-bottom:0}.card-copy small,.card-arrow{display:none}.new-badge{font-size:5px;top:4px;right:4px}.appearance,.library-note{display:none}.viewer{height:480px}.viewer-heading{left:18px;right:17px;top:18px}.viewer-heading p{font-size:9px}.viewer-heading h2{font-size:24px}.viewer-heading .eyebrow{font-size:7px}.viewer-bottom{padding:12px 15px;font-size:8px}.viewer-bottom #view-mode{display:none}.viewer-bottom button span{font-size:9px}.now-playing{bottom:63px;left:18px;font-size:9px}.stage-number{font-size:160px;right:30px;top:150px}.speech-bubble{top:130px;max-width:150px;font-size:10px;padding:10px 12px}.action-panel{padding:20px 14px 17px}.action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.action-button{min-height:64px;padding:9px;gap:8px}.action-copy strong{font-size:10px}.action-icon{font-size:20px}.action-heading{margin-bottom:16px}.transport button{min-width:36px;min-height:36px}.playback-settings{gap:10px;font-size:9px}.playback-settings>input{width:90px}.loop-label{margin-left:auto}.speech-input-row{gap:6px}.speech-input-row input{font-size:10px;padding:11px 9px}.speech-input-row button{min-width:83px;padding:10px;font-size:10px}.speech-options{gap:12px}.speech-options>span{font-size:8px;line-height:1.5}.loading{left:10%;right:10%}footer{min-height:65px;font-size:7px}footer>span:last-child{display:none}}.appearance-toggle{display:none}@media(max-width:650px){.appearance-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:transparent;border:0;border-bottom:1px solid var(--border);padding:15px 1px 10px;margin-top:5px;color:#a3aec0;font-size:10px}.appearance.mobile-open{display:block;margin-top:15px;padding-top:5px;border-top:0}.appearance .swatches{gap:20px}.appearance .swatch{width:31px;height:31px}.speech-options label{min-height:28px}.swatch{min-height:27px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}