:root{font-family:Segoe UI,Arial,sans-serif;color:#263e3b;background:#f7f5ee;font-synthesis:none;font-size:14px;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid #bf6c45}button{cursor:pointer;color:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{border:0}button:disabled{cursor:default}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfdfd3;padding:0 28px;background:#fbfaf5;gap:24px}.brand{display:flex;gap:12px;align-items:center;font-family:Georgia,serif;font-size:27px;font-weight:700;letter-spacing:-1px;white-space:nowrap}.brand-mark{background:#255951;color:#f1d99c;border-radius:13px;display:grid;place-items:center;width:43px;height:43px;font-family:Georgia,serif;font-size:42px;font-weight:400;padding-bottom:8px}.brand small{display:block;font-family:Segoe UI,sans-serif;font-size:8px;letter-spacing:1.6px;font-weight:600;margin-top:4px}.room-link{font-size:11px;white-space:nowrap;color:#687872}.room-link span{margin-left:9px}.workshop{display:grid;grid-template-columns:260px minmax(0,1fr);height:calc(100vh - 88px);min-height:600px}.sidebar{overflow:auto;border-right:1px solid #dedfd3;background:#f8f7f0;padding:26px 20px 16px;scrollbar-width:thin}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:700;color:#728776}.sidebar h1,.lab-panel h1{font-family:Georgia,serif;font-size:38px;line-height:1.1;letter-spacing:-1px;font-weight:400;margin:12px 0}.sidebar-title p{color:#7a877f;font-size:12px;line-height:1.7;margin:0 0 22px}.search{height:34px;border:1px solid #dfdfd3;border-radius:6px;display:flex;align-items:center;gap:8px;padding:0 10px;margin-bottom:12px}.search span{font-size:21px;color:#829185}.search input{width:100%;border:0;background:transparent;font-size:11px;outline:none;color:#435b51}.asset-list{display:flex;flex-direction:column;gap:3px}.asset-row{width:100%;background:transparent;display:flex;align-items:center;gap:11px;padding:9px;text-align:left;border-radius:6px;min-height:43px;font-size:12px}.asset-row[hidden]{display:none}.asset-row small{display:block;font-size:9px;color:#879286;margin-top:3px}.asset-row[aria-pressed=true]{background:#e5eadc;color:#315b48}.asset-row:hover{background:#ecede2}.asset-icon{width:26px;height:26px;border:1px solid #dbdfcf;border-radius:6px;display:grid;place-items:center;font-size:17px;color:#81957b;flex-shrink:0}.asset-row[aria-pressed=true] .asset-icon{background:#426e55;color:#f8f2dc;border-color:#426e55}.row-arrow{margin-left:auto}.scene-row{margin-bottom:6px;min-height:52px}.authoring{border-top:1px solid #dedfd3;margin-top:18px;padding-top:17px}.section-label{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1px;font-weight:700;color:#637b65}.text-button{background:transparent;font-size:10px;color:#a27754;padding:0}.hint{font-size:9px;color:#8a9284;line-height:1.6;margin:8px 0 16px}.slider-label{display:flex;justify-content:space-between;font-size:10px;margin-top:12px}.slider-label output{color:#9b8661;font-size:10px;font-variant-numeric:tabular-nums}.shape-slider{display:block;width:100%;height:15px;accent-color:#617e55;margin:7px 0 10px;cursor:ew-resize}details summary{list-style:none;cursor:pointer;font-size:10px;padding:9px 0;color:#7a8877}details summary span{float:right}details summary::-webkit-details-marker{display:none}.sidebar-foot{font-size:9px;color:#8b9387;display:flex;align-items:center;gap:7px;margin-top:22px}.status-dot{width:5px;height:5px;background:#92aa77;border-radius:50%;display:inline-block}.viewport-wrap{position:relative;overflow:hidden;background:#c8e7e4}#viewport{position:absolute;inset:0 0 94px}canvas{display:block;width:100%;height:100%}.scene-heading{position:absolute;top:27px;left:32px;pointer-events:none;max-width:340px}.scene-heading h2{font-size:28px;font-family:Georgia,serif;font-weight:400;letter-spacing:-.7px;margin:7px 0;color:#31574f}.scene-heading .eyebrow{color:#5c8d82;font-size:8px}.scene-heading p{font-size:11px;line-height:1.6;color:#5d8278;margin:0;max-width:290px}.view-toolbar{position:absolute;top:26px;right:26px;background:#f7f9eddd;padding:4px;display:flex;border:1px solid #fff7;border-radius:7px;gap:3px;box-shadow:0 2px 10px #365c4a08}.view-toolbar button{background:transparent;padding:8px 10px;border-radius:4px;font-size:10px;white-space:nowrap;color:#6b8176}.view-toolbar button[aria-pressed=true]{background:#e2e9d9;color:#355f47}.view-options{position:absolute;right:27px;top:83px;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.view-options label{font-size:10px;color:#527c70;display:flex;align-items:center;gap:7px;cursor:pointer}.view-options input{accent-color:#53785e;width:12px;height:12px;margin:0}.view-options select{font-size:10px;background:#f7f9edcc;border:1px solid #c2d6c7;border-radius:4px;padding:4px;color:#527c70}.orientation{position:absolute;bottom:135px;right:26px;display:flex;gap:4px}.orientation button{font-size:9px;text-transform:capitalize;background:#f5f5eacc;color:#5d7b6c;padding:6px 8px;border-radius:4px}.orientation button[aria-pressed=true]{background:#dbe6d1}.viewport-caption{position:absolute;bottom:115px;left:28px;display:flex;gap:11px;font-size:8px;letter-spacing:.9px;color:#487d75}.viewport-caption i{font-style:normal;opacity:.5}.scene-note{position:absolute;bottom:148px;left:28px;display:flex;align-items:center;gap:7px;font-size:9px;color:#4a7f71}.scene-note .status-dot{background:#568778}.inspector{position:absolute;bottom:0;left:0;right:0;height:94px;background:#f9f8f1;border-top:1px solid #e4e6d9;display:flex;align-items:center;justify-content:space-between;padding:16px 26px;gap:12px}.asset-meta{min-width:0}.asset-meta .eyebrow{font-size:9px;letter-spacing:.7px;color:#4b6956}.asset-meta p{font-size:10px;margin:7px 0;color:#71836f}.asset-meta small{font-family:Consolas,monospace;font-size:9px;color:#9b9e8e}.export-actions{display:flex;gap:6px}.export-actions button{background:#efefe4;border:1px solid #dedfcf;border-radius:5px;font-size:9px;padding:10px 11px;white-space:nowrap;color:#6d7d61}.export-actions button span{margin-left:8px}.export-actions .filled{background:#365f49;color:#f2f1de;border-color:#365f49}.error-notice{position:absolute;left:20px;bottom:30px;max-width:500px;background:#fff2d9;padding:18px;color:#934d37}#toast{position:fixed;bottom:120px;left:50%;transform:translate(-50%);background:#284f41;color:#fff5da;box-shadow:0 6px 25px #243d3b22;border-radius:8px;padding:13px 20px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s}#toast.visible{opacity:1}.lab-layout{display:grid;grid-template-columns:320px 1fr;height:calc(100vh - 88px);min-height:650px}.lab-panel{padding:32px;overflow:auto}.lab-panel p{color:#738174;line-height:1.7;font-size:12px}.lab-panel dl{display:grid;grid-template-columns:1fr 1fr;font-size:10px;gap:12px;margin:25px 0}.lab-panel dt{color:#84917c}.lab-panel dd{margin:0;font-variant-numeric:tabular-nums;word-break:break-word}.lab-panel button{background:#365f49;color:#fff2cc;border-radius:5px;padding:10px 16px;font-size:12px}.lab-note{border-top:1px solid #dddfd2;padding-top:18px}.keycaps{text-align:center;margin:20px}kbd{display:inline-grid;place-items:center;width:30px;height:30px;border:1px solid #cdd6c3;border-radius:5px;margin:2px;background:#efefe4;box-shadow:0 2px #d1d8c5}.lab-heading{font-size:11px;letter-spacing:2px;color:#8d9a82}#lab-viewport{position:relative;min-width:0}@media(min-width:1600px){.sidebar{padding:30px 26px}.workshop{grid-template-columns:290px minmax(0,1fr)}.asset-row{padding:11px 9px}.scene-heading{top:33px;left:36px}.scene-heading h2{font-size:34px}.scene-heading p{font-size:12px}}@media(max-width:1200px){.topbar{padding:0 18px;gap:14px}.brand{font-size:23px}.brand small{font-size:7px}.workshop{grid-template-columns:236px minmax(0,1fr)}.sidebar{padding:22px 15px}.scene-heading{left:22px;top:24px;max-width:240px}.scene-heading p{max-width:230px;font-size:10px}.view-toolbar{right:18px}.view-toolbar button{padding:7px;font-size:9px}.view-options{right:20px}.inspector{padding:12px 18px}.export-actions{gap:4px}.export-actions button{padding:9px 7px;font-size:8px}.asset-meta p{font-size:9px}.asset-meta small{font-size:8px}}@media(max-width:900px){.room-link,.brand small{display:none}.topbar{height:75px}.brand-mark{display:none}.workshop{height:calc(100vh - 75px);grid-template-columns:200px minmax(0,1fr)}.sidebar{padding:18px 12px}.scene-heading{top:75px}.view-toolbar{left:18px;right:auto;top:20px}.view-options{top:160px}.inspector{height:118px;align-items:flex-start;flex-direction:column;gap:7px}#viewport{bottom:118px}.viewport-caption{bottom:128px;font-size:6px;gap:6px}.scene-note{bottom:170px}.orientation{bottom:145px}.asset-meta small{display:none}}.rig-controls{border-top:1px solid #dedfd3;margin-top:16px;padding-top:16px}.rig-controls[hidden]{display:none}.rig-toggles{display:flex;gap:16px;margin:13px 0}.rig-toggles label,.rig-cycle{display:flex;align-items:center;gap:6px;font-size:10px;color:#5c7562}.rig-controls input[type=checkbox]{accent-color:#53785e;width:12px;height:12px;margin:0}.rig-select{display:flex;justify-content:space-between;align-items:center;font-size:10px;margin:11px 0;color:#5c7562}.rig-select select{max-width:137px;font-size:10px;background:#efefe4;border:1px solid #d6ddcc;border-radius:4px;padding:5px;color:#456650}.rig-controls .hint{margin-bottom:0}#rig-stats{font-size:8px;font-weight:400;letter-spacing:0}.view-options label[hidden]{display:none}.motion-controls{padding-bottom:16px}.motion-buttons{display:flex;gap:7px;margin:10px 0}.motion-buttons button,.motion-markers button{background:#e5eadc;border:1px solid #d2dcc7;border-radius:5px;padding:7px 9px;font-size:10px}.motion-controls .rig-select select{max-width:155px}.motion-controls details{border-top:1px solid #e0e2d6;margin-top:12px}.motion-controls .rig-cycle{margin:10px 0}.motion-controls [hidden],.motion-dock[hidden]{display:none!important}.motion-dock{position:absolute;left:26px;right:26px;bottom:105px;padding:13px 17px;background:#fbfaf3ed;border:1px solid #d5dfd0;border-radius:10px;box-shadow:0 3px 20px #31574f15;color:#456650}.motion-dock-title{display:flex;justify-content:space-between;gap:15px;font-size:12px}.motion-dock-title span{font-size:10px;color:#8c7950}.motion-timeline{display:flex;align-items:center;gap:15px;font-size:10px;margin:11px 0}.motion-timeline input{flex:1;accent-color:#53785e;min-width:70px}.motion-timeline output{font-variant-numeric:tabular-nums;width:80px;text-align:right}.motion-markers{display:flex;gap:12px;align-items:center;font-size:10px;color:#82907a}.motion-markers button{padding:4px 8px}.has-motion .scene-note,.has-motion .viewport-caption{display:none}.has-motion .orientation{bottom:240px}@media(max-width:900px){.motion-dock{bottom:128px;left:12px;right:12px;padding:10px}.motion-dock-title,.motion-markers{font-size:9px}.has-motion .orientation{bottom:260px}}