@font-face{font-family:Open Sans;font-style:normal;font-weight:300 800;font-stretch:100%;font-display:swap;src:url(../media/3ce154ad7d54dc86-s.2rcd2u_u_pnhm.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Open Sans;font-style:normal;font-weight:300 800;font-stretch:100%;font-display:swap;src:url(../media/7cdbb9ca823c0a73-s.2rtnqm6njbdbt.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Open Sans;font-style:normal;font-weight:300 800;font-stretch:100%;font-display:swap;src:url(../media/1e239d59b95c7889-s.1fzjz-pmav_t6.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Open Sans;font-style:normal;font-weight:300 800;font-stretch:100%;font-display:swap;src:url(../media/a421df443b3f383b-s.0u7v7pvcbuq7v.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Open Sans;font-style:normal;font-weight:300 800;font-stretch:100%;font-display:swap;src:url(../media/c2873153dc73d9e3-s.3a-vgahl7ozoq.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Open Sans;font-style:normal;font-weight:300 800;font-stretch:100%;font-display:swap;src:url(../media/d38a53d0ba90b32d-s.0w5sm806973lv.woff2)format("woff2");unicode-range:U+302-303,U+305,U+307-308,U+310,U+312,U+315,U+31A,U+326-327,U+32C,U+32F-330,U+332-333,U+338,U+33A,U+346,U+34D,U+391-3A1,U+3A3-3A9,U+3B1-3C9,U+3D1,U+3D5-3D6,U+3F0-3F1,U+3F4-3F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-209F,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE??}@font-face{font-family:Open Sans;font-style:normal;font-weight:300 800;font-stretch:100%;font-display:swap;src:url(../media/5b0229109f6656bb-s.35afts631xckl.woff2)format("woff2");unicode-range:U+1-C,U+E-1F,U+7F-9F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+28??,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B??,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F0??,U+1F100-1F1AE,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F700-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F8D0-1F8D8,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FAC6,U+1FAC8,U+1FACC-1FADD,U+1FADF-1FAEB,U+1FAEF-1FAFA,U+1FB??}@font-face{font-family:Open Sans;font-style:normal;font-weight:300 800;font-stretch:100%;font-display:swap;src:url(../media/ca19bc83075b2625-s.22hw0wekc43rk.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Open Sans;font-style:normal;font-weight:300 800;font-stretch:100%;font-display:swap;src:url(../media/2aec202ebfcf461b-s.08l831i_fkbq8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Open Sans;font-style:normal;font-weight:300 800;font-stretch:100%;font-display:swap;src:url(../media/cf514f5d0007dafa-s.p.1h6xjbcrwqa-m.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Open Sans Fallback;src:local(Arial);ascent-override:101.65%;descent-override:27.86%;line-gap-override:0.0%;size-adjust:105.15%}.B9GmfG_className{font-family:Open Sans,Open Sans Fallback;font-style:normal}.B9GmfG_variable{--font-sans:"Open Sans", "Open Sans Fallback"}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f2f0e9;--panel:#fff;--subtle:#f7f6f1;--green:#083824;--green-hover:#0d4a30;--green-tint:#e3ece6;--sand:#f0c683;--ink:#12261c;--muted:#5b645d;--border:#e0ded3;--field-border:#8f8c7f;--danger:#a33333;--danger-tint:#f8e9e7;--sans:var(--font-sans), system-ui, sans-serif;--mono:ui-monospace, Menlo, monospace;--ease-out:cubic-bezier(.22, 1, .36, 1);--hit:40px;--z-sticky:10;--z-sheet:20;--z-toast:30}@media (pointer:coarse){:root{--hit:44px}}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-size:14px;line-height:1.5}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}input,select{font:inherit;color:inherit;accent-color:var(--green)}img{display:block}code{font-family:var(--mono);font-size:12px}:focus-visible{outline:2px solid var(--green);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.error{color:var(--danger)}.btn{min-height:var(--hit);border:1px solid var(--border);background:var(--panel);white-space:nowrap;transition:background-color .15s, border-color .15s, transform .1s var(--ease-out);border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}.btn:hover:not(:disabled){background:var(--subtle);border-color:#cfccc0}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--green);color:#fff;border-color:var(--green)}.btn-primary:hover:not(:disabled){background:var(--green-hover);border-color:var(--green-hover)}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-danger:hover:not(:disabled){background:#8c2a2a;border-color:#8c2a2a}.btn-ghost{background:0 0;border-color:#0000}.btn-icon{width:var(--hit);padding:0}.btn-block{width:100%}.btn svg{flex:none}.field{min-height:var(--hit);border:1px solid var(--field-border);background:var(--panel);border-radius:8px;min-width:0;padding:0 10px;font-size:16px}select.field{appearance:none;background:var(--panel) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 256 256'%3E%3Cpath fill='%2312261c' d='M213.7 101.7l-80 80a8 8 0 0 1-11.4 0l-80-80a8 8 0 0 1 11.4-11.4L128 164.7l74.3-74.4a8 8 0 0 1 11.4 11.4Z'/%3E%3C/svg%3E") no-repeat right 10px center;padding-right:30px}.field[aria-invalid=true]{border-color:var(--danger)}@media (pointer:fine){.field{font-size:14px}}.seg{background:var(--subtle);border:1px solid var(--border);border-radius:10px;gap:2px;padding:2px;display:inline-flex}.seg button{min-height:calc(var(--hit) - 6px);color:var(--muted);border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:600;transition:background-color .15s,color .15s;display:inline-flex}.seg button:hover{color:var(--ink)}.seg button[aria-pressed=true]{background:var(--panel);color:var(--ink);box-shadow:0 1px 2px #12261c1f,0 0 0 1px #12261c0f}.seg-block{display:flex}.seg-block button{flex:1}.ratio{border:1.5px solid;border-radius:2px;display:inline-block}.editor{grid-template:"header""preview"minmax(0,1fr)"timeline""inspector"/minmax(0,1fr);height:100dvh;display:grid}.header{padding:6px 16px;padding-top:calc(6px + env(safe-area-inset-top));border-bottom:1px solid var(--border);background:var(--panel);grid-area:header;align-items:center;gap:8px;display:flex}.header h1{letter-spacing:-.01em;font-size:15px;font-weight:700}.header .spacer{flex:1}.aspect-select{border-color:var(--border);cursor:pointer;width:auto;font-size:16px;font-weight:600;transition:border-color .15s,background-color .15s}.aspect-select:hover{border-color:#cfccc0}.preview{grid-area:preview;place-items:center;min-width:0;min-height:0;padding:12px 16px;display:grid;position:relative;overflow:hidden}.preview canvas{touch-action:none;cursor:grab;border-radius:4px;width:auto;max-width:calc(100% - 32px);height:auto;max-height:calc(100% - 24px);margin:auto;position:absolute;inset:12px 16px;box-shadow:0 1px 2px #12261c14,0 8px 24px #12261c1a}.preview canvas:active{cursor:grabbing}.zoom-reset{font-variant-numeric:tabular-nums;background:var(--panel);min-height:32px;padding:0 10px;font-size:13px;position:absolute;bottom:12px;right:16px;box-shadow:0 2px 10px #12261c1f}.preview canvas.idle{cursor:default}.play-fab{background:var(--panel);border-color:#0000;border-radius:999px;width:36px;min-height:36px;position:absolute;bottom:12px;right:16px;box-shadow:0 2px 10px #12261c1f}.play-fab:before{content:"";position:absolute;inset:-4px}.play-fab[aria-pressed=true]{background:var(--green);color:#fff}.preview:has(.play-fab) .zoom-reset{right:60px}@media (min-width:900px){.preview:has(.play-fab) .zoom-reset{right:16px}}.preview-empty{text-align:center;justify-items:center;gap:6px;max-width:280px;padding:16px;display:grid;position:relative}.preview-empty strong{font-size:16px}.preview-empty p{color:var(--muted)}.preview-empty .btn{margin-top:8px}.preview-note{background:var(--panel);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;width:max-content;max-width:calc(100% - 48px);padding:6px 8px 6px 12px;font-size:13px;display:flex;position:absolute;top:20px;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #12261c1f}.preview-note .btn{min-height:32px;padding:0 10px;font-size:13px}.inspector{padding:8px 16px calc(4px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--panel);grid-area:inspector;grid-template-columns:minmax(0,1fr);gap:6px;display:grid}.inspector.empty{display:none}.inspector-hint{color:var(--muted);font-size:12px}.selection-note{background:var(--green-tint);min-height:32px;color:var(--green);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:0 4px 0 12px;font-size:13px;display:flex}.selection-note span{color:var(--green);opacity:.8}.selection-note .btn{min-height:28px;color:var(--green);padding:0 8px;font-size:13px}.panel{min-height:var(--hit);align-items:center;display:flex}.panel .prop,.panel .advanced{display:none}.panel .prop.current,.panel .advanced.current{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.panel>.props{display:contents}.panel .prop-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.advanced-body,.shadow-head{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.shadow-head{flex:none}.inspector>.tools{order:1}.panel-actions{display:contents}.panel-btn{flex:none}.panel-btn.center{width:var(--hit);padding:0}.panel-btn.magic{color:var(--green);padding:0 12px}.advanced fieldset{border:none;flex:1;min-width:0;margin:0;padding:0;transition:opacity .15s;display:flex}.advanced fieldset .prop.current{flex:1}.advanced fieldset:disabled{opacity:.4}.advanced fieldset:disabled input{cursor:not-allowed}.prop-label{color:var(--muted);font-size:13px}.color-chip{width:calc(var(--hit) - 14px);height:calc(var(--hit) - 14px);border-radius:5px;box-shadow:inset 0 0 0 1px #12261c24}.color-pick{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.spectrum{cursor:crosshair;touch-action:none;border-radius:8px;flex:1;min-width:0;height:72px;position:relative;box-shadow:inset 0 0 0 1px #12261c1f}.spectrum canvas{border-radius:8px;width:100%;height:100%;display:block}.spectrum:focus-visible{outline:2px solid var(--green);outline-offset:2px}.spectrum-marker{pointer-events:none;border:3px solid #fff;border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;position:absolute;box-shadow:0 0 0 1px #12261c59,0 1px 4px #12261c4d}.slider-field{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.slider-field output{text-align:right;font-variant-numeric:tabular-nums;flex:none;width:44px;font-size:13px}input[type=range]{min-width:0;height:var(--hit);appearance:none;cursor:pointer;--fill:50%;background:0 0;flex:1}input[type=range]:focus-visible{outline:none}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--green) var(--fill), var(--border) var(--fill));border-radius:2px;height:4px}input[type=range]::-moz-range-track{background:var(--border);border-radius:2px;height:4px}input[type=range]::-moz-range-progress{background:var(--green);border-radius:2px;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--panel);border:1.5px solid var(--green);width:18px;height:18px;transition:transform .12s var(--ease-out);border-radius:50%;margin-top:-7px;box-shadow:0 1px 3px #12261c33}input[type=range]::-moz-range-thumb{background:var(--panel);border:1.5px solid var(--green);border-radius:50%;width:18px;height:18px;box-shadow:0 1px 3px #12261c33}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.12)}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--panel), 0 0 0 5px var(--green)}input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--panel), 0 0 0 5px var(--green)}.stepper{height:var(--hit);border:1px solid var(--border);border-radius:8px;justify-self:start;align-items:center;transition:border-color .15s;display:inline-flex;overflow:hidden}.stepper:hover{border-color:var(--field-border)}.stepper:focus-within{outline:2px solid var(--green);outline-offset:2px}.stepper button{width:var(--hit);height:100%;color:var(--muted);place-items:center;transition:background-color .15s,color .15s;display:grid}.stepper button:hover:not(:disabled){background:var(--subtle);color:var(--ink)}.stepper button:disabled{opacity:.35;cursor:not-allowed}.stepper-value{border-inline:1px solid var(--border);font-variant-numeric:tabular-nums;cursor:text;justify-content:center;align-items:center;gap:2px;width:64px;height:100%;display:flex}.stepper-value input{text-align:right;background:0 0;border:none;width:3.2ch;padding:0;font-size:16px}.stepper-value input:focus-visible{outline:none}.stepper-value span{color:var(--muted)}@media (pointer:fine){.stepper-value input{font-size:14px}}.switch{background:var(--border);border-radius:12px;flex:none;justify-self:start;width:40px;height:24px;transition:background-color .15s;position:relative}.switch:after{content:"";background:var(--panel);width:18px;height:18px;transition:transform .15s var(--ease-out);border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #12261c33}.switch[aria-checked=true]{background:var(--green)}.switch[aria-checked=true]:after{transform:translate(16px)}.switch:focus-visible{outline:2px solid var(--green);outline-offset:2px}.tools{gap:2px;margin:0 -8px;display:flex}.tool{min-width:0;height:52px;color:var(--muted);white-space:nowrap;transition:background-color .15s, color .15s, transform .1s var(--ease-out);border-radius:8px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:2px;padding:0 2px;font-size:11px;font-weight:600;display:flex}.tool:active:not(:disabled){transform:scale(.95)}@media (hover:hover){.tool:hover:not(:disabled):not([aria-pressed=true]){color:var(--ink);background:var(--subtle)}}.tool:disabled{opacity:.4;cursor:not-allowed}.tool[aria-pressed=true]{background:var(--green-tint);color:var(--green)}.tool svg{flex:none}.tool.danger{color:var(--danger)}.tools-sep{background:var(--border);flex:none;width:1px;margin:12px 4px}.timeline{border-top:1px solid var(--border);background:var(--panel);grid-area:timeline;align-items:center;gap:8px;padding:8px 16px;display:flex}.editor:has(.inspector.empty) .timeline{padding-bottom:calc(8px + env(safe-area-inset-bottom))}.timeline.is-empty{display:none}.editor:has(.timeline.is-empty) .preview{padding-bottom:calc(12px + env(safe-area-inset-bottom))}.timeline-select{flex:none;height:52px}.timeline-select.btn-icon{width:44px;color:var(--muted);border-color:#0000}.timeline-select:not(.btn-icon){padding:0 12px}.timeline-meta{min-height:var(--hit);color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.timeline-meta .btn{min-height:34px;padding:0 12px;font-size:13px}.btn-select[aria-pressed=true]{background:var(--green);border-color:var(--green);color:#fff}.timeline-meta .btn-ghost{color:var(--muted);font-weight:500}.timeline-meta .btn-ghost:hover:not(:disabled){background:var(--subtle);color:var(--ink);border-color:#0000}.timeline-meta .btn-select[aria-pressed=true]{background:var(--green-tint);color:var(--green);border-color:#0000;font-weight:600}.timeline-row{display:contents}.timeline-count{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.timeline-actions{flex:none;gap:6px;display:flex}.timeline-strip{scrollbar-width:none;flex:1;align-items:center;gap:8px;min-width:0;margin:-4px;padding:4px 24px 4px 4px;list-style:none;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 24px),#0000)}.timeline-strip::-webkit-scrollbar{display:none}.thumb{touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border-radius:8px;flex:none;width:52px;height:52px;transition:box-shadow .15s;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #12261c1a}.thumb[aria-pressed=true]{box-shadow:0 0 0 2px var(--panel), 0 0 0 4px var(--green)}.thumb.primary[aria-pressed=true]{box-shadow:0 0 0 2px var(--panel), 0 0 0 4px var(--green), 0 4px 10px #12261c2e}.thumb-check{color:#fff;background:#12261c47;border:1.5px solid #fffffff2;border-radius:50%;place-items:center;width:18px;height:18px;transition:background-color .15s,border-color .15s;display:grid;position:absolute;top:4px;right:4px}.thumb-check.on{background:var(--green);border-color:var(--green)}.thumb img{object-fit:contain;pointer-events:none;width:100%;height:100%}.thumb .dur{color:var(--ink);font-variant-numeric:tabular-nums;background:#ffffffe6;border-radius:4px;padding:2px 4px;font-size:10px;font-weight:600;line-height:1;position:absolute;bottom:3px;left:3px}.thumb .missing{height:100%;color:var(--danger);place-items:center;display:grid}.add-btn{border:1.5px dashed var(--field-border);width:52px;height:52px;color:var(--muted);border-radius:8px;flex:none;place-items:center;transition:border-color .15s,color .15s;display:grid}.add-btn:hover{border-color:var(--green);color:var(--green)}.library{grid-area:library;display:none}.sheet-backdrop{z-index:var(--z-sheet);animation:fade-in .2s var(--ease-out);background:#0a181166;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--panel);width:100%;max-width:640px;max-height:88dvh;padding-bottom:env(safe-area-inset-bottom);animation:sheet-in .28s var(--ease-out);border-radius:14px 14px 0 0;flex-direction:column;display:flex;box-shadow:0 -8px 40px #0a18112e}.sheet:focus{outline:none}.sheet-grab{background:var(--border);border-radius:99px;flex:none;width:36px;height:4px;margin:8px auto 0}@keyframes fade-in{0%{opacity:0}}.confirm{padding:20px 20px calc(20px + env(safe-area-inset-bottom));gap:8px;display:grid}.confirm h2{letter-spacing:-.01em;font-size:17px}.confirm p{color:var(--muted)}.confirm-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}@media (max-width:899px){.confirm-actions .btn{flex:1}.btn-new{width:var(--hit);padding:0}}@keyframes sheet-in{0%{opacity:0;transform:translateY(32px)}}.picker{flex-direction:column;height:100%;min-height:0;display:flex}.picker-head{align-items:center;gap:8px;padding:10px 16px;display:flex}.picker-head input{flex:1}.picker-filters{gap:8px;padding:0 16px 10px;display:flex}.picker-filters select{flex:1;min-width:0}.picker-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:15px;overflow:hidden}.search{flex:1;min-width:0;display:flex;position:relative}.search svg{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search input{flex:1;padding-left:34px}.picker-body{flex:1;min-height:0;padding:4px 16px 12px;overflow-y:auto}.picker-sub{color:var(--muted);justify-content:space-between;align-items:center;padding:0 16px 6px;font-size:13px;display:flex}.picker-sub .btn{min-height:32px;padding:0 8px;font-size:13px}.product-list{gap:2px;list-style:none;display:grid}.product-row{text-align:left;border-radius:10px;align-items:center;gap:12px;width:100%;padding:6px 8px 6px 6px;transition:background-color .15s;display:flex}.product-row:hover{background:var(--subtle)}.product-row img{object-fit:contain;background:var(--bg);border-radius:8px;flex:none;width:52px;height:52px}.product-row span{flex:1;min-width:0;font-weight:600}.product-row small{color:var(--muted);font-size:12px;font-weight:400;display:block}.product-row>svg{color:var(--muted);flex:none}.frame-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;display:grid}.frame-cell{aspect-ratio:1;background:var(--bg);transition:box-shadow .15s, transform .1s var(--ease-out);border-radius:8px;position:relative}.frame-cell:active{transform:scale(.97)}.frame-cell img{object-fit:contain;width:100%;height:100%}.frame-cell[aria-pressed=true]{box-shadow:0 0 0 2px var(--panel), 0 0 0 4px var(--green)}.frame-cell .badge{background:var(--green);color:#fff;font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 5px;font-size:12px;font-weight:700;display:grid;position:absolute;top:4px;right:4px}.picker-foot{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:10px 16px;display:flex}.empty-note{color:var(--muted);padding:16px 0}.export{gap:16px;padding:12px 16px 16px;display:grid}.export-head h2{letter-spacing:-.01em;font-size:17px}.export-meta{color:var(--muted);font-variant-numeric:tabular-nums}.notice{background:var(--subtle);border-radius:10px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:13px;display:flex}.notice svg{flex:none;margin-top:1px}.notice.error{background:var(--danger-tint)}.notice .btn{min-height:32px;margin-top:6px;font-size:13px}.progress-wrap{gap:6px;display:grid}.progress-label{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:13px;display:flex}.progress{background:var(--subtle);border-radius:999px;height:6px;overflow:hidden}.progress>div{background:var(--green);transform-origin:0;width:100%;height:100%;transition:transform .15s linear}.export-actions{grid-template-columns:auto 1fr;gap:8px;display:grid}.toast{left:50%;top:calc(68px + env(safe-area-inset-top));z-index:var(--z-toast);background:var(--ink);color:#fff;width:max-content;max-width:calc(100vw - 32px);animation:toast-in .24s var(--ease-out);border-radius:10px;align-items:center;gap:4px;padding:4px 4px 4px 14px;font-size:13px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #0a181140}.toast .btn{min-height:34px;color:var(--sand);background:0 0;border-color:#0000}.toast .btn:hover:not(:disabled){background:#ffffff14;border-color:#0000}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}}.login{place-items:center;min-height:100dvh;padding:16px;display:grid}.login form{background:var(--panel);border:1px solid var(--border);border-radius:14px;gap:14px;width:100%;max-width:340px;padding:28px 24px 24px;display:grid;box-shadow:0 8px 24px #12261c0f}.login h1{letter-spacing:-.01em;font-size:20px}.login .lede{color:var(--muted);margin-top:-10px}.login label{gap:6px;font-size:13px;font-weight:600;display:grid}.login .field{width:100%}.login .error{font-size:13px}@media (min-width:900px){.editor{grid-template:"header header header""library preview inspector"minmax(0,1fr)"library timeline timeline"/300px minmax(0,1fr) 300px}.header{padding:10px 16px}.header .seg button{padding:0 12px}.library{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;min-height:0;display:flex}.library .picker-head{padding-top:12px}.preview{padding:24px}.preview canvas{max-width:calc(100% - 48px);max-height:calc(100% - 48px);inset:24px}.inspector{border-top:none;border-left:1px solid var(--border);flex-direction:column;gap:16px;min-height:0;padding:16px;display:flex;overflow-y:auto}.inspector.empty{display:flex}.inspector>.tools{background:var(--subtle);border:1px solid var(--border);border-radius:10px;order:0;gap:2px;margin:0;padding:2px}.inspector .tool{height:52px;font-size:12px}.inspector .tool[aria-pressed=true]{background:var(--panel);color:var(--ink);box-shadow:0 1px 2px #12261c1f,0 0 0 1px #12261c0f}.inspector .tool:hover:not(:disabled):not([aria-pressed=true]){color:var(--ink);background:0 0}.panel{height:auto;display:block}.panel .prop.current,.advanced fieldset .prop.current,.shadow-head{grid-template-columns:76px minmax(0,1fr);align-items:center;gap:12px;display:grid}.panel .advanced.current,.advanced-body{gap:12px;display:grid}.panel .prop-label{clip:auto;width:auto;height:auto;position:static;overflow:visible}.advanced fieldset{display:block}.panel-actions{grid-column:1/-1;gap:8px;padding-top:4px;display:flex}.panel-btn{flex:1}.inspector-hint{order:1}.actions{border-top:1px solid var(--border);flex-direction:column;order:2;gap:2px;margin-top:auto;padding-top:12px;display:flex}.action{border-radius:8px;align-items:center;gap:10px;min-height:36px;padding:0 8px;font-size:13px;font-weight:500;transition:background-color .15s;display:flex}.action svg{color:var(--muted);flex:none}.action:hover:not(:disabled){background:var(--subtle)}.action:disabled{opacity:.45;cursor:not-allowed}.action.danger,.action.danger svg{color:var(--danger)}.action.danger:hover:not(:disabled){background:var(--danger-tint)}.timeline,.timeline.is-empty{padding:4px 16px 12px;display:block}.timeline-row{align-items:center;gap:12px;display:flex}.timeline-strip{scrollbar-width:thin;-webkit-mask-image:none;mask-image:none}.play-btn{background:var(--green);border-color:var(--green);color:#fff;border-radius:999px;flex:none;width:52px;height:52px;padding:0;box-shadow:0 2px 8px #12261c2e}.play-btn:hover:not(:disabled){background:var(--green-hover);border-color:var(--green-hover)}.play-btn[aria-pressed=true]{background:var(--panel);border-color:var(--border);color:var(--ink);box-shadow:none}.play-btn[aria-pressed=true]:hover:not(:disabled){background:var(--subtle)}.thumb,.add-btn{width:64px;height:64px}.mobile-only{display:none!important}.sheet-backdrop{align-items:center;padding:24px}.sheet{border-radius:14px;max-width:440px;animation-name:dialog-in}:is(.sheet:has(.frame-grid),.sheet:has(.product-list)){max-width:640px}.sheet:focus{outline:none}.sheet-grab{display:none}.toast{top:auto;bottom:136px}}@media (max-width:899px){.desktop-only{display:none!important}}@keyframes dialog-in{0%{opacity:0;transform:scale(.97)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}