:root{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#dce6ef;background:#111922;font-synthesis:none;font-size:13px;--bg:#111922;--panel:#18222d;--inset:#0e161f;--line:#2a3744;--muted:#8c9dad;--cyan:#7bc6c9;--amber:#edbc79;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select{cursor:pointer}button{color:inherit}button{border:0;background:none}button:disabled{opacity:.4;cursor:not-allowed}a{color:inherit;text-decoration:none}button,select,input{outline:none}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}button,input,select{-webkit-tap-highlight-color:transparent}svg{flex-shrink:0;vertical-align:middle}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600}#app{height:100dvh;min-height:720px;display:flex;flex-direction:column;overflow:hidden}.app-header{height:70px;flex-shrink:0;padding:0 28px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:25px;background:#141e28}.brand{display:flex;gap:12px;align-items:center;font-family:Avenir Next,PingFang SC,sans-serif;font-size:19px;font-weight:650;letter-spacing:1.5px}.brand small{display:block;font-family:var(--mono);font-size:8px;font-weight:400;letter-spacing:2.8px;color:#8c9dad;margin-top:4px}.brand-mark{width:31px;height:31px;display:grid;grid-template-columns:1fr 1fr;gap:4px;transform:rotate(-3deg)}.brand-mark i{background:var(--cyan);border-radius:1px}.brand-mark i:last-child{background:var(--amber);transform:translate(2px,2px)}.header-divider{width:1px;height:28px;background:var(--line)}.workspace-label{font-size:12px;color:#aab8c5;display:flex;align-items:center;gap:10px}.version{font-family:var(--mono);font-size:10px;color:#8195a8;background:#22303d;padding:3px 5px;border-radius:3px}.header-actions{display:flex;gap:14px;align-items:center;margin-left:auto}.local-state{display:flex;gap:7px;align-items:center;color:#8c9dad;font-size:11px;margin-right:8px}.local-state i,.status-dot{width:5px;height:5px;border-radius:50%;background:#88b79a;display:inline-block}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:8px 13px;border-radius:6px;white-space:nowrap;font-size:12px;line-height:18px;transition:background .15s,box-shadow .15s}.button.primary{background:var(--cyan);color:#142d32;font-weight:650;box-shadow:inset 0 1px #ffffff24}.button.primary:hover:not(:disabled){background:#96d6d7}.button.ghost{color:#a7b8c7}.button.ghost:hover{background:#ffffff07;color:#e0e9f1}.button.subtle{color:#a7b8c7;border:1px solid var(--line);background:#192530;min-height:30px;padding:5px 9px;font-size:11px}.button.subtle:hover{border-color:#4e6678;color:#e0e9f1}.project-bar{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;gap:15px;flex-shrink:0}.project-title{display:flex;align-items:center;gap:12px}.project-icon{width:39px;height:43px;display:grid;place-items:center;color:#edbc79;background:#edbc790c;border:1px solid #edbc791f;border-radius:8px}.project-title h1{font-size:17px;letter-spacing:.5px}.project-title p{font-size:11px;color:var(--muted);margin-top:6px}.small-tag{font-size:10px;line-height:20px;padding:0 7px;border:1px solid #34424f;border-radius:4px;color:#91a2b1;margin:0 0 19px 4px}.project-actions{display:flex;gap:16px;align-items:center}.project-actions>span{font-size:10px;color:#8395a5;display:flex;align-items:center;gap:5px}.project-actions>span svg{color:#85b89f}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px;padding:0 22px 0 28px;flex:1;min-height:0}.studio{display:flex;flex-direction:column;min-width:0;min-height:0}.viewers{display:grid;grid-template-columns:1fr 1.15fr;flex:1;min-height:285px;border:1px solid var(--line);border-radius:9px;overflow:hidden}.viewer{display:flex;min-width:0;min-height:0;flex-direction:column;position:relative}.source-view{border-right:1px solid var(--line)}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:0 15px;height:47px;flex-shrink:0;background:#192530;border-bottom:1px solid var(--line);gap:12px}.panel-heading h2,.timeline-heading h2,.inspector-heading h2{display:flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap}.panel-heading h2 svg{color:#91a7b8}.pixel-view .panel-heading h2 svg{color:var(--cyan)}.eyebrow{font-family:var(--mono);font-size:9px;font-weight:400;letter-spacing:1.5px;color:#758b9e}.panel-heading .eyebrow{margin-left:5px;font-size:8px}.quiet-label{font-size:10px;color:#71899c;white-space:nowrap}.source-stage{position:relative;flex:1;min-height:0;background:#15212d;overflow:hidden}#source-canvas{display:block;width:100%;height:100%;position:absolute;inset:0;cursor:grab;touch-action:none}#source-canvas.dragging{cursor:grabbing}.stage-badge{position:absolute;top:17px;left:16px;display:flex;align-items:center;gap:7px;font-size:9px;color:#8298aa;letter-spacing:.2px;pointer-events:none}.stage-badge i{width:4px;height:4px;background:var(--cyan);border-radius:50%}.source-caption{position:absolute;bottom:64px;left:17px;right:17px;display:flex;justify-content:space-between;pointer-events:none;font:8px var(--mono);letter-spacing:1px;color:#658094}.view-presets{position:absolute;left:50%;bottom:15px;transform:translate(-50%);display:flex;padding:4px;gap:2px;background:#101923e8;border:1px solid #324654;border-radius:7px;white-space:nowrap;box-shadow:0 3px 12px #0003}.view-presets button{font-size:10px;padding:6px 11px;border-radius:4px;color:#8fa4b7}.view-presets button:hover{background:#253744}.view-presets button.active{background:#304651;color:#a8dedc}.pixel-stage{position:relative;flex:1;min-height:0;overflow:hidden;background:#1b2632}.checker{background-color:#1b2632;background-image:conic-gradient(#1f2c38 25%,transparent 0 50%,#1f2c38 0 75%,transparent 0);background-size:24px 24px}.pixel-stage.light{background:#e5e2db}.pixel-stage.slate{background:#202d3a}.pixel-scroll{width:100%;height:100%;position:absolute;inset:0;overflow:auto;display:grid;place-items:safe center;padding:30px 8px;scrollbar-width:thin;scrollbar-color:#425464 transparent}#pixel-canvas{display:block;image-rendering:pixelated;flex-shrink:0}.pixel-badge{z-index:1}.pixel-dot{width:7px;height:7px;background:conic-gradient(#7f95a7 25%,transparent 0 50%,#7f95a7 0 75%,transparent 0);background-size:7px 7px;border:1px solid #7f95a755}.pixel-caption{position:absolute;bottom:15px;left:16px;right:16px;display:flex;justify-content:space-between;color:#8197aa;font-size:9px;pointer-events:none;gap:8px}.pixel-caption span:first-child{font-family:var(--mono);color:#a5b6c3;background:#182430b3;padding:3px 6px;border:1px solid #3b52624d;border-radius:3px}.pixel-caption span:last-child{align-self:center}.zoom-control{display:flex;align-items:center;border:1px solid #364552;border-radius:4px;height:25px;background:#15212b}.zoom-control button{width:24px;height:23px;color:#a6b8c6;font-size:13px}.zoom-control span{min-width:29px;text-align:center;font:10px var(--mono);color:#c4d5df}.zoom-control button:hover:not(:disabled){background:#ffffff0b}.timeline{margin-top:16px;background:#18222d;border:1px solid var(--line);border-radius:8px;flex-shrink:0;overflow:hidden}.timeline-heading{height:47px;display:flex;justify-content:space-between;align-items:center;padding:0 16px}.timeline-heading h2 svg{color:#99aebe}.timeline-heading h2>span{margin-left:8px;font-size:10px;font-weight:400;color:#8599aa}.frame-count{display:flex;gap:8px;align-items:center;color:#899ead;font-size:10px}select{border:1px solid #364653;border-radius:4px;background-color:#15212b;color:#b8cbd9;padding:5px 24px 5px 8px;font-size:11px;height:29px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='m3 5 3 3 3-3' fill='none' stroke='%238fa4b7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center;appearance:none}.frame-count select{height:25px;font-size:10px}.filmstrip{display:flex;gap:7px;padding:10px 14px 13px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#4a5c6b #101923;background:linear-gradient(90deg,#101923 50%,transparent 50%) 14px 0/12px 3px repeat-x,linear-gradient(90deg,#101923 50%,transparent 50%) 14px 100%/12px 3px repeat-x,#141f29;min-height:110px}.frame-cell{display:flex;flex-direction:column;align-items:center;position:relative;min-width:72px;width:calc((100% - 49px)/8);max-width:110px;flex:0 0 auto;height:94px;border:1px solid #30404e;background:#1b2935;border-radius:5px;padding:0;overflow:hidden;transition:border-color .1s,background .1s}.frame-cell:hover{border-color:#73909e;background:#243642}.frame-cell.active{border-color:var(--amber);background:#edbc7910;box-shadow:inset 0 0 0 1px #edbc7914}.frame-cell canvas{height:88px;width:88px;image-rendering:pixelated;pointer-events:none;margin-top:-4px}.frame-top{position:absolute;left:6px;top:5px;font:8px var(--mono);color:#7e96a7}.frame-cell.active .frame-top{color:var(--amber)}.frame-time{position:absolute;bottom:4px;font:8px var(--mono);color:#758c9d}.frame-cell.active .frame-time{color:#c3a980}.transport{height:53px;display:flex;gap:15px;align-items:center;padding:0 16px}.playback-buttons{display:flex;align-items:center;gap:7px}.icon-button{height:30px;width:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;color:#91a7b8;flex-shrink:0}.icon-button:hover{color:#e0e9f1;background:#ffffff08}.play-button{width:31px;height:31px;display:grid;place-items:center;background:#365159;color:#acdedb;border:1px solid #507077;border-radius:6px}.play-button:hover{background:#45676f}.time-readout{display:flex;gap:6px;font:10px var(--mono);white-space:nowrap;color:#7d95a7;min-width:104px}.time-readout b{color:#c7d8e2;font-weight:400}.transport input{flex:1;min-width:35px}.loop-label{font-size:9px;color:#7c93a5;white-space:nowrap}.transport select{height:26px;font-size:10px}.studio-note{height:35px;display:flex;align-items:center;justify-content:space-between;color:#61798e;font-size:9px;flex-shrink:0;gap:12px}.studio-note span{display:flex;align-items:center;gap:5px}.studio-note kbd{font:8px var(--mono);padding:2px 4px;border:1px solid #334351;border-radius:3px;color:#8093a3;margin-left:3px}.inspector{min-height:0;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:8px;background:#18222d;overflow:hidden;margin-bottom:35px}.inspector-heading{padding:0 17px;height:47px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);flex-shrink:0;background:#192530}.inspector-heading h2 svg{color:#92adbd}.tiny-label{font-size:9px;color:#728b9d}.inspector-content{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#354957 transparent;flex:1}.control-section{padding:17px 18px 16px;border-bottom:1px solid #2a374480}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-title h3{font-size:11px;letter-spacing:.5px;color:#bdcdda}.section-title>span{font:9px var(--mono);color:#526b7e}.action-tabs{display:flex;padding:3px;background:#101a24;border:1px solid #2d3d4a;border-radius:6px;gap:3px}.action-tabs button{flex:1;padding:7px 5px;border-radius:4px;font-size:11px;color:#899fb0}.action-tabs button.active{background:#314b56;color:#b7e3df;box-shadow:0 1px 3px #0003}.action-tabs button:hover:not(.active){background:#ffffff08}.action-description{font-size:9px;color:#71899b;margin:10px 0 16px;line-height:1.6}.color-field{display:flex;align-items:center;justify-content:space-between;margin:12px 0 16px;font-size:10px;color:#97adbd;gap:10px}.swatches{display:flex;gap:7px;align-items:center}.swatches button{width:17px;height:17px;background:var(--swatch);border:2px solid transparent;outline:1px solid transparent;border-radius:50%;transition:outline-color .1s}.swatches button.active{outline-color:#b9d6d9;border-color:#18222d}.swatches button:hover{outline-color:#8199a9}.custom-color{width:17px;height:17px;overflow:hidden;border-radius:50%;position:relative;border:1px solid #8fa4b7;background:conic-gradient(#b1cfdd,#7b9d77,#be9d72,#b18397,#b1cfdd)}.custom-color input{opacity:0;width:26px;height:26px;position:absolute;inset:-5px;cursor:pointer}.field{display:grid;grid-template-columns:1fr auto;gap:11px 10px;margin-top:15px;color:#99adbd;font-size:10px}.field:first-of-type{margin-top:0}.field output{font-family:var(--mono);font-size:10px;color:#bed0dd;min-width:40px;text-align:right}.field input{grid-column:1/-1;width:100%;margin:0;height:13px}input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;height:13px;--range-progress:50%}input[type=range]::-webkit-slider-runnable-track{height:3px;background:linear-gradient(to right,#72b9bb var(--range-progress),#354655 var(--range-progress));border-radius:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:10px;width:10px;border-radius:3px;background:#a3d4d4;border:2px solid #182a33;margin-top:-3.5px;box-shadow:0 0 0 1px #83bfc3}input[type=range]::-moz-range-track{height:3px;background:#354655}input[type=range]::-moz-range-progress{height:3px;background:#72b9bb}input[type=range]::-moz-range-thumb{height:8px;width:8px;border-radius:3px;background:#a3d4d4;border:2px solid #182a33}.select-field{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px;font-size:10px;color:#99adbd}.select-field select{font-size:10px;min-width:125px;height:27px}.field-note{font-size:9px;color:#6e879a;line-height:1.6;margin-top:10px}.toggle-row{display:flex;align-items:center;position:relative;justify-content:space-between;gap:15px;margin-top:14px;cursor:pointer;color:#9bb0bf;font-size:10px}.toggle-row>span:first-child{line-height:1.7}.toggle-row small{display:block;font-size:9px;font-weight:400;color:#698498;margin-top:1px}.toggle-row input{position:absolute;right:0;opacity:0;width:30px;height:18px}.switch{height:16px;width:28px;border:1px solid #4a5e6e;background:#283b4a;border-radius:20px;position:relative;flex-shrink:0;transition:background .15s}.switch:before{content:"";position:absolute;height:10px;width:10px;border-radius:50%;left:2px;top:2px;background:#8ca3b5;transition:transform .15s}.toggle-row input:checked+.switch{background:#426e73;border-color:#5c969a}.toggle-row input:checked+.switch:before{background:#bce2df;transform:translate(12px)}.toggle-row input:focus-visible+.switch{outline:2px solid var(--cyan);outline-offset:3px}.color-input-wrap{display:flex;align-items:center;gap:8px;background:#131f2a;border:1px solid #354653;border-radius:4px;padding:3px 5px}.color-input-wrap span{font:9px var(--mono);color:#94aebe}.color-input-wrap input{width:19px;height:19px;padding:0;border:0;border-radius:3px;cursor:pointer;background:transparent}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:0;border-radius:3px}.preset-section{padding:15px 18px;display:flex;gap:9px}.preset-section button{flex:1;font-size:10px}.app-footer{height:30px;padding:0 28px;border-top:1px solid #263440;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;color:#6f879b;font-size:9px;background:#121c26}.app-footer>span{display:flex;align-items:center;gap:7px}.footer-separator{margin:0 6px;color:#3d5567}.toast{position:fixed;bottom:45px;left:50%;transform:translate(-50%,10px);padding:12px 19px;background:#d5e8e5;color:#19363a;box-shadow:0 8px 40px #0005;border-radius:7px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:20;max-width:90vw}.toast.visible{opacity:1;transform:translate(-50%)}.modal{border:1px solid #405566;background:#1a2732;border-radius:13px;color:#dce6ef;padding:26px;width:540px;max-width:calc(100vw - 30px);max-height:90dvh;box-shadow:0 20px 90px #0009;overflow:auto}.modal::backdrop{background:#07111bd6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:21px}.modal-heading h2{font-size:21px;letter-spacing:.5px;margin-top:6px}.modal-heading>.icon-button{align-self:flex-start}.modal-heading .eyebrow{font-size:8px;letter-spacing:1.3px;color:#82b5b8}.export-preview{border:1px solid #344653;border-radius:7px;height:183px;display:flex;align-items:center;justify-content:center;padding:12px;overflow:hidden}.export-preview canvas{max-width:100%;max-height:100%;object-fit:contain;image-rendering:pixelated}.export-details{display:flex;justify-content:space-between;font:9px var(--mono);color:#8aa2b3;margin:10px 0 22px}.stacked-label{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#a2b7c6}.stacked-label input,.stacked-label select{border:1px solid #3c505f;background-color:#131f2a;border-radius:5px;padding:10px 12px;height:38px;font-size:12px;color:#c3d6e1;width:100%}.stacked-label select{padding-right:25px}.export-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:14px;margin-top:16px}.export-explanation{font-size:11px;line-height:1.8;color:#8ba1b3;margin-top:16px;min-height:40px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #334653;margin-top:22px;padding-top:18px}.help-steps{padding:0;margin:0;list-style:none;counter-reset:steps;display:grid;gap:19px}.help-steps li{counter-increment:steps;position:relative;padding-left:39px}.help-steps li:before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;font:11px var(--mono);color:var(--cyan);background:#2c464e;border-radius:4px;width:26px;height:26px;display:grid;place-items:center}.help-steps b{font-size:13px;font-weight:600}.help-steps p{font-size:11px;line-height:1.8;color:#93aabd;margin-top:6px}.help-note{padding:15px;background:#111e29;border:1px solid #304352;border-radius:6px;margin-top:23px}.help-note b{font-size:11px;color:#b7cdd9}.help-note p{font-size:10px;line-height:1.8;color:#839caf;margin-top:7px}.small-modal{width:420px}.small-modal p{font-size:12px;line-height:1.9;color:#a0b6c7}.error-state{padding:35px;font-size:12px;line-height:1.8}.error-state p{margin-top:15px;color:#8aa4b5}@media(min-width:1600px){.workspace{grid-template-columns:minmax(0,1fr) 310px;gap:22px}.control-section{padding:20px 23px}.panel-heading{height:51px}.frame-cell{height:110px;max-width:130px}.frame-cell canvas{width:105px;height:105px}.filmstrip{min-height:127px}.app-header,.project-bar{padding:0 34px}.workspace{padding-left:34px;padding-right:28px}}@media(max-width:1200px){.workspace{grid-template-columns:minmax(0,1fr) 253px;gap:12px;padding-left:18px;padding-right:18px}.project-bar,.app-header{padding-left:18px;padding-right:18px}.control-section{padding:14px}.panel-heading{padding:0 11px}.quiet-label,.panel-heading .eyebrow,.loop-label{display:none}.transport{gap:10px;padding:0 12px}.source-caption{font-size:7px}.view-presets button{padding:6px 8px}.pixel-caption span:last-child{display:none}.swatches{gap:6px}.studio-note{font-size:8px}.preset-section{padding:13px 14px}.studio-note span:last-child{gap:3px}}@media(max-width:900px){#app{height:auto;min-height:100dvh;overflow:visible}.app-header{height:66px;gap:16px}.workspace-label,.header-divider,.local-state{display:none}.project-bar{height:83px}.project-actions>span{display:none}.workspace{display:flex;flex-direction:column;gap:15px;padding:0 16px 20px}.studio{min-height:620px}.viewers{min-height:380px;flex:auto}.inspector{margin:0}.inspector-content{display:grid;grid-template-columns:1fr 1fr;overflow:visible}.control-section{padding:18px}.control-section:nth-child(odd){border-right:1px solid #2a374480}.preset-section{grid-column:1/-1;justify-content:flex-end}.preset-section button{flex:0 1 140px}.inspector-heading{height:44px}.studio-note{font-size:9px}.app-footer{height:34px}.timeline{margin-top:14px}.frame-cell{max-width:none}.project-title h1{font-size:16px}.help-button{padding:8px}.help-button span{display:none}}@media(max-width:560px){.app-header{padding:0 15px;gap:10px}.brand{font-size:17px;gap:10px}.brand-mark{width:26px;height:26px;gap:3px}.brand small{font-size:7px;letter-spacing:2px}.header-actions{gap:7px}.header-actions .primary{font-size:11px;padding:8px 10px;min-height:34px}.project-bar{padding:0 16px;height:81px}.project-title{gap:9px}.project-title p{font-size:10px}.project-icon{width:34px;height:38px}.project-title .small-tag{display:none}.project-title h1{font-size:15px}.project-actions .button{font-size:10px}.workspace{padding:0 12px 15px;gap:14px}.viewers{grid-template-columns:1fr;min-height:0;flex:0 0 auto}.viewer{height:330px}.source-view{border-right:0;border-bottom:1px solid var(--line)}.source-stage{min-height:282px}.panel-heading{height:41px;padding:0 13px}.panel-heading .eyebrow{display:inline}.quiet-label{display:inline;font-size:9px}.pixel-stage{min-height:289px}.pixel-scroll{padding:20px 8px}.stage-badge{font-size:8px;top:12px}.pixel-view{height:345px}.studio{min-height:0}.timeline-heading{padding:0 11px}.timeline-heading h2{font-size:11px;gap:6px}.timeline-heading h2>span{font-size:9px;margin-left:3px}.frame-count{gap:4px}.filmstrip{padding:9px 10px 12px;gap:6px}.frame-cell{min-width:74px;max-width:85px;height:92px}.transport{height:50px;gap:8px;padding:0 10px}.playback-buttons{gap:2px}.playback-buttons .icon-button{width:24px}.play-button{width:29px;height:29px}.time-readout{min-width:83px;font-size:9px;gap:4px}.transport select{font-size:9px;width:65px;padding-left:5px}.studio-note{height:31px;font-size:8px}.studio-note>span:last-child{display:none}.inspector-content{grid-template-columns:1fr}.control-section:nth-child(odd){border-right:0}.control-section{padding:17px 19px}.section-title h3,.field,.select-field,.color-field,.toggle-row{font-size:12px}.field output{font-size:11px}.action-tabs button{font-size:12px;padding:9px}.action-description,.field-note,.toggle-row small{font-size:10px}.swatches button,.custom-color{width:20px;height:20px}.swatches{gap:10px}.app-footer{padding:0 15px;font-size:8px}.app-footer>span:last-child{display:none}.app-footer .footer-separator{margin:0 2px}.modal{padding:20px}.modal-heading h2{font-size:19px}.export-preview{height:150px}.export-details{font-size:8px;gap:10px}.export-grid{gap:10px}.stacked-label select{font-size:11px}.toast{font-size:11px;width:max-content;text-align:center}.source-caption{bottom:60px}.project-actions{gap:0}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.switch{pointer-events:none}.pixel-scroll{padding:0}.zoom-control .fit-button{width:auto;padding:0 7px;font-size:9px;border-right:1px solid #364552}.zoom-control .fit-button.active{color:#b3dedd;background:#2c454f}