:root{--teal-950:#003f46;--teal-900:#00515a;--teal-800:#00636c;--teal-100:#dbecee;--teal-50:#eff6f6;--coral:#ff654f;--n-0:#fff;--n-50:#f7f8f8;--n-100:#eef0f0;--n-150:#e5e8e8;--n-200:#d9dddc;--n-400:#9aa3a2;--n-600:#5f6a69;--n-900:#1c2020;--canvas-field:#e9ebec;--ok:#1d8f47;--warn:#c8851c;--danger:#b8362a;--focus:#008b96;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s7:32px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-pill:999px;--fs-11:11px;--fs-12:12px;--fs-13:13px;--fs-15:15px;--fs-20:20px;--sh-1:0 1px 2px #141c1c0f, 0 1px 1px #141c1c0a;--sh-2:0 4px 12px #141c1c14, 0 1px 3px #141c1c0f;--sh-3:0 12px 32px #141c1c24, 0 2px 8px #141c1c14;--ease:cubic-bezier(.2, 0, 0, 1);--dur-fast:.12s;--dur:.18s;--topbar-h:52px;--rail-w:72px;--panel-w:320px;--status-h:28px;color:var(--n-900);background:var(--n-100);font-synthesis:none;font-family:Avenir Next,Hiragino Sans,Yu Gothic UI,Yu Gothic,system-ui,sans-serif;font-size:var(--fs-13);text-rendering:optimizelegibility;line-height:1.5}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}body{background:var(--n-100)}button,input{font:inherit}button{color:inherit}h1,h2,h3{letter-spacing:-.01em}button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--focus);outline-offset:2px}button:disabled,input:disabled{cursor:not-allowed;opacity:.4}.file-input-hidden{display:none}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app-shell{grid-template-rows:var(--topbar-h) minmax(0, 1fr);background:var(--n-0);-webkit-user-select:none;user-select:none;height:100dvh;min-height:520px;display:grid}.app-shell input,.app-shell .file-name{-webkit-user-select:text;user-select:text}.top-bar{z-index:20;align-items:center;gap:var(--s5);min-height:var(--topbar-h);padding:0 var(--s3) 0 var(--s4);background:var(--n-0);box-shadow:0 1px 0 var(--n-150);grid-template-columns:auto minmax(80px,1fr) auto;display:grid;position:relative}.brand-lockup{align-items:center;gap:var(--s2);padding-right:var(--s4);color:var(--n-900);font-size:var(--fs-15);white-space:nowrap;cursor:pointer;background:0 0;border:0;font-weight:600;display:flex}.brand-lockup:hover:not(:disabled){color:var(--teal-800)}.brand-lockup:disabled{cursor:default;opacity:1}.file-name{min-width:0;color:var(--n-600);font-size:var(--fs-12);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.top-actions{align-items:center;gap:var(--s1);display:flex}.top-divider,.filmstrip-divider,.context-divider{width:1px;height:20px;margin:0 var(--s2);background:var(--n-150);flex:none}.toolbar-button,.icon-button,.zoom-label,.tool-button,.thumbnail-button,.thumbnail-add,.thumbnail-remove,.demo-link,.panel-collapse,.segment,.stepper-button,.swatch{cursor:pointer;transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);background:0 0;border:0}.toolbar-button{align-items:center;gap:var(--s2);min-height:34px;padding:0 var(--s2);border-radius:var(--r-sm);font-size:var(--fs-12);font-weight:500;display:inline-flex}.toolbar-button:hover:not(:disabled),.icon-button:hover:not(:disabled),.zoom-label:hover:not(:disabled),.stepper-button:hover:not(:disabled){background:var(--n-100)}.toolbar-button.is-active{color:var(--teal-800);background:var(--teal-50)}.discard-button{color:var(--danger)}.primary-button,.secondary-button,.quiet-button{justify-content:center;align-items:center;gap:var(--s2);min-height:34px;padding:0 var(--s4);border-radius:var(--r-sm);font-size:var(--fs-12);cursor:pointer;transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);font-weight:600;display:inline-flex}.primary-button{border:1px solid var(--teal-900);color:var(--n-0);background:var(--teal-900)}.primary-button:hover:not(:disabled){border-color:var(--teal-950);background:var(--teal-950)}.secondary-button{border:1px solid var(--n-200);color:var(--n-900);background:var(--n-0)}.secondary-button:hover:not(:disabled){border-color:var(--n-400);background:var(--n-50)}.quiet-button{color:var(--n-600);background:0 0;border:1px solid #0000}.quiet-button:hover:not(:disabled){background:var(--n-100)}.danger-text{color:var(--danger)}.icon-button{border-radius:var(--r-sm);width:30px;height:30px;color:var(--n-600);flex:none;place-items:center;display:inline-grid}.export-button{min-width:116px;margin-left:var(--s2)}.wide-button{width:100%}.editor-layout{grid-template-columns:var(--rail-w) auto minmax(0, 1fr);background:var(--canvas-field);grid-template-rows:minmax(0,1fr) auto;min-height:0;display:grid;position:relative}.tool-rail{z-index:6;gap:var(--s1);min-height:0;padding:var(--s2) var(--s2) var(--s4);background:var(--n-0);scrollbar-width:thin;flex-direction:column;grid-area:1/1;display:flex;overflow-y:auto}.tool-button{justify-content:center;align-items:center;gap:var(--s1);min-height:62px;padding:var(--s2) var(--s1);border-radius:var(--r-md);color:var(--n-600);font-size:var(--fs-11);white-space:nowrap;flex-direction:column;font-weight:500;display:flex}.tool-button:hover:not(:disabled){color:var(--n-900);background:var(--n-100)}.tool-button.is-active{color:var(--teal-800);background:var(--teal-50)}.tool-panel{z-index:5;min-height:0;width:var(--panel-w);background:var(--n-0);box-shadow:var(--sh-1);transition:width var(--dur) var(--ease);grid-area:1/2;overflow:hidden}.editor-layout.is-panel-collapsed .tool-panel{width:0}.tool-panel-inner{width:var(--panel-w);gap:var(--s6);height:100%;padding:var(--s5) var(--s5) var(--s6);scrollbar-width:thin;flex-direction:column;display:flex;overflow-y:auto}.panel-title{font-size:var(--fs-13);margin:0;font-weight:600}.panel-heading{justify-content:space-between;align-items:center;gap:var(--s3);min-height:30px;display:flex}.panel-section{gap:var(--s4);display:grid}.panel-eyebrow{color:var(--n-600);font-size:var(--fs-11);letter-spacing:.04em;margin:0;font-weight:600}.panel-empty{color:var(--n-600);font-size:var(--fs-12);margin:0;line-height:1.7}.panel-spacer{min-height:var(--s2);flex:auto}.panel-collapse{z-index:7;border-radius:var(--r-pill);width:24px;height:24px;color:var(--n-600);background:var(--n-0);box-shadow:var(--sh-2);place-items:center;display:grid;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)}.panel-collapse:hover{color:var(--teal-800)}.panel-collapse svg{transition:transform var(--dur) var(--ease)}.editor-layout.is-panel-collapsed .panel-collapse svg{transform:rotate(180deg)}.canvas-column{grid-area:1/3;grid-template-rows:minmax(0, 1fr) var(--status-h);min-width:0;min-height:0;display:grid;position:relative}.editor-canvas{background:var(--canvas-field);touch-action:none;min-width:0;min-height:0;position:relative;overflow:hidden}.editor-canvas.is-panning{cursor:grab}.editor-canvas.is-panning-active{cursor:grabbing}.editor-canvas:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.brush-size-preview{z-index:2;pointer-events:none;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.brush-size-preview.is-pen{background:#ff654f99}.brush-size-preview.is-eraser{background:var(--n-0);box-shadow:0 0 0 1px #5f6a69bf}.canvas-loading{padding:var(--s2) var(--s3);border-radius:var(--r-sm);color:var(--n-0);font-size:var(--fs-12);background:#141c1cc7;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.canvas-status{z-index:3;justify-content:space-between;align-items:center;gap:var(--s5);padding:0 var(--s4);color:var(--n-600);font-size:var(--fs-11);display:flex}.canvas-status>span{align-items:center;gap:var(--s2);display:inline-flex}.status-indicator{background:var(--ok);border-radius:50%;flex:none;width:7px;height:7px}.status-indicator.is-dirty{background:var(--warn)}.context-bar{top:var(--s3);z-index:8;align-items:center;gap:var(--s2);max-width:calc(100% - var(--s7));height:40px;padding:0 var(--s2);border-radius:var(--r-md);background:var(--n-0);box-shadow:var(--sh-2);animation:context-in var(--dur) var(--ease);display:flex;position:absolute;left:50%;transform:translate(-50%)}.context-collapse-button,.context-bar-toggle{border-radius:var(--r-sm);width:28px;height:28px;color:var(--n-600);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;display:grid}.context-collapse-button:hover,.context-bar-toggle:hover{color:var(--n-900);background:var(--n-100)}.context-collapse-button svg{transform:rotate(90deg)}.context-bar-toggle{top:var(--s2);z-index:8;border-radius:var(--r-pill);background:var(--n-0);box-shadow:var(--sh-2);position:absolute;left:50%;transform:translate(-50%)}.context-bar-toggle svg{transform:rotate(-90deg)}.context-group{align-items:center;gap:var(--s1);padding:0 var(--s1);color:var(--n-600);font-size:var(--fs-12);white-space:nowrap;display:flex}.context-group>.context-label{padding-right:var(--s1)}.stepper{border-radius:var(--r-sm);background:var(--n-100);align-items:center;gap:2px;padding:2px;display:flex}.stepper-button{border-radius:var(--r-sm);width:24px;height:24px;color:var(--n-600);place-items:center;display:grid}.stepper-value{min-width:46px;color:var(--n-900);font-size:var(--fs-12);font-variant-numeric:tabular-nums;text-align:center}@keyframes context-in{0%{opacity:0;transform:translate(-50%,-4px)}}.segmented{border-radius:var(--r-sm);background:var(--n-100);gap:2px;padding:2px;display:inline-flex}.segmented.is-block{display:flex}.segment{justify-content:center;align-items:center;gap:var(--s1);min-height:28px;padding:0 var(--s3);border-radius:var(--r-sm);color:var(--n-600);font-size:var(--fs-12);white-space:nowrap;flex:auto;font-weight:500;display:inline-flex}.segment:hover:not(:disabled){color:var(--n-900)}.segment.is-active{color:var(--teal-800);background:var(--n-0);box-shadow:var(--sh-1)}.range-control{align-items:center;gap:var(--s2) var(--s3);grid-template-columns:1fr auto;display:grid}.control-label{font-size:var(--fs-12);font-weight:500}.number-field{align-items:center;gap:var(--s1);color:var(--n-600);font-size:var(--fs-11);display:inline-flex}.number-field input{width:60px;height:30px;padding:0 var(--s2);border:1px solid var(--n-200);border-radius:var(--r-sm);color:var(--n-900);background:var(--n-0);font-size:var(--fs-12);font-variant-numeric:tabular-nums;text-align:right}.number-field input:hover:not(:disabled){border-color:var(--n-400)}.range-input{appearance:none;border-radius:var(--r-pill);background:var(--n-200);grid-column:1/-1;width:100%;height:3px;margin:2px 0}.range-input::-webkit-slider-thumb{appearance:none;background:var(--teal-900);width:14px;height:14px;box-shadow:var(--sh-1);cursor:pointer;border:0;border-radius:50%}.range-input::-moz-range-thumb{background:var(--teal-900);width:14px;height:14px;box-shadow:var(--sh-1);cursor:pointer;border:0;border-radius:50%}.switch-row{justify-content:space-between;align-items:center;gap:var(--s3);cursor:pointer;min-height:32px;font-size:var(--fs-12);display:flex;position:relative}.switch-row>span:first-child{align-items:center;gap:var(--s2);display:flex}.switch-row input{opacity:0;width:34px;height:20px;position:absolute;right:0}.switch-track{border-radius:var(--r-pill);background:var(--n-200);width:34px;height:20px;transition:background var(--dur-fast) var(--ease);flex:none;padding:3px}.switch-track span{background:var(--n-0);width:14px;height:14px;box-shadow:var(--sh-1);transition:transform var(--dur-fast) var(--ease);border-radius:50%;display:block}.switch-row input:checked+.switch-track{background:var(--teal-900)}.switch-row input:checked+.switch-track span{transform:translate(14px)}.switch-row input:focus-visible+.switch-track{outline:2px solid var(--focus);outline-offset:2px}.swatch-row{align-items:center;gap:var(--s2);display:flex}.swatch{border:1px solid var(--n-200);border-radius:var(--r-sm);width:26px;height:26px}.swatch.is-active{border-color:var(--teal-900);box-shadow:0 0 0 2px var(--teal-50)}.privacy-note,.export-note{align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);border-radius:var(--r-sm);color:var(--n-600);background:var(--n-50);font-size:var(--fs-11);line-height:1.6;display:flex}.privacy-footer{align-items:center;gap:var(--s2);color:var(--n-600);font-size:var(--fs-11);display:flex}.restoration-disclosure{padding:var(--s3);border-left:3px solid var(--warn);border-radius:0 var(--r-sm) var(--r-sm) 0;color:#5a4d33;font-size:var(--fs-11);background:#fdf6e7;margin:0;line-height:1.7}.model-status{align-items:center;gap:var(--s2);color:var(--n-600);font-size:var(--fs-12);display:flex}.status-dot{background:var(--n-400);border-radius:50%;flex:none;width:7px;height:7px}.status-processing{background:var(--warn);animation:1s ease-in-out infinite pulse}.status-ready{background:var(--ok)}.status-error{background:var(--danger)}.inline-error{color:var(--danger);font-size:var(--fs-11);margin:0;line-height:1.6}.restoration-actions{gap:var(--s2);display:grid}.history-row{align-items:center;gap:var(--s2);color:var(--ok);font-size:var(--fs-11);display:flex}.filmstrip{z-index:10;align-items:center;gap:var(--s5);min-width:0;padding:var(--s2) var(--s4);background:var(--n-0);box-shadow:0 -1px 0 var(--n-150);grid-area:2/1/auto/-1;grid-template-columns:minmax(0,1fr) auto;display:grid}.thumbnail-scroller{align-items:center;gap:var(--s2);min-width:0;padding:var(--s1) 0;scrollbar-width:thin;display:flex;overflow-x:auto}.filmstrip.is-compact .thumbnail-scroller{gap:var(--s2)}.thumbnail-item{border-radius:var(--r-sm);transition:transform var(--dur-fast) var(--ease);flex:none;position:relative}.thumbnail-item:hover{transform:translateY(-2px)}.thumbnail-item.is-drag-over{box-shadow:-2px 0 0 var(--teal-900)}.thumbnail-button{border-radius:var(--r-sm);width:84px;color:var(--n-600);font-size:var(--fs-11);border:2px solid #0000;gap:2px;padding:2px;display:grid}.thumbnail-button.is-active{border-color:var(--teal-900);color:var(--teal-800);font-weight:600}.thumbnail-image-wrap{border-radius:var(--r-sm);background:var(--n-100);height:60px;display:block;position:relative;overflow:hidden}.thumbnail-image-wrap img{object-fit:cover;width:100%;height:100%;display:block}.dirty-dot{border:2px solid var(--n-0);background:var(--warn);border-radius:50%;width:7px;height:7px;position:absolute;top:4px;right:4px}.saved-badge{width:16px;height:16px;color:var(--n-0);background:var(--ok);border-radius:50%;place-items:center;display:grid;position:absolute;top:3px;right:3px}.thumbnail-remove{z-index:2;opacity:0;width:20px;height:20px;color:var(--n-900);background:var(--n-0);box-shadow:var(--sh-2);transition:opacity var(--dur-fast) var(--ease);border-radius:50%;place-items:center;display:grid;position:absolute;top:-4px;left:-4px}.thumbnail-item:hover .thumbnail-remove,.thumbnail-remove:focus-visible{opacity:1}.thumbnail-remove:hover{color:var(--danger)}.thumbnail-add{border:1px dashed var(--n-200);border-radius:var(--r-sm);width:56px;height:60px;color:var(--n-600);flex:none;place-items:center;display:grid}.filmstrip.is-compact .thumbnail-add{gap:var(--s2);width:auto;height:30px;padding:0 var(--s3);font-size:var(--fs-12);align-items:center;display:inline-flex}.thumbnail-add:hover{border-color:var(--teal-900);color:var(--teal-800);background:var(--teal-50)}.filmstrip-controls{align-items:center;gap:var(--s1);display:flex}.image-counter,.zoom-label{min-width:50px;padding:var(--s1) var(--s1);color:var(--n-600);border-radius:var(--r-sm);font-size:var(--fs-12);font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap}.zoom-slider{width:78px;accent-color:var(--teal-900)}.zoom-symbol{font-size:19px;font-weight:500;line-height:1}.selection-count{color:var(--n-600);font-size:var(--fs-11);white-space:nowrap;font-weight:600}.mixed-value-note{margin:var(--s2) 0 0;color:var(--warn);font-size:var(--fs-11);line-height:1.6}.empty-state{min-height:0;padding:var(--s7) var(--s6) 56px;color:var(--n-900);background:var(--n-50);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.empty-illustration{width:64px;height:64px;margin-bottom:var(--s5);border-radius:var(--r-lg);color:var(--teal-800);background:var(--n-0);box-shadow:var(--sh-2);place-items:center;display:grid}.empty-state h1{max-width:620px;margin:0;font-size:clamp(22px,2.6vw,32px);font-weight:600;line-height:1.35}.empty-state p{margin:var(--s3) 0 var(--s6);color:var(--n-600);font-size:var(--fs-13);line-height:1.8}.empty-actions{gap:var(--s2);display:flex}.empty-actions .primary-button,.empty-actions .secondary-button{min-height:40px;padding-inline:var(--s5);font-size:var(--fs-13)}.demo-link{margin-top:var(--s4);padding:var(--s1) var(--s2);border-radius:var(--r-sm);color:var(--teal-800);font-size:var(--fs-12);text-underline-offset:3px;font-weight:500;text-decoration:underline}.demo-link:hover:not(:disabled){background:var(--teal-50)}.format-note{margin-top:var(--s6);color:var(--n-400);font-size:var(--fs-11);letter-spacing:.1em}.empty-error{bottom:var(--s6);z-index:30;padding:var(--s2) var(--s4);border-radius:var(--r-sm);color:var(--n-0);background:var(--danger);box-shadow:var(--sh-2);font-size:var(--fs-12);position:fixed;left:50%;transform:translate(-50%)}.drop-overlay{z-index:100;padding:var(--s6);color:var(--teal-800);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#f4f8f8e0;place-items:center;display:grid;position:fixed;inset:0}.drop-overlay>div{justify-content:center;align-items:center;gap:var(--s2);border:2px dashed var(--teal-800);border-radius:var(--r-lg);background:var(--n-0);flex-direction:column;width:min(520px,88vw);height:min(300px,56vh);display:flex}.drop-overlay strong{margin-top:var(--s2);font-size:var(--fs-20);font-weight:600}.drop-overlay span{color:var(--n-600);font-size:var(--fs-12)}.modal-backdrop{z-index:110;padding:var(--s5);animation:fade-in var(--dur) var(--ease);background:#12181880;place-items:center;display:grid;position:fixed;inset:0}.export-dialog{width:min(520px,100%);max-height:calc(100dvh - var(--s7));padding:var(--s6);border-radius:var(--r-lg);background:var(--n-0);box-shadow:var(--sh-3);animation:dialog-in var(--dur) var(--ease);overflow-y:auto}.confirm-dialog{width:min(440px,100%);padding:var(--s6);border-radius:var(--r-lg);background:var(--n-0);box-shadow:var(--sh-3);animation:dialog-in var(--dur) var(--ease)}.danger-button{min-height:38px;padding:0 var(--s4);border:1px solid var(--danger);border-radius:var(--r-sm);color:var(--n-0);background:var(--danger);font-size:var(--fs-12);cursor:pointer;font-weight:600}.danger-button:hover{filter:brightness(.92)}.dialog-heading{justify-content:space-between;align-items:flex-start;gap:var(--s5);margin-bottom:var(--s5);display:flex}.dialog-heading h2{font-size:var(--fs-15);margin:0;font-weight:600}.dialog-heading p{margin:var(--s1) 0 0;color:var(--n-600);font-size:var(--fs-11);line-height:1.6}.export-scope{gap:var(--s2);margin:0 0 var(--s5);border:0;padding:0;display:grid}.export-scope legend{margin-bottom:var(--s2);color:var(--n-600);font-size:var(--fs-11);letter-spacing:.04em;font-weight:600}.export-scope label{align-items:flex-start;gap:var(--s3);padding:var(--s3);border:1px solid var(--n-200);border-radius:var(--r-sm);cursor:pointer;transition:border-color var(--dur-fast) var(--ease);display:flex}.export-scope label:hover{border-color:var(--n-400)}.export-scope label:has(input:checked){border-color:var(--teal-900);background:var(--teal-50)}.export-scope input{accent-color:var(--teal-900);margin-top:2px}.export-scope span{font-size:var(--fs-12);gap:2px;display:grid}.export-scope small{color:var(--n-600);font-size:var(--fs-11)}.export-options{gap:var(--s4);margin-bottom:var(--s5);display:grid}.export-field{gap:var(--s2);display:grid}.export-label{color:var(--n-800);font-size:var(--fs-12);font-weight:600}.export-select{align-items:center;gap:var(--s3);min-height:48px;padding:0 var(--s4);border:1px solid var(--n-300);border-radius:var(--r-sm);background:var(--n-0);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.export-select:focus-within{border-color:var(--teal-700);box-shadow:0 0 0 3px #00515a1f}.export-select select{width:100%;color:var(--n-900);font:inherit;font-size:var(--fs-13);appearance:none;background:0 0;border:0;outline:0;font-weight:600}.export-size-heading{justify-content:space-between;align-items:baseline;gap:var(--s3);color:var(--n-600);font-size:var(--fs-11);display:flex}.export-divider{background:var(--n-200);height:1px}.export-hint{margin:calc(var(--s3) * -1) 0 0;padding-right:var(--s7);color:var(--n-600);font-size:var(--fs-11);line-height:1.6}.export-progress{min-height:18px;margin:var(--s4) 0 0;color:var(--teal-800);font-size:var(--fs-11)}.dialog-actions{justify-content:flex-end;gap:var(--s2);margin-top:var(--s5);display:flex}@keyframes pulse{50%{opacity:.35}}@keyframes fade-in{0%{opacity:0}}@keyframes dialog-in{0%{opacity:0;transform:scale(.97)}}@media (max-width:1280px){:root{--panel-w:296px}}@media (max-width:1100px){.tool-panel{z-index:12;box-shadow:var(--sh-3);grid-area:1/2/auto/-1;justify-self:start}.canvas-column{grid-area:1/2/auto/-1}.panel-collapse{left:var(--panel-w)}.editor-layout.is-panel-collapsed .panel-collapse{left:0}.top-actions .toolbar-button span{display:none}.top-actions .export-button span{display:inline}}@media (max-width:760px){:root{--topbar-h:48px;--rail-w:100%;--panel-w:100%}.app-shell{min-height:460px}.top-bar{gap:var(--s2);padding:0 var(--s2) 0 var(--s3)}.brand-lockup{gap:var(--s2);padding-right:0;font-size:0}.top-actions .toolbar-button:not(.export-button):not(.discard-button){display:none}.top-actions .export-button,.top-actions .discard-button{justify-content:center;width:38px;min-width:auto;padding:0}.top-actions .export-button span,.top-actions .discard-button span{display:none}.editor-layout{grid-template-rows:56px minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}.tool-rail{justify-content:flex-start;gap:var(--s1);padding:var(--s1) var(--s2);box-shadow:0 1px 0 var(--n-150);flex-direction:row;grid-area:1/1;overflow-x:auto}.tool-button{min-width:48px;min-height:46px;padding:var(--s1) 2px;flex:1 0 48px;gap:2px;font-size:10px}.tool-button svg{width:19px;height:19px}.tool-panel{border-radius:var(--r-lg) var(--r-lg) 0 0;width:100%;height:min(52%,360px);transition:height var(--dur) var(--ease);grid-area:2/1;place-self:end stretch}.editor-layout.is-panel-collapsed .tool-panel{width:100%;height:0}.tool-panel-inner{width:100%;padding-top:var(--s5)}.canvas-column{grid-area:2/1}.panel-collapse{border-radius:var(--r-pill);width:40px;height:22px;top:auto;bottom:min(52%,360px);left:50%;transform:translate(-50%,50%)}.editor-layout.is-panel-collapsed .panel-collapse{bottom:0;left:50%}.panel-collapse svg{transform:rotate(-90deg)}.editor-layout.is-panel-collapsed .panel-collapse svg{transform:rotate(90deg)}.context-bar{max-width:calc(100% - var(--s4));overflow-x:auto}.canvas-status{padding-inline:var(--s3)}.autosave-status{display:none}.filmstrip{gap:var(--s1);padding:var(--s1) var(--s2);grid-area:3/1;grid-template-columns:minmax(0,1fr)}.filmstrip-controls{display:none}.filmstrip.is-compact .filmstrip-controls{justify-content:flex-end;display:flex}.empty-actions{flex-direction:column;width:min(100%,320px)}.dialog-actions{flex-direction:column-reverse}.dialog-actions button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}