@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#d6ded5;background:#111714;font-synthesis:none;color-scheme:dark;--muted: #879386;--gold: #d3bc83;--line: #2b342c}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button,select{cursor:pointer}button{color:inherit}button:disabled,select:disabled{opacity:.45;cursor:wait}button:focus-visible,select:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,canvas:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button{border:0}[hidden]{display:none!important}.topbar{height:77px;display:flex;align-items:center;justify-content:space-between;padding:0 33px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;color:#ecebe2;text-decoration:none;font-family:Manrope,sans-serif;font-weight:800;letter-spacing:3px;font-size:18px}.brand small{color:#9caa98;font-size:10px;letter-spacing:2px;margin-left:4px;font-weight:600}.brand-mark{display:grid;place-items:center;font-family:Georgia,serif;font-size:27px;font-weight:400;color:var(--gold);width:36px;height:38px;border:1px solid #73684c;border-radius:3px 11px}.workspace-label{font-size:10px;letter-spacing:2.2px;color:#9da797}.workspace-nav{display:flex;align-items:center;gap:26px}.workspace-nav a{color:#99a594;text-decoration:none;font-size:12px;padding:27px 0;border-bottom:2px solid transparent}.workspace-nav a[aria-current=page]{color:var(--gold);border-color:var(--gold)}.workspace-nav a:hover{color:#e8eadf}.build-status{display:flex;align-items:center;gap:9px;font-size:12px;color:#aeb9aa}.build-status i,.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#9dbd91}.version{margin-left:8px;border:1px solid var(--line);border-radius:4px;padding:4px 7px;color:#798474;font-size:10px}.workspace{display:grid;grid-template-columns:260px minmax(360px,1fr) 246px;min-height:calc(100vh - 77px)}.sidebar{padding:35px 25px 20px;display:flex;flex-direction:column;border-right:1px solid var(--line)}.eyebrow{display:block;font-size:9px;letter-spacing:2.1px;color:#a7af95;font-weight:600}h1{font-family:Manrope,sans-serif;font-size:25px;line-height:1.32;font-weight:500;letter-spacing:-.8px;margin:17px 0 13px;color:#e6e9db}.intro p{color:var(--muted);line-height:1.7;font-size:11px;margin:0 0 30px}.sidebar section{padding:21px 0;border-top:1px solid var(--line)}.sidebar h2{font-size:9px;font-weight:400;color:#75816c;letter-spacing:1px;display:flex;gap:12px;margin:0 0 18px}.sidebar h2 span{color:#b9c2b1;text-transform:uppercase;letter-spacing:1.7px}.subject-list{display:grid;gap:7px}.subject{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid #293229;border-radius:6px;background:#18201a;text-align:left;transition:background .15s,border-color .15s}.subject:hover{background:#202a21}.subject.active{background:#262d22;border-color:#716a4b}.subject-icon{font-family:Georgia,serif;display:grid;place-items:center;font-size:28px;width:30px;height:34px;color:#c1bb9e}.subject-icon.monster{color:#96ab98}.subject strong{display:block;font-size:12px;font-weight:500}.subject small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.selection-dot{margin-left:auto;border:1px solid #59624e;width:7px;height:7px;border-radius:50%}.active .selection-dot{background:var(--gold);border-color:var(--gold);box-shadow:0 0 0 3px #d3bc8312}.check-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:#bdc8b6;margin-top:15px;cursor:pointer}.check-row input{order:2;appearance:none;border-radius:20px;height:15px;width:28px;background:#30392e;cursor:pointer;position:relative;flex-shrink:0;margin:0}.check-row input:before{content:"";position:absolute;top:3px;left:3px;width:9px;height:9px;border-radius:50%;background:#7e8c77;transition:transform .15s}.check-row input:checked{background:#776f4b}.check-row input:checked:before{transform:translate(13px);background:#ead6a1}.check-row input:disabled{opacity:.4;cursor:default}.compare-row{margin-top:18px}.field-label{display:block;font-size:10px;color:#909d88;margin-bottom:9px}select{border:1px solid #3b4534;background:#19211b;border-radius:4px;color:#c9d3bf;padding:10px 12px;width:100%;font-size:11px}.section-note{color:#798771;font-size:10px;line-height:1.65;margin:18px 0 0}.text-button{background:transparent;color:#b7b597;padding:0;margin-top:20px;font-size:11px}.text-button:hover{color:#ece0bb}.sidebar-footer{margin-top:auto;padding-top:25px;display:flex;gap:12px;align-items:center;color:#66745f}.small-diamond{font-size:18px}.sidebar-footer p{font-size:10px;line-height:1.7}.sidebar-footer strong{font-weight:400;color:#94a087}.stage-panel{min-width:0;display:flex;flex-direction:column;background:#151d17;position:relative}.stage-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 31px 0;z-index:1}.stage-heading .eyebrow{color:#84927b;font-size:8px}.stage-heading h2{font-family:Manrope,sans-serif;font-size:21px;font-weight:500;margin:9px 0 0;letter-spacing:-.5px;color:#e1e4d6}.stage-badge{border:1px solid #3b4431;border-radius:4px;padding:7px 10px;color:#9da88f;font-size:10px}.viewport{flex:1;min-height:380px;position:relative;overflow:hidden}canvas{display:block;width:100%;height:100%;position:absolute;inset:0;touch-action:none}.viewport-labels{position:absolute;pointer-events:none;bottom:72px;left:0;right:0;display:flex;justify-content:space-around;text-align:center;font-size:8px;letter-spacing:2.3px;color:#788771}.viewport-help{display:flex;justify-content:center;align-items:center;gap:11px;position:absolute;bottom:26px;left:0;right:0;pointer-events:none;font-size:9px;color:#788773}.viewport-help b{color:#3d4d38;font-weight:400}.loading-panel{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#141d17ed;padding:30px;text-align:center;z-index:3}.loading-panel strong{font-size:16px;color:#d2d8c7;margin-top:20px;font-weight:500}.loading-panel p{color:#91a286;font-size:12px;max-width:400px;line-height:1.8}.loading-panel button{border:1px solid #6e6f4a;border-radius:4px;background:#323824;padding:10px 18px;margin-top:10px}.loader{width:24px;height:24px;border:1px solid #586147;border-top-color:#dec88d;border-radius:50%;animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.notice{position:absolute;bottom:64px;left:24px;right:24px;padding:12px 16px;background:#362c1ef2;border:1px solid #8c7243;color:#e9d9b5;border-radius:5px;font-size:11px;line-height:1.5}.animation-panel{border:1px solid #303c2a;background:#19221a;border-radius:7px;margin:0 25px 20px;padding:17px 20px 13px}.animation-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.animation-heading>div{display:flex;align-items:center;gap:16px}.animation-heading .eyebrow{font-size:8px;color:#73856a;letter-spacing:1.6px}.animation-heading strong{font-size:12px;font-weight:500}#clip-duration{color:#859579;font-size:10px}.animation-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(95px,1fr));gap:6px;max-height:150px;overflow-y:auto}.animation-buttons button{flex:1;border:1px solid #35422e;background:#1c281e;border-radius:4px;padding:9px 4px;font-size:11px;color:#95a48a}.animation-buttons button:hover{border-color:#7e7952}.animation-buttons button.active{background:#d2be87;border-color:#d2be87;color:#262b1e}.playback{display:flex;align-items:center;gap:12px;padding-top:15px}.playback button{background:transparent;color:#bcc5a9;width:22px;font-size:17px;padding:0}.playback progress{appearance:none;height:3px;flex:1;width:10px;border:none;border-radius:5px}progress::-webkit-progress-bar{background:#34422d;border-radius:5px}progress::-webkit-progress-value{background:#b6a76d;border-radius:5px}.playback label{color:#8c9b7f;font-size:10px;padding-left:6px}.playback select{width:65px;border:0;background:#263221;padding:5px;font-size:10px}.viewport-footer{border-top:1px solid #2e3b27;display:flex;justify-content:space-between;align-items:center;padding:12px 27px;color:#718667;font-size:9px}.viewport-footer>span{display:flex;gap:7px;align-items:center}.viewport-footer>div{display:flex;gap:16px}.inspector{padding:35px 24px 24px;border-left:1px solid var(--line)}.inspector>.eyebrow{color:#7d8c75}.inspector h2{font-family:Manrope,sans-serif;font-size:21px;font-weight:500;letter-spacing:-.5px;margin:16px 0 11px}.inspector-intro{color:#82927a;font-size:11px;line-height:1.8;margin-bottom:30px}.note-card{border-top:1px solid var(--line);padding:20px 0 15px}.note-number{font-family:Georgia,serif;font-size:16px;color:#787951;font-style:italic}.note-card h3{font-size:12px;font-weight:500;color:#bfcbb4;margin:11px 0 8px}.note-card p{font-size:10px;line-height:1.9;color:#819577;margin:0}.package-details{border-top:1px solid var(--line);margin-top:13px;padding-top:20px}.package-details summary{cursor:pointer;color:#a9b99c;font-size:11px;display:flex;justify-content:space-between;list-style:none}.package-details summary::-webkit-details-marker{display:none}.package-details summary span{color:#8a936f}.package-details dl{font-size:10px;line-height:1.7}.package-details dt{color:#768b6d;margin-top:13px}.package-details dd{margin:3px 0;color:#a7b99a;overflow-wrap:anywhere}.scope-note{border:1px solid #34402b;border-radius:5px;background:#1a2318;padding:14px;margin-top:26px}.scope-note span{font-size:8px;letter-spacing:1.5px;color:#a4a777}.scope-note p{font-size:10px;color:#7f9473;line-height:1.8;margin:9px 0 0}@media(min-height:850px){.workspace{height:calc(100vh - 77px)}}@media(max-width:1150px){.workspace{grid-template-columns:230px minmax(350px,1fr)}.inspector{display:none}.sidebar{padding:29px 20px 15px}}@media(max-width:700px){.topbar{padding:0 18px;height:65px}.workspace-label{display:none}.brand{font-size:14px}.brand-mark{width:29px;height:33px;font-size:24px}.workspace{grid-template-columns:1fr}.sidebar{border-right:0;display:block;padding:18px}.intro{display:none}.sidebar section{padding:12px 0}.sidebar section:first-of-type{border:0;padding-top:0}.sidebar section:last-of-type,.sidebar-footer{display:none}.subject-list{grid-template-columns:1fr 1fr}.sidebar h2{margin-bottom:10px}.compare-row{margin:12px 0 0}.stage-panel{min-height:700px}.stage-heading{padding:22px}.viewport{min-height:430px}.animation-panel{margin:0 16px 16px;padding:15px}.section-note{margin-top:10px}.viewport-footer{padding:12px 18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.loader{animation-duration:3s}}