:root{color-scheme:dark;--bg:#16181b;--panel:#202226;--panel2:#25282c;--line:#35383c;--text:#dbdfe3;--muted:#959ba3;--accent:#bee98a;--accent-bg:#384535;--field:#181a1d;--viewer:60%;font:14px 'Inter','Segoe UI',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);overflow:hidden}button,input,select,textarea{font:inherit}button{color:inherit;background:none;border:0;cursor:pointer;border-radius:4px}button:hover{background:#ffffff0c;color:#fff}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{opacity:.4;cursor:default}input,select,textarea{color:var(--text);background:var(--field);border:1px solid var(--line);border-radius:4px;padding:6px 8px;min-width:0}input[type=range]{accent-color:var(--accent);padding:0;border:0;background:transparent}input[type=checkbox]{accent-color:var(--accent)}input[type=color]{padding:2px;height:30px}input[type=number]{font-variant-numeric:tabular-nums}a{color:var(--accent)}button svg{width:16px;height:16px}button.active{color:var(--accent);background:var(--accent-bg)}[hidden]{display:none!important}#studio{display:flex;flex-direction:column;height:100dvh;min-height:550px}.titlebar{height:55px;display:flex;align-items:center;padding:0 20px;gap:35px;border-bottom:1px solid #101113;background:#1c1e21;flex-shrink:0}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:#f3f6ed}.brand strong{font-size:24px;letter-spacing:-1.2px;font-weight:600}.brand strong span{font-size:10px;font-weight:500;color:#9ea8a2;letter-spacing:2px;margin-left:10px;vertical-align:middle}.project-crumb{display:flex;gap:11px;align-items:center;font-size:13px}.project-crumb button{padding:4px 0}.pill{font-size:10px;letter-spacing:.8px;background:#303633;color:#b6c7b8;border:1px solid #455148;padding:3px 5px;border-radius:3px}.title-actions{margin-left:auto;display:flex;gap:10px;align-items:center}.save-state{font-size:12px;color:var(--muted);margin-right:9px}.button{padding:8px 12px;background:#292d30;border:1px solid #404448;font-weight:500}.button.accent{background:var(--accent);color:#22301c;border-color:var(--accent);min-width:89px}.button:hover{filter:brightness(1.1)}.avatar{background:#454340;color:#eadbbd;min-width:29px;height:29px;border-radius:50%;font-size:12px;border:2px solid #242628}.menubar{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:#222428;border-bottom:1px solid #111;flex-shrink:0}.menubar nav{display:flex;gap:1px}.menubar nav button{padding:7px 9px;font-size:13px}.workspace-tabs{align-self:stretch;display:flex;gap:6px;margin-left:-6%}.workspace-tabs button{padding:0 17px;border-radius:0;font-size:13px;border-bottom:2px solid transparent}.workspace-tabs button.active{background:#2a3028;border-color:var(--accent);color:#d8e8c9}.layout-button{font-size:13px;color:var(--muted);display:flex;gap:10px;padding:8px}.workarea{display:grid;grid-template-columns:216px minmax(320px,1fr) 310px;gap:5px;padding:5px;flex:1;min-height:0}.panel{background:var(--panel);border:1px solid #2b2e32;border-radius:4px;overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;min-height:37px;height:37px;border-bottom:1px solid #111;background:#24272b;padding:0 12px;flex-shrink:0}.panel-header strong{font-size:13px;font-weight:600}.panel-header>button{font-size:17px}.icon-button{width:26px;height:26px;font-size:18px;padding:0}.assets-panel{display:flex;flex-direction:column}.search-wrap{margin:14px 11px 9px;display:flex;align-items:center;border:1px solid var(--line);background:#1a1c1f;border-radius:5px;padding-left:9px;color:#9299a1}.search-wrap input{background:transparent;border:0;padding:7px;font-size:12px;width:100%}.bin-tree{padding:4px 7px 11px;border-bottom:1px solid #303337}.bin-tree button{display:flex;align-items:center;width:100%;text-align:left;padding:8px 9px;font-size:12px;color:#aeb4bc}.bin-tree button.selected{background:#333b31;color:#d7e3cf}.bin-tree span{margin-left:auto;color:#b5bcb0;font-size:11px}.bin-heading{display:flex;justify-content:space-between;margin:13px 13px 9px;font-size:10px;letter-spacing:1.2px;color:#90979e}.asset-list{overflow:auto;padding:0 10px;min-height:70px}.asset-card{border:1px solid transparent;border-radius:5px;padding:5px;margin-bottom:11px;cursor:pointer;position:relative}.asset-card:hover{background:#292d31}.asset-card.selected{border-color:#849c68;background:#2d332b}.asset-thumb{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:3px;display:block;background:#151719}.asset-card strong{display:block;font-size:12px;font-weight:500;margin:7px 1px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-card small{font-size:11px;color:#8f989f;display:flex;justify-content:space-between}.asset-badge{position:absolute;right:10px;top:10px;padding:2px 4px;border-radius:3px;font-size:9px;background:#17191cc9;color:#ddd}.import-drop{border:1px dashed #43494f;margin:6px 12px 15px;min-height:80px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:12px;gap:4px;color:#bdc3c9}.import-drop>span{font-size:20px;color:#949da4}.import-drop small{font-size:10px;color:#7e8790}.sidebar-bottom{margin-top:auto;border-top:1px solid #303338}.sidebar-bottom .panel-header{border-bottom:0;background:none}.sidebar-bottom dl{font-size:11px;display:grid;grid-template-columns:1fr 1fr;padding:0 13px;gap:10px;margin:10px 0 16px}.sidebar-bottom dt{color:var(--muted)}.sidebar-bottom dd{margin:0;text-align:right}.disk-meter{height:3px;background:#343a3e;margin:0 13px}.disk-meter span{display:block;height:100%;width:8%;background:#80976c}.micro{font-size:10px;color:#757f86;margin:10px 13px 15px}.central{min-width:0;min-height:0;display:grid;grid-template-rows:minmax(220px,var(--viewer)) 5px minmax(180px,1fr)}.viewer-panel{display:flex;flex-direction:column}.panel-header.viewer-heading{padding-left:0}.pane-tabs{display:flex;height:100%;align-items:center;gap:0;min-width:0}.pane-tabs button{height:100%;padding:0 13px;font-size:12px;border-radius:0;border-bottom:2px solid transparent;white-space:nowrap}.pane-tabs button.active{background:#2a2d31;color:#e4e7ea;border-bottom-color:#a8c77f}.pane-tabs button span{color:#858e95;font-size:12px;margin-left:13px}.pane-tabs>span{font-size:11px;margin-left:14px;color:#8c959d;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.row{display:flex;align-items:center;gap:8px;min-width:0}.engine-badge{font-size:10px;color:#a1c482;letter-spacing:.3px}.engine-badge::before{content:'◆';font-size:9px;margin-right:5px}.viewer-toolbar{height:35px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;background:#232529;flex-shrink:0;gap:8px}.viewer-toolbar select{font-size:11px;border:0;padding:4px 5px;background:#191c1f}.viewer-toolbar button{font-size:12px;padding:4px 7px;color:#bbc1c8}.separator{height:15px;width:1px;background:#3b3f43;display:inline-block}.viewer-adjust label{font-size:11px;color:#9ba3ab;display:flex;gap:6px;align-items:center}.viewer-adjust input{width:43px;padding:2px 4px;font-size:11px}.viewer-stage{position:relative;flex:1;min-height:50px;overflow:hidden;background:#101214;display:flex;align-items:center;justify-content:center;padding:28px 42px 27px}.viewer-image-wrap{width:100%;max-height:100%;aspect-ratio:16/9;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 0 0 1px #ffffff0b}.viewer-image-wrap canvas{position:absolute;width:100%;height:100%;object-fit:contain;display:block}#viewer-canvas{background:transparent}.viewer-image-wrap{background:repeating-conic-gradient(#1b2025 0% 25%,#242b30 0% 50%) 50% / 16px 16px}#overlay-canvas{touch-action:none;pointer-events:none}.viewer-image-wrap.drawing #overlay-canvas{pointer-events:auto;cursor:crosshair}.image-label,.viewer-corner{position:absolute;bottom:8px;font:10px 'SFMono-Regular',Consolas,monospace;color:#707880;letter-spacing:.7px}.image-label{left:42px}.image-label i{font-style:normal;color:#444e56;margin:0 5px}.viewer-corner{right:19px}.viewer-tools{position:absolute;left:7px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:3px}.viewer-tools button{font-size:17px;width:25px;height:27px;color:#89959f}#viewer-error{position:absolute;bottom:35px;left:45px;right:20px;background:#452d28e8;color:#ffd4c6;padding:10px;font-size:12px;border-radius:5px}#viewer-guides{position:absolute;inset:10%;border:1px dashed #ffffff88;pointer-events:none}#viewer-guides:after{content:'';position:absolute;inset:5%;border:1px solid #ffffff44}.frame-ruler{height:32px;background:#1a1d20;border-top:1px solid #2b3034;padding:0 14px;position:relative;flex-shrink:0}.frame-ruler input{position:absolute;inset:0 14px;width:calc(100% - 28px);margin:0;opacity:.4;z-index:2;height:100%;cursor:ew-resize}.frame-ruler input::-webkit-slider-thumb{appearance:none;height:28px}.frame-ruler #frame-ticks{display:flex;justify-content:space-between;font-size:10px;color:#7e8992;height:100%;align-items:end;padding-bottom:3px}.frame-ruler #frame-ticks span{position:relative}.frame-ruler #frame-ticks span:before{content:'';height:7px;position:absolute;top:-9px;left:50%;width:1px;background:#5a646c}.transport{height:39px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 12px;background:#25282c;flex-shrink:0}.transport button{width:23px;height:25px;font-size:12px;color:#abb3bc}.transport button.active{color:var(--accent);background:none}.transport .play-button{color:#d5e7be;background:#353d2f}.time-display{display:flex;gap:12px;align-items:center;font:12px Consolas,monospace;color:#d2d9df}.time-display input{width:53px;padding:3px 4px;font:11px Consolas,monospace;text-align:center}.playback-info{font-size:10px;color:#96a0a9}.splitter{cursor:row-resize}.splitter:hover{background:#94b676}.lower-panel{display:flex;flex-direction:column;min-height:0}.lower-panel>.panel-header{padding:0 9px 0 0}.add-node-button{border:1px solid #444b3d;padding:3px 8px;color:#b3ca9c;font-size:11px}.lower-content{flex:1;min-height:0;position:relative;overflow:hidden}.inspector-panel{display:flex;flex-direction:column;min-width:0}.inspector-panel>.panel-header{padding-left:0;padding-right:9px}.inspector-content{overflow:auto;flex:1}.inspector-footer{font-size:10px;color:#7a858d;padding:10px 12px;border-top:1px solid #30343a}.node-title{padding:18px 15px;display:flex;align-items:center;gap:10px}.node-type-icon{width:32px;height:32px;border-radius:5px;background:#744348;color:#f1c1c8;display:grid;place-items:center;font-size:19px}.node-title h2{font-size:14px;margin:0 0 4px;font-weight:600}.node-title small{font-size:11px;color:#939da7}.node-title>button{margin-left:auto;color:#89949e}.node-state{display:flex;justify-content:space-between;align-items:center;padding:0 15px 15px;gap:10px;font-size:11px;color:#aab3ba}.node-state label{display:flex;align-items:center;gap:5px}.group-title{font-size:11px;letter-spacing:.5px;color:#c0c7cd;font-weight:600;border-top:1px solid #363b3f;background:#25282c;padding:11px 14px;display:flex;align-items:center;justify-content:space-between}.controls-group{padding:15px 14px 6px}.property-row{display:grid;grid-template-columns:82px minmax(0,1fr) 16px;gap:7px;align-items:center;margin-bottom:15px}.property-row>label{font-size:12px;color:#aeb8c0}.property-input{display:flex;gap:6px;min-width:0;align-items:center}.property-input>input:not([type=range]),.property-input>select{width:100%;font-size:12px;height:28px;padding:4px 6px}.property-input input[type=range]{width:calc(100% - 50px)}.property-input input[type=range]+input{width:48px;padding:4px!important;text-align:right}.keyframe-button{font-size:12px;color:#69737c;padding:0}.keyframe-button.active{color:#b7df7e;background:none}.node-note{padding:12px 15px;color:#8d98a0;font-size:11px;line-height:1.7}.node-info{padding:0 15px 15px;display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:11px}.node-info span{color:#81909a}.node-info strong{text-align:right;font-weight:400;color:#bdc7cf}.reset-button{font-size:11px;color:#a6b292;border:1px solid #434b3d;padding:5px 8px;display:block;margin:7px 15px 18px}.color-preview{height:22px;margin:10px 15px 20px;border-radius:3px;background:linear-gradient(90deg,#0d1727,#2b4a70,#718a8d,#d6b28c,#d5bd9c)}.statusbar{display:flex;height:27px;align-items:center;justify-content:space-between;padding:0 13px;font-size:10px;background:#1d2023;color:#83909a;flex-shrink:0}.statusbar>div{display:flex;align-items:center;gap:17px}.statusbar button{font-size:15px}.status-dot{height:5px;width:5px;border-radius:50%;background:#a9cf7a;margin-right:-9px}.muted{color:var(--muted)}dialog{color:var(--text);background:#24272c;border:1px solid #444b53;border-radius:10px;padding:0;min-width:360px;max-width:min(700px,92vw);width:520px;box-shadow:0 30px 150px #0009}dialog::backdrop{background:#07090caa;backdrop-filter:blur(4px)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid #363d43}.modal-header h2{font-size:18px;margin:0;font-weight:500}#modal-content{padding:22px;max-height:76vh;overflow:auto}.form-row{display:flex;flex-direction:column;gap:7px;margin-bottom:17px}.form-row label{font-size:12px;color:#b3bec6}.form-row input,.form-row select{width:100%;padding:9px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:22px}.modal-copy{font-size:13px;color:#a7b2bb;line-height:1.7}.modal-copy code{color:#d1dfba}.shortcut-row{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #343940;padding:11px 0;font-size:13px}.shortcut-row kbd{font:11px Consolas,monospace;background:#171b1f;border:1px solid #41474e;padding:3px 6px;border-radius:3px}.node-picker-search{width:100%;padding:10px;margin-bottom:15px}.node-picker{display:grid;grid-template-columns:1fr 1fr;gap:6px}.node-picker button{border:1px solid #3b4248;text-align:left;padding:11px;display:flex;gap:10px;align-items:center}.node-picker button small{display:block;font-size:10px;color:#82919c;margin-top:4px}.color-dot{width:9px;height:9px;border-radius:3px;flex-shrink:0}#popover{position:fixed;top:94px;left:12px;width:220px;background:#2b2f34;border:1px solid #414850;border-radius:6px;padding:5px;z-index:50;box-shadow:0 15px 35px #0007}#popover button{display:flex;width:100%;justify-content:space-between;text-align:left;padding:10px;font-size:12px}#popover small{color:#82909b}#toasts{position:fixed;bottom:44px;left:50%;transform:translateX(-50%);z-index:100;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{background:#343e31;border:1px solid #66785a;padding:10px 18px;color:#e0edda;font-size:12px;box-shadow:0 6px 30px #0007;border-radius:6px;max-width:700px}.toast.error{background:#46302d;border-color:#9b6258;color:#ffe2d9}.empty-state{padding:25px 18px;line-height:1.7;font-size:12px;color:#8e9ca7;text-align:center}.review-top{padding:16px;border-bottom:1px solid #373f46}.review-top h3{font-size:14px;font-weight:500;margin:0 0 5px}.review-top p{font-size:11px;color:#8896a1;margin:0}.comment-form{padding:15px;border-bottom:1px solid #373f46}.comment-form textarea{width:100%;min-height:78px;resize:vertical;font-size:12px;line-height:1.5}.comment-form .row{justify-content:space-between;margin-top:9px}.comment-form .row label{font-size:10px;color:#95a2ac}.comment-form .button{padding:6px 9px;font-size:11px}.comment-card{padding:17px 15px;border-bottom:1px solid #343b41}.comment-top{display:flex;align-items:center;gap:8px;font-size:11px}.comment-top strong{font-weight:500}.comment-top time{color:#7e8d98;font-size:10px;margin-left:auto}.comment-body{font-size:12px;color:#c5ced5;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.comment-bottom{display:flex;justify-content:space-between;font-size:10px;color:#8798a3}.comment-bottom button{font-size:10px;padding:4px 7px;border:1px solid #3e484f}.frame-link{color:#bfd797!important;background:#313b2d}.comment-card.resolved{opacity:.6}.timeline-toolbar{height:33px;padding:4px 10px;display:flex;align-items:center;gap:8px;background:#21262a;border-bottom:1px solid #373f46}.timeline-toolbar button{font-size:11px;padding:4px 8px}.timeline-toolbar label{font-size:10px;color:#8a9ca8;display:flex;align-items:center;gap:5px;margin-left:auto}.timeline-toolbar input{width:70px}.timeline-scroll{height:calc(100% - 33px);overflow:auto;position:relative}.timeline-inner{min-height:100%;position:relative}.timeline-ruler{height:25px;display:flex;justify-content:space-between;padding-left:110px;background:#242a2e;color:#8798a4;font:10px Consolas,monospace;align-items:center;position:sticky;top:0;z-index:5}.timeline-track{height:63px;border-bottom:1px solid #343d45;display:flex;position:relative}.track-label{position:sticky;left:0;width:105px;flex-shrink:0;background:#252c31;border-right:1px solid #4c565d;padding:10px;z-index:4;font-size:11px;display:flex;align-items:center;gap:5px}.track-label strong{max-width:50px;overflow:hidden;font-weight:500}.track-label button{font-size:9px;padding:2px 3px}.track-lane{position:relative;flex:1;background:repeating-linear-gradient(90deg,transparent 0,transparent 59px,#283238 60px)}.clip{position:absolute;top:7px;height:49px;min-width:12px;border-radius:4px;background:#43553f;border:1px solid #718465;color:#dbe9d2;overflow:hidden;cursor:grab;touch-action:none;user-select:none}.clip.audio{background:#3e455f;border-color:#697aa4}.clip.selected{border:2px solid #c3e28e;box-shadow:0 0 0 1px #1c2417}.clip img{width:100%;height:100%;object-fit:cover;opacity:.4;position:absolute;top:0;left:0}.clip span{position:relative;display:block;font-size:10px;padding:5px 9px;text-shadow:0 1px 3px #000}.clip small{position:relative;font-size:9px;padding-left:9px}.clip .handle{position:absolute;width:7px;top:0;bottom:0;background:#ffffff12;cursor:ew-resize;z-index:2}.clip .handle.left{left:0}.clip .handle.right{right:0}.playhead{position:absolute;top:25px;bottom:0;width:1px;background:#d6eaaa;pointer-events:none;z-index:3}.playhead:before{content:'';position:absolute;top:0;left:-4px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:8px solid #d6eaaa}.scope-title{display:flex;gap:20px;padding:13px 17px;font-size:11px}.scope-title span{color:#7c8f9a}#histogram{display:block;width:95%;height:calc(100% - 42px);margin:0 auto}.version-row,.member-row{display:flex;gap:10px;align-items:center;justify-content:space-between;border-bottom:1px solid #3a4148;padding:12px 0;font-size:12px}.version-row small{display:block;font-size:10px;color:#8fa0ab;margin-top:5px}.version-row button{border:1px solid #46513c;padding:6px 9px;color:#becfaa}.export-progress{height:5px;background:#414b3c;border-radius:4px;overflow:hidden;margin:15px 0}.export-progress span{height:100%;display:block;background:var(--accent);transition:width .1s}body.fullscreen-viewer .assets-panel,body.fullscreen-viewer .inspector-panel,body.fullscreen-viewer .lower-panel,body.fullscreen-viewer .splitter{display:none}body.fullscreen-viewer .workarea{grid-template-columns:1fr}body.fullscreen-viewer .central{grid-template-rows:1fr}body[data-workspace=editorial]{--viewer:57%}body[data-workspace=review]{--viewer:75%}.drop-overlay{position:fixed;inset:6px;background:#243320eb;border:2px dashed #b8d697;z-index:99;display:grid;place-items:center;font-size:25px;color:#d2e8bd;pointer-events:none}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background:#485058;border-radius:5px}::-webkit-scrollbar-track{background:#1d2226}@media(min-width:1650px){.workarea{grid-template-columns:240px minmax(400px,1fr) 350px}.viewer-stage{padding:32px 65px 28px}.image-label{left:65px}.property-row{grid-template-columns:95px minmax(0,1fr) 16px}}@media(max-width:1100px){.workarea{grid-template-columns:170px minmax(290px,1fr) 265px}.titlebar{padding:0 12px;gap:20px}.brand strong span,.save-state,.layout-button span,.project-crumb .muted,.viewer-adjust label:first-child{display:none}.workspace-tabs{margin-left:0}.workspace-tabs button{padding:0 10px}.property-row{grid-template-columns:70px minmax(0,1fr) 13px;gap:4px}.property-input input[type=range]{width:calc(100% - 38px)}.property-input input[type=range]+input{width:38px}.pane-tabs button{padding:0 9px}.playback-info{display:none}.viewer-stage{padding:22px 28px}.image-label{left:30px}.bin-tree{padding:3px}.brand strong{font-size:21px}}@media(max-width:850px){.workarea{grid-template-columns:minmax(280px,1fr) 245px}.assets-panel{display:none}.titlebar{height:50px;gap:16px}.project-crumb{flex:1;gap:7px}.project-crumb .pill{display:none}.title-actions .button:not(.accent),.title-actions .avatar{display:none}.menubar nav{display:none}.menubar{justify-content:center}.layout-button{display:none}.viewer-adjust{display:none}.workspace-tabs button{padding:0 18px}.statusbar>div{gap:10px}.statusbar>div:last-child span:last-of-type{display:none}}@media(max-width:620px){body{overflow:auto}#studio{height:auto;min-height:100dvh}.workarea{display:flex;flex-direction:column;min-height:750px;flex:1}.central{height:650px;flex-shrink:0;grid-template-rows:390px 5px 255px}.inspector-panel{max-height:420px;min-height:260px}.project-crumb{font-size:11px}.brand strong{font-size:20px}.titlebar{gap:10px;padding:0 10px}.title-actions .accent{min-width:65px;padding:7px}.viewer-heading .pane-tabs>span{display:none}.viewer-stage{padding:20px 27px}.workspace-tabs button{font-size:12px}.statusbar{position:sticky;bottom:0;z-index:10}.lower-panel .pane-tabs button{font-size:11px;padding:0 8px}.lower-panel .add-node-button{font-size:10px;padding:3px}.inspector-panel .property-row{grid-template-columns:100px 1fr 25px}.sidebar-bottom{display:none}dialog{min-width:0;width:calc(100vw - 24px)}.form-grid{grid-template-columns:1fr}}