:root{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;color-scheme:dark;--workspace:#111113;--panel:#18191b;--raised:#212225;--control:#272a2d;--control-hover:#303438;--border:#454b50;--text:#edeef0;--muted:#aeb4ba;--accent:#b0e64c;--accent-hover:#c4f06c;--accent-soft:#253421;--accent-border:#86b65b;--focus:#d6edff;--danger:#ffb4ab;color:var(--text);background:var(--workspace)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea,a{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 12px;min-height:38px;background:var(--control);color:inherit;border:1px solid var(--border);border-radius:6px;cursor:pointer}button:not(:disabled):hover{background:var(--control-hover)}:is(button,input,select,textarea):disabled{opacity:.45;cursor:not-allowed}button svg,a svg{width:17px;height:17px;flex-shrink:0}:is(button,a,summary,input,select,textarea,.inspector,.layers-section):focus-visible{outline:2px solid var(--focus);outline-offset:3px}a{color:inherit;text-decoration:none}input,select,textarea{display:block;min-width:0;width:100%;padding:9px 10px;min-height:38px;background:var(--control);border:1px solid var(--border);color:var(--text);border-radius:5px}input:focus,select:focus,textarea:focus{border-color:var(--focus)}textarea{resize:vertical;line-height:1.6}input[type=color]{padding:3px;height:40px}input[type=range]{padding:0;min-height:25px;accent-color:var(--accent);border:0}input[type=checkbox]{width:auto;display:inline;accent-color:var(--accent)}label{display:block;min-width:0;color:var(--muted);line-height:1.5}label input,label select,label textarea{margin-top:7px}h1,h2,h3,p{margin:0}h2{font-size:16px;font-weight:600}h3{font-size:14px;font-weight:600}small{font-size:12px;color:var(--muted);line-height:1.5}[hidden]{display:none!important}.primary{background:var(--accent);border:1px solid var(--accent);color:var(--workspace);font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:6px;padding:10px 18px;min-height:40px}.primary:not(:disabled):hover,a.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}button[aria-pressed=true],button[aria-expanded=true],button[aria-pressed=true]:hover,button[aria-expanded=true]:hover{background:var(--accent-soft);border-color:var(--accent-border)}.app-header{min-height:64px;display:flex;align-items:center;gap:16px;padding:10px 22px;border-bottom:1px solid var(--border);background:var(--panel)}.brand{display:flex;align-items:center;gap:11px;font-size:17px;white-space:nowrap}.brandmark{display:grid;place-items:center;width:31px;height:31px;border-radius:7px;background:var(--accent);color:var(--workspace);font-size:23px;font-weight:800}.header-note{color:var(--muted);font-size:12px;border-left:1px solid var(--border);padding-left:16px;white-space:nowrap}.header-actions{margin-left:auto;display:flex;gap:8px;align-items:center;min-width:0}.header-actions button{white-space:nowrap}.export-format-label{display:flex;align-items:center;gap:6px;font-size:12px;white-space:nowrap}.export-format-label select{width:auto;min-width:105px;margin:0}#export-progress{font-size:11px;white-space:nowrap}.workspace{display:grid;grid-template-columns:220px minmax(0,1fr) 300px;grid-template-rows:minmax(350px,1fr) 275px;height:calc(100dvh - 64px);min-height:700px}.workspace>*{min-width:0}.left-panel,.inspector{background:var(--panel);overflow-y:auto;scrollbar-gutter:stable}.left-panel{grid-column:1;grid-row:1;border-right:1px solid var(--border);padding:18px 15px;display:flex;flex-direction:column}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.source-card{width:100%;padding:10px 8px;gap:9px;text-align:left;justify-content:flex-start}.source-card img,#source-placeholder{width:44px;height:42px;flex-shrink:0;border-radius:4px;background:var(--workspace);object-fit:contain}#source-placeholder{display:grid;place-items:center;color:var(--muted)}.source-info{display:block;min-width:0}.source-info strong{font-size:14px;font-weight:500;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.source-info small{display:block;margin-top:5px}.hint{color:var(--muted);font-size:12px;line-height:1.8;margin-top:8px}.layers-section{border-top:1px solid var(--border);padding-top:18px;margin-top:20px}.count{background:var(--control);color:var(--muted);padding:1px 7px;border-radius:4px;font-size:12px}.layer-instruction{margin:-5px 0 12px}.empty-layers{color:var(--muted);font-size:12px;line-height:1.8;padding:14px 8px;background:var(--raised);border-radius:5px}.layer-item{width:100%;display:flex;align-items:center;text-align:left;border:1px solid transparent;border-radius:6px;background:var(--raised);margin-bottom:6px;padding:4px;gap:2px}.layer-item.active{border-color:var(--accent-border);background:var(--accent-soft)}.layer-item svg{color:var(--muted)}.layer-item.active .layer-content svg{color:var(--accent)}#layer-list .layer-item button{padding:4px;min-width:20px;border:1px solid transparent;background:transparent}#layer-list .layer-item button:not(:disabled):hover{background:var(--control-hover)}#layer-list .layer-item button[aria-pressed=true],#layer-list .layer-item button[aria-pressed=true]:hover{background:var(--accent-soft);border-color:var(--accent-border)}#layer-list .layer-item .layer-content{display:flex;align-items:center;gap:5px;flex:1;min-width:0;overflow:hidden}.layer-content>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-content canvas,.layer-content>span:first-child{width:24px;height:24px;flex-shrink:0;object-fit:contain;background:var(--control);text-align:center}.layer-mask-thumb canvas{display:block;width:24px;height:24px}.layer-grip{cursor:grab;touch-action:none;color:var(--muted)}.layer-dragging{box-shadow:inset 0 0 0 1px var(--accent-border)}.layer-drop-indicator{opacity:.4;border-top:3px solid var(--accent)!important}.layer-item.is-locked{opacity:.75}.base-layer{width:100%;justify-content:flex-start;margin-top:10px;padding:10px 9px}.base-layer small{margin-left:auto}.sidebar-note{margin-top:auto;padding-top:28px;color:var(--muted);line-height:1.9;font-size:12px}.editor{grid-column:2;grid-row:1;display:flex;flex-direction:column;min-width:0;min-height:0}.editor-toolbar{min-height:60px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:10px 12px;border-bottom:1px solid var(--border);gap:8px;background:var(--panel)}.add-tools,.history-tools{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-width:0}.add-tools button{white-space:nowrap}.history-tools{gap:3px}.panel-shortcuts,#back-to-canvas{display:none}.inspector-heading-actions{display:flex;align-items:center;gap:5px}.icon-btn{background:transparent;border-color:transparent;padding:8px;min-width:34px;min-height:34px}.tool-divider{height:19px;width:1px;background:var(--border);margin:0 5px}#viewport{flex:1;position:relative;min-height:260px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--workspace)}#viewport:focus-visible{outline:2px solid var(--focus);outline-offset:-3px}#viewport.drag-over{box-shadow:inset 0 0 0 3px var(--accent);background:var(--accent-soft)}#stage-wrap{box-shadow:0 5px 30px #0004;background-color:#343940;background-image:linear-gradient(45deg,#292e35 25%,transparent 25%),linear-gradient(-45deg,#292e35 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#292e35 75%),linear-gradient(-45deg,transparent 75%,#292e35 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.canvas-footer{height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 12px;border-bottom:1px solid var(--border);color:var(--muted);font-size:12px;background:var(--panel)}.canvas-footer>div{display:flex;align-items:center;gap:9px;white-space:nowrap}#selection-hint{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#zoom-label{min-width:32px;text-align:right}.empty-state{text-align:center;padding:24px;max-width:490px}.empty-symbol{display:grid;place-items:center;width:60px;height:60px;border:1px solid var(--accent-border);background:var(--accent-soft);color:var(--accent);border-radius:10px;margin:0 auto 18px}.empty-symbol svg{width:28px;height:28px}.empty-state h1{font-size:23px;font-weight:550}.empty-state p{font-size:16px;color:var(--muted);margin:12px 0 20px}.empty-state .primary{min-width:140px}.text-button{background:transparent;border:0;color:var(--muted)}.empty-state .text-button{display:flex;margin:10px auto 12px}.empty-state>small{display:block}.timeline{grid-column:1/-1;grid-row:2;padding:10px 18px;background:var(--panel);border-top:1px solid var(--border);position:relative;display:flex;flex-direction:column;min-height:0}.timeline-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap;flex-shrink:0}.play-tools{display:flex;align-items:center;gap:3px}.play-btn{min-width:32px;min-height:32px;padding:7px}#time{font-size:12px;font-variant-numeric:tabular-nums;margin-left:8px;white-space:nowrap}#time em{font-style:normal;color:var(--muted)}#frame-label{color:var(--muted);font-size:12px;margin-left:12px;white-space:nowrap}#track-scroll{overflow:auto;min-height:80px;flex:1;background:var(--workspace);border:1px solid var(--border);border-radius:5px}#tracks{position:relative;padding-bottom:6px}.track-row{display:grid;grid-template-columns:165px minmax(100px,1fr);min-height:42px;border-bottom:1px solid var(--border)}.track-name{position:sticky;left:0;z-index:4;width:165px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;text-align:left;border:0;border-right:1px solid var(--border);border-radius:0;background:var(--raised);padding:11px 12px;min-height:0}.selected .track-name,.selected .track-name:hover{color:var(--accent);background:var(--accent-soft)}.track-lane{position:relative;margin-right:26px;min-width:0;background:repeating-linear-gradient(to right,transparent 0%,transparent calc(10% - 1px),var(--raised) 10%)}.ruler-row{min-height:28px;position:sticky;top:0;z-index:5;background:var(--raised)}.ruler-row .track-name{padding:6px 12px;font-weight:600}.ruler{cursor:crosshair}.ruler span{position:absolute;top:6px;transform:translate(-50%);font-size:10px;color:var(--muted);white-space:nowrap}.ruler span:first-child{transform:none}.track-clip{position:absolute;top:6px;height:29px;min-height:0;min-width:5px;border-radius:4px;padding:0;gap:0;color:#e2eaf9;overflow:hidden;cursor:grab;border:1px solid #7183b6;background:#404e7d;touch-action:none;-webkit-user-select:none;user-select:none}.track-clip.image{background:#654772;border-color:#9e74b0}.track-clip.source{background:#375f60;border-color:#8cd0c7;font-weight:600}.track-clip:not(:disabled):hover{background:#404e7d}.track-clip.image:not(:disabled):hover{background:#654772}.track-clip.source:not(:disabled):hover{background:#375f60}.track-clip.locked{cursor:pointer}.selected .track-clip{box-shadow:inset 0 0 0 2px var(--accent)}.clip-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;pointer-events:none;text-align:left;padding:0 5px}.clip-handle{width:9px;height:100%;background:#ffffff26;flex-shrink:0;cursor:ew-resize;border-left:1px solid #ffffff24;border-right:1px solid #ffffff24}.playhead{position:absolute;width:7px;margin-left:-3px;top:0;bottom:0;background:linear-gradient(to right,transparent 3px,var(--accent) 3px,var(--accent) 4px,transparent 4px);cursor:ew-resize;z-index:3}.keyframe-marker{position:absolute;top:24px;z-index:4;width:13px;height:13px;min-height:0;padding:0;margin-left:-6px;border:1px solid #20251c;border-radius:2px;background:var(--accent);transform:rotate(45deg);cursor:pointer}.keyframe-marker:hover,.keyframe-marker:focus-visible{outline:2px solid #fff;outline-offset:2px}.keyframe-property-row{min-height:30px;background:#1b211e}.keyframe-property-row .track-name{min-height:30px;padding:6px 12px 6px 25px;color:var(--muted)}.keyframe-property-row .keyframe-marker{top:8px}.keyframe-controls .button-grid{margin-top:8px}.trim-dim{position:absolute;top:0;bottom:0;pointer-events:none;background:#0008}.trim-notice{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--text);background:var(--raised);padding:5px 8px;font-size:12px;flex-shrink:0}#edit-main-trim{margin-top:10px}.timeline-bottom{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);padding-top:8px;gap:15px;flex-shrink:0}#output-duration{color:var(--text);white-space:nowrap}.timeline-zoom{display:flex;align-items:center;gap:6px;font-size:12px;margin-left:auto}.timeline-zoom select{width:72px;padding:4px;min-height:30px;margin:0}#frame-panel{position:absolute;bottom:100%;left:165px;right:18px;background:var(--raised);padding:14px;border:1px solid var(--border);box-shadow:0 -8px 35px #0008;border-radius:8px 8px 0 0;z-index:9}.frame-panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.frame-panel-heading .icon-btn{min-height:30px}#frames{display:flex;gap:5px;overflow-x:auto;padding-bottom:6px;min-height:66px}.frame{position:relative;flex:0 0 65px;height:60px;padding:2px;border:2px solid var(--border);border-radius:4px;overflow:hidden;background:var(--control)}.frame.active{border-color:var(--accent-border)}.frame img{width:100%;height:100%;object-fit:contain}.frame span{position:absolute;right:0;bottom:0;background:#111c;font-size:12px;padding:0 3px}.frame-tile{flex:0 0 86px;width:86px;padding:3px;border:1px solid transparent;border-radius:5px}.frame-tile .frame{width:78px;height:64px}.frame-tile.selected{border-color:var(--accent-border);background:#caff7510}.frame-delay{width:100%;margin-top:3px;padding:3px;min-height:27px;font-size:11px}.frame-batch-controls{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:9px;border-top:1px solid var(--border);padding-top:10px}.frame-batch-controls label{display:flex;align-items:center;gap:6px;font-size:12px}.frame-batch-controls input{width:95px}.frame-edit-hint{margin-bottom:0}.source-clip-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap}#source-selection-label{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-clip.source-instance{border-radius:4px;border-width:1px;min-width:2px}.track-clip.source-instance.selected{border:2px solid var(--accent-border);background:#3a6033}.source-instance .clip-handle{width:9px;background:#ffffff25}#source-clip-properties{border-left:2px solid var(--accent-border);padding-left:10px}.timeline-placeholder{width:100%;min-height:60px;display:grid;place-items:center;border:1px dashed var(--border);color:var(--muted);border-radius:5px;font-size:12px;padding:10px;text-align:center}#duration-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-left:8px}#duration-tools label{display:flex;align-items:center;gap:8px;font-size:12px}#duration-tools select{width:95px;margin-top:0;min-height:32px;padding:5px;font-size:12px}#custom-duration{width:66px;min-height:32px;padding:5px}#sequence-actions{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end;margin-top:6px}#sequence-actions label{display:flex;align-items:center;gap:8px}#selected-frame-duration{width:75px}.small-button{font-size:12px;min-height:29px;padding:5px 7px}.small-button svg{width:13px;height:13px}.inspector{grid-column:3;grid-row:1;border-left:1px solid var(--border);padding:0 16px 20px;min-width:0}.inspector-heading{position:sticky;top:0;z-index:2;background:var(--panel);padding:16px 0 14px;display:flex;justify-content:space-between;gap:8px;align-items:center;border-bottom:1px solid var(--border)}.inspector-heading>div:first-child{min-width:0}.inspector-heading small{display:block;font-size:12px;margin-bottom:4px}.inspector-heading h2{font-size:17px}.inspector-empty{color:var(--muted);font-size:14px;line-height:1.8;padding:22px 0}.field-section{padding:14px 0;border-bottom:1px solid var(--border)}.field-section h3{margin-bottom:10px}.field-row{display:flex;align-items:center;gap:8px;margin:10px 0}.field-row label{flex:1;min-width:0}.dimension-cross{padding-top:24px;color:var(--muted)}.wide{width:100%}.field-error{margin-top:8px;font-size:12px;color:var(--danger);line-height:1.7}.mode-options,.background-grid,.button-grid,.presets{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.mode-options button{flex-direction:column;padding:10px 6px;gap:5px}.mode-options b{font-size:14px;font-weight:500}.mode-options small{font-size:12px;white-space:nowrap}.background-grid button{font-size:14px;padding:9px 5px}.color-row{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.color-row input{width:65px;margin:0}#bg-image-controls{margin-top:10px}#background-name{overflow-wrap:anywhere}details summary{cursor:pointer;color:var(--text);line-height:1.7}details summary:hover{color:var(--accent)}details.field-section>summary{font-weight:600}details.field-section[open]>summary{margin-bottom:10px}.help-details{margin-top:14px}.help-details summary,.help-details p{font-size:12px}.help-details p{color:var(--muted);line-height:1.9;padding-top:8px}.strong-label{color:var(--text);font-weight:550}.strong-label textarea{font-weight:400}.preset{flex-direction:column;padding:8px 3px;gap:6px;min-height:72px}.preset>span{display:block;font-size:16px;font-weight:750;padding:2px 4px;border-radius:3px}.preset small{font-size:12px}.font-row{display:flex;gap:8px}.font-row select{flex:1;min-width:0}#bold{font-family:serif;font-size:18px;min-width:40px}.range-label{display:flex;flex-wrap:wrap;justify-content:space-between}.range-label input{flex-basis:100%;margin-top:8px}.range-label output{color:var(--text)}.button-grid button{padding:9px 5px;font-size:14px}.button-grid svg{width:14px;height:14px}.layer-actions{display:flex;gap:8px;padding-top:14px}.layer-actions button{flex:1}.danger{color:var(--danger)}.field-warning{color:var(--danger);background:var(--raised);border:1px solid var(--border);border-radius:5px;padding:9px 10px;margin:10px 0;font-size:12px;line-height:1.6}.field-warning button{margin-top:7px}.timing-controls h3{margin-bottom:0}.mask-targets{display:flex;gap:8px;margin-bottom:12px}.mask-targets button{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px}.content-thumbnail,#mask-thumbnail{display:flex;align-items:center;justify-content:center;width:48px;height:32px;background:var(--control)}#mask-fields{margin-top:10px}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);max-width:85vw;padding:13px 20px;background:var(--raised);color:var(--text);border:1px solid var(--border);border-radius:7px;z-index:1000;box-shadow:0 6px 30px #0005;font-size:14px}#busy{position:fixed;inset:0;z-index:999;background:color-mix(in srgb,var(--workspace) 87%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px}#busy b{font-size:20px;font-weight:500}#busy p{color:var(--muted);font-size:14px}#cancel-local-task{min-width:128px}.spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}dialog{width:min(620px,90vw);padding:24px;border-radius:12px;background:var(--raised);color:var(--text);border:1px solid var(--border);box-shadow:0 20px 80px #0008}dialog::backdrop{background:color-mix(in srgb,var(--workspace) 75%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.result-preview{background:var(--workspace);border-radius:6px;display:flex;justify-content:center;align-items:center;min-height:160px;max-height:420px;overflow:hidden}.result-preview img,.result-preview video{max-width:100%;max-height:400px;object-fit:contain}.size-ratio-tools{display:flex;gap:6px;flex-wrap:wrap}.material-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.material-choices button{flex-direction:column;align-items:flex-start;text-align:left;padding:20px 16px}.material-choices small{white-space:normal}.source-clip-card{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--border);background:var(--panel);border-radius:6px;margin:10px 0}.source-clip-card[draggable=true]{cursor:grab}.source-clip-card img{width:48px;height:52px;object-fit:contain;background:var(--workspace)}.source-clip-info{flex:1;min-width:0;overflow-wrap:anywhere}.source-clip-info strong,.source-clip-info small{display:block}.source-clip-actions{display:flex;flex-wrap:wrap;gap:5px}.convert-file-label{margin:20px 0 10px}#convert-download{margin-top:14px}#convert-status{min-height:22px}#convert-dialog label{margin-top:12px}details:not([open])>:not(summary){display:none}@media(max-width:600px){.material-choices{grid-template-columns:1fr}.source-clip-card{flex-wrap:wrap}.source-clip-actions{width:100%;justify-content:flex-end}}#result-meta{color:var(--muted);font-size:14px;margin:17px 0}#download,#project-download{width:100%}.export-note{position:fixed;right:20px;bottom:5px;max-width:min(360px,90vw);margin:0;font-size:10px;color:var(--muted);pointer-events:none;z-index:2}.local-assist{margin:14px 0;border-top:1px solid var(--border);padding-top:12px;font-size:12px}.local-assist summary{cursor:pointer;color:var(--text)}.local-assist-body{display:grid;gap:8px;padding-top:10px}.local-assist-body p{margin:0;line-height:1.5;overflow-wrap:anywhere}.local-assist-body button{white-space:normal}#action-log{padding-left:18px;font-size:11px;line-height:1.7}#ai-pair-dialog,#webmcp-dialog,#draft-dialog{max-width:min(520px,90vw)}#ai-pair-dialog p,#webmcp-dialog p,#draft-dialog p{line-height:1.6;overflow-wrap:anywhere}#ai-pair-dialog label{display:block;margin:12px 0}#ai-consent{width:auto}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}@media(min-width:1600px){.workspace{grid-template-columns:240px minmax(0,1fr) 320px}.left-panel{padding:20px}.inspector{padding:0 20px 22px}}@media(max-width:1160px){.workspace{grid-template-columns:190px minmax(0,1fr) 278px}.left-panel{padding:18px 12px}.inspector{padding:0 14px 20px}.editor-toolbar{padding:10px}.add-tools button{padding:9px}#canvas-settings span{display:none}.canvas-footer{padding:0 10px}#selection-hint{max-width:180px}}@media(max-width:900px){.app-header{height:auto;flex-wrap:wrap;padding:10px 12px;gap:8px}.header-note{display:none}.header-actions{flex-wrap:wrap;gap:5px}.workspace{grid-template-columns:175px minmax(0,1fr);grid-template-rows:480px 260px auto;height:auto;min-height:0}.editor{height:auto;min-height:0}.inspector{grid-column:1/-1;grid-row:3;overflow:visible;border-top:1px solid var(--border);border-left:0}.inspector>section,.inspector-heading{width:100%;max-width:640px;margin:0 auto}.inspector-heading{position:sticky;top:0}.panel-shortcuts{display:flex;flex-wrap:wrap;gap:5px}#back-to-canvas{display:inline-flex;white-space:nowrap}.timeline-zoom{display:none}.presets{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:600px){.brand{font-size:15px;gap:7px}.brandmark{width:25px;height:27px;font-size:20px}.header-actions{width:100%;margin-left:0}.header-actions button{padding:8px;font-size:12px}.header-actions button svg{display:none}.workspace{display:flex;flex-direction:column}.editor{order:0;min-height:430px;height:430px}.timeline{order:1;height:270px;flex:none;padding:10px}.left-panel{order:2;overflow:visible;border-top:1px solid var(--border);border-right:0;padding:16px}.inspector{order:3;padding:0 16px 20px}.layers-section{margin-top:14px;padding-top:14px}.sidebar-note{padding-top:14px}.editor-toolbar{padding:9px 10px;min-height:58px}.add-tools{gap:5px}.add-tools button{padding:8px;font-size:14px}.tool-divider{margin:0 2px}.history-tools .icon-btn{min-width:29px;padding:6px}#canvas-settings{padding:7px}.presets{grid-template-columns:repeat(2,minmax(0,1fr))}#selection-hint{max-width:170px}.timeline-toolbar{gap:6px}#duration-tools{width:100%;margin-left:0}.track-row{grid-template-columns:115px minmax(100px,1fr)}.track-name{width:115px}.timeline-bottom{font-size:10px}#frame-label{display:none}#frame-panel{left:10px;right:10px}.empty-state{padding:16px}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:2s}}