.topbar{gap:16px}.menus{gap:0}.menus button{padding:6px 8px}.brand-sub{display:none}.command-key span{display:none}.top-actions{gap:8px}.tools{overflow-y:auto}.tools #toolButtons{gap:3px}.tool{height:30px;width:32px}.agent-footer{padding:10px 14px}.advanced-layer-controls{padding:4px 13px 10px;display:flex;align-items:center;gap:10px;color:var(--muted);font-size:10px}.advanced-layer-controls label{display:flex;align-items:center;gap:5px}.advanced-layer-controls select{max-width:112px}.advanced-layer-controls input{accent-color:var(--accent)}.timeline{height:220px}.tag-strip{display:flex;align-items:center;gap:5px;padding:5px 12px;border-bottom:1px solid var(--line);min-height:35px;overflow-x:auto}.tag-strip button{font-size:10px;min-height:23px;border:1px solid var(--line);padding:2px 8px}.tag-strip button.active{background:var(--selected);border-color:var(--tag-color,var(--accent));color:var(--accent)}.tag-strip button span{opacity:.55;margin-left:3px}.tag-list{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.connection-status{font-size:10px;color:var(--muted);min-height:24px;border:1px solid var(--line);margin-right:12px}.connection-status[data-state=connected]{color:var(--accent);border-color:#70806566}.connection-status[data-state=error]{color:#ffbe91;border-color:#c08657}.connection-hero{display:flex;gap:14px;align-items:center;background:#1c2422;border:1px solid #435349;border-radius:8px;padding:16px}.connection-hero p{margin:5px 0 0;color:var(--muted);font-size:12px}.connection-orb{width:13px;height:13px;border-radius:50%;background:#67717a;flex-shrink:0}.connection-orb.online{background:#b6df9d;box-shadow:0 0 20px #a3d79044}.effect-layout{display:grid;grid-template-columns:1fr 200px;gap:22px}#effectPreview{width:192px;height:192px;border:1px solid var(--line);image-rendering:pixelated;background:repeating-conic-gradient(#222a30 0% 25%,#293239 0% 50%) 0/16px 16px;border-radius:6px}.cel-grid{max-height:116px;overflow:auto;border-top:1px solid var(--line);padding:4px 12px}.cel-row{display:flex;align-items:center;gap:4px;min-width:max-content}.cel-row>span{width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:var(--muted)}.cel-row button{width:26px;height:23px;min-height:23px;border:1px solid var(--line);font-size:10px;padding:0}.cel-row button.active{background:var(--selected);color:var(--accent);border-color:var(--accent)}.timeline.has-cel-grid{height:330px}.field input[type=number]{width:100%}.tag-list:empty{display:none}.modal-body pre{user-select:text}.modal-body .hint-box button{margin:5px 4px 0 0}.modal-body input[type=range]{width:100%;margin:12px 0}.modal-body output{float:right;color:var(--accent)}@media(max-height:800px){.timeline{height:204px}.timeline.has-cel-grid{height:290px}.preview-well{height:100px}.tool{height:27px}.tool-group-gap{margin-top:3px}}@media(max-width:1100px){.brand strong{font-size:20px}.menus button{font-size:11px;padding:6px}.topbar{gap:8px}.command-key{display:none}.connection-status{max-width:150px;overflow:hidden}.document-meta{font-size:10px}}

.tools{scrollbar-width:thin;scrollbar-color:#4a5159 #24282d}.tools::-webkit-scrollbar{width:5px}.tools::-webkit-scrollbar-thumb{background:#4a5159;border-radius:4px}.tools::-webkit-scrollbar-track{background:#24282d}
.inspector>section{flex-shrink:0}.layers-section{flex:0 0 auto;min-height:0}.agent-footer{display:none}

/* Compact editor chrome keeps the canvas central. */
.topbar{height:40px;padding:0 12px}.topbar button{min-height:27px}.brand strong{font-size:21px}.documentbar{height:31px;padding-left:6px;min-width:0}.optionsbar{height:34px;padding:0 10px}.optionsbar button{min-height:25px}.statusbar,.legacy-tab{display:none}.document-meta{flex-shrink:0;padding:0 10px}.save-state{margin-left:7px}.document-meta .separator,.document-meta .separator+span{display:none}
#documentTabs{display:flex;align-self:stretch;min-width:0;overflow-x:auto;scrollbar-width:thin;flex:1}.document-tab-wrap{display:flex;flex-shrink:0;max-width:230px;border-right:1px solid var(--line);border-bottom:2px solid transparent}.document-tab-wrap.active{background:#30372f;border-bottom-color:var(--accent)}.document-tab-wrap [role=tab]{min-width:80px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;justify-content:flex-start;font-size:11px;padding:3px 9px;min-height:27px}.close-document{min-height:27px;width:24px;padding:2px;color:var(--muted)}.close-document:hover{color:#fff;background:#643d3d}
.timeline{height:151px}.timeline>.panel-heading{height:31px}.tag-strip{min-height:26px;padding:2px 10px}.tag-strip button{min-height:20px}.timeline-body{padding:4px 12px;gap:10px}.frame-card{height:66px;min-height:66px;width:53px}.frame-card .frame-number{height:16px;padding:2px 5px;font-size:9px}.frame-card canvas{width:32px;height:32px}.frame-card .frame-duration{margin:0;font-size:8px}.timeline-label{gap:2px}.timeline-label .muted{margin:0}.duration-input input{height:21px}.timeline-footer{height:16px}.add-frame-card{height:45px}.timeline.has-cel-grid{height:235px}.cel-grid{flex:1;min-height:30px}.timeline.has-cel-grid .timeline-body{flex:0 0 76px}.canvas-caption{top:12px}.tools{padding-top:6px}.agent-drawer{top:40px}
@media(max-width:1000px){.save-state{display:none}.document-meta{gap:3px}.connection-status{max-width:100px;margin-right:4px}.topbar{gap:5px}.top-actions{gap:4px}}