:root{--brand: #4268c0}._tool_1sn7x_1{--border: #e4e4e7;--muted: #71717a;--accent: #8576ff;--checker: #f1f1f4;--track: #e4e4e7;display:grid;grid-template-columns:300px minmax(0,1fr) 320px;align-items:start;margin-inline:auto;color:#18181b;min-height:100dvh;user-select:none}._tool_1sn7x_1 :is(input,textarea){user-select:text}._sidebar_1sn7x_26{position:sticky;top:0;min-height:100dvh;max-height:100dvh;overflow-y:auto;border-right:1px solid var(--border);background-color:#fff}._sidebar__head_1sn7x_36{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:14px 16px;border-bottom:1px solid var(--border);background-color:#ffffffe6;backdrop-filter:blur(8px)}._sidebar__title_1sn7x_50{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:12px 8px 0 20px}._sidebar__title_1sn7x_50 h2{font-size:.75rem;font-weight:700;color:var(--muted)}._sidebar__add_1sn7x_64{display:grid;place-items:center;width:1.75rem;height:1.75rem;flex:none;border:0;border-radius:6px;background:none;color:var(--muted);cursor:pointer}._sidebar__add_1sn7x_64:hover{background-color:hsl(from #e6ebfd h s calc(l + 1));color:inherit}._sidebar__toggle_1sn7x_81{display:none;place-items:center;width:2rem;height:2rem;flex:none;border:0;border-radius:6px;background:none;color:var(--muted);cursor:pointer}._sidebar__toggle_1sn7x_81:hover,._sidebar__toggle_1sn7x_81[aria-expanded=true]{background-color:hsl(from #e6ebfd h s calc(l + 1));color:inherit}._logo_1sn7x_98{display:block;text-decoration:none}._logo_1sn7x_98 svg{display:block}._sidebar__head_1sn7x_36 h2 a:hover{text-decoration:underline;text-underline-offset:3px}._sidebar__head_1sn7x_36 p{margin-top:2px;font-size:.75rem;color:var(--muted)}._list_1sn7x_117{list-style:none;margin:0;padding:.5rem .5rem 0}._layer_1sn7x_123{display:flex;align-items:center;gap:.25rem;padding:10px 8px 10px 12px;border-radius:12px}._layer_1sn7x_123:hover:not(._layer--selected_1sn7x_130){background-color:hsl(from #e6ebfd h s calc(l + 3.5))}._layer_1sn7x_123:hover ._layer__toggle_1sn7x_133{opacity:1}._layer_1sn7x_123:last-child{border-bottom:0}._layer--selected_1sn7x_130{background-color:hsl(from #e6ebfd h s calc(l + 1))}._layer--selected_1sn7x_130:has(+._layer--selected_1sn7x_130){border-end-start-radius:0;border-end-end-radius:0}._layer--selected_1sn7x_130+._layer--selected_1sn7x_130{border-start-start-radius:0;border-start-end-radius:0}._layer--hidden_1sn7x_155 ._layer__main_1sn7x_155{opacity:.4}._layer__main_1sn7x_155{flex:1;display:flex;align-items:center;gap:10px;min-width:0;padding:0;border:0;background:none;font:inherit;text-align:left;cursor:pointer}._layer__text_1sn7x_173{display:grid;gap:2px;min-width:0}._layer__title_1sn7x_179,._layer__value_1sn7x_180{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._layer__title_1sn7x_179{font-size:13px;font-weight:700}._layer__value_1sn7x_180{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;color:var(--muted)}._swatch_1sn7x_197{display:inline-block;width:.5rem;height:.5rem;margin-inline-end:3px;border-radius:2px;background:linear-gradient(var(--swatch),var(--swatch)),repeating-conic-gradient(#d4d4d8 0 25%,#fff 0 50%) 0 0/4px 4px;box-shadow:inset 0 0 0 1px #00000026;vertical-align:-1px}._thumb_1sn7x_208{position:relative;display:block;flex:none;width:var(--thumb-size);height:var(--thumb-size);overflow:hidden;border:1px solid var(--border);border-radius:4px;background-color:#fff;background-image:linear-gradient(45deg,var(--checker) 25%,transparent 25%),linear-gradient(-45deg,var(--checker) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--checker) 75%),linear-gradient(-45deg,transparent 75%,var(--checker) 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0}._thumb__inner_1sn7x_223{position:absolute;top:50%;left:50%;display:block;translate:-50% -50%}._meta_1sn7x_231{display:grid;gap:2px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;line-height:1.4;color:var(--muted);overflow-wrap:anywhere;display:none}._meta_1sn7x_231 b{color:#3f3f46}._layer__toggle_1sn7x_133{display:grid;place-items:center;width:1.75rem;height:1.75rem;flex:none;border:0;border-radius:6px;background:none;color:var(--muted);cursor:pointer;opacity:0}._layer__toggle_1sn7x_133:hover:not(:disabled){background-color:#0000000f;color:#18181b}._layer__toggle_1sn7x_133:disabled{cursor:default;opacity:.45}._group-item_1sn7x_270{padding-block:.25rem}._element_1sn7x_274+._element_1sn7x_274{margin-top:.5rem}._element__head_1sn7x_278{display:block;width:100%;padding:6px 12px;border:0;border-radius:6px;background:none;font:inherit;font-size:13px;color:#18181b;text-align:left;cursor:pointer}._element__head_1sn7x_278:hover{background-color:hsl(from #e6ebfd h s calc(l + 3.5))}._element__head--selected_1sn7x_295{background-color:hsl(from #e6ebfd h s calc(l + 1))}._element__layers_1sn7x_299{list-style:none;margin:0;padding:0}._group_1sn7x_270{display:flex;align-items:center;gap:2px;padding:4px 8px 4px 6px;border-radius:6px;transition:background-color .3s ease-in}._group_1sn7x_270:hover{background-color:hsl(from #e6ebfd h s calc(l + 3.5))}._group_1sn7x_270:hover ._layer__toggle_1sn7x_133{opacity:1}._group--selected_1sn7x_320{background-color:hsl(from #e6ebfd h s calc(l + 1))}._group--hidden_1sn7x_324 ._group__name_1sn7x_324{opacity:.45}._group__twisty_1sn7x_328{display:grid;place-items:center;width:1.25rem;height:1.25rem;flex:none;border:0;border-radius:4px;background:none;color:var(--muted);cursor:pointer}._group__twisty_1sn7x_328:hover{background-color:#e9e9ee;color:#18181b}._group__name_1sn7x_324{flex:1;min-width:0;padding:4px 6px;border:1px solid transparent;border-radius:6px;background:none;font:inherit;font-size:13px;font-weight:700;color:inherit;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._group__name_1sn7x_324:is(input){border-color:var(--accent);background-color:#fff;outline:none}._group__name_1sn7x_324:is(button){cursor:pointer}._group__layers_1sn7x_373{display:flex;flex-direction:column;gap:.25rem;margin-inline-start:1rem;padding:0}._group__layers_1sn7x_373 ._layer_1sn7x_123{padding-left:.75rem}._menu_1sn7x_385{min-width:12rem;padding:.25rem;border:1px solid var(--border);border-radius:10px;background-color:#fff;box-shadow:0 10px 30px #0000001f,0 2px 6px #0000000f;z-index:10}._menu__label_1sn7x_395{padding:6px 8px 4px;font-size:11px;font-weight:700;color:var(--muted)}._menu__item_1sn7x_402{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;font-size:13px;cursor:pointer;user-select:none;outline:none}._menu__item_1sn7x_402[data-highlighted]{background-color:#ede9ff;color:#4c37e0}._menu__item_1sn7x_402[data-disabled]{color:#a1a1aa;cursor:default}._props_1sn7x_424{position:sticky;top:0;min-height:100dvh;max-height:100dvh;overflow-y:auto;border-left:1px solid var(--border);background-color:#fff}._props__group_1sn7x_434{display:grid;gap:.5rem;padding:1rem;border-bottom:1px solid var(--border)}._props__isolate_1sn7x_441{padding:1rem 1rem 0}._props__group_1sn7x_434 h3{font-size:.75rem;font-weight:700;color:var(--muted)}._backdrops_1sn7x_451{display:flex;align-items:center;gap:6px}._backdrops_1sn7x_451+._axes_1sn7x_457{margin-top:.25rem}._backdrop_1sn7x_451{position:relative;display:grid;place-items:center;width:24px;height:24px;color:#00000080}._backdrop_1sn7x_451 input{position:absolute;inset:0;margin:0;appearance:none;border:1px solid rgba(0,0,0,.08);border-radius:100px;background-color:#fff;cursor:pointer}._backdrop_1sn7x_451 input[data-theme=dark]{background-color:#121212}._backdrop_1sn7x_451:has(input[data-theme=dark]){color:#ffffffb3}._backdrop_1sn7x_451 input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}._backdrop_1sn7x_451 svg{position:relative;pointer-events:none;visibility:hidden}._backdrop_1sn7x_451 input:checked+svg{visibility:visible}._props__pair_1sn7x_504{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}._props__pair_1sn7x_504 label{display:grid;gap:.25rem;min-width:0;font-size:.75rem;font-weight:700;color:var(--muted)}._props__pair_1sn7x_504 input::placeholder{color:var(--muted);opacity:.7}._number_1sn7x_519{position:relative;display:block}._props__pair_1sn7x_504 ._number_1sn7x_519 input{padding-right:2.25rem}._number_1sn7x_519 input{appearance:textfield}._number_1sn7x_519 input::-webkit-inner-spin-button,._number_1sn7x_519 input::-webkit-outer-spin-button{margin:0;appearance:none}._number__unit_1sn7x_528{position:absolute;top:50%;right:10px;translate:0 -50%;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.75rem;font-weight:400;color:var(--muted);pointer-events:none}._props__pair_1sn7x_504 input::placeholder,._field_1sn7x_577 textarea::placeholder{color:var(--muted);opacity:.7}._summary_1sn7x_582{display:grid;grid-template-columns:auto 1fr;gap:.25rem .75rem;margin:0;font-size:.75rem}._summary_1sn7x_582 dt{font-weight:700;color:var(--muted)}._summary_1sn7x_582 dd{margin:0}._summary__layers_1sn7x_599{list-style:none;margin:0;padding:0;display:grid;gap:2px;font-size:.75rem}._summary__layers_1sn7x_599 li{display:flex;align-items:center;gap:.5rem;padding:4px 6px;border-radius:4px;background-color:#f4f4f5;overflow-wrap:anywhere}._summary__layers_1sn7x_599 span{flex:none;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;color:var(--muted)}._props__body_1sn7x_625{display:grid;gap:14px;padding:1rem}._props__empty_1sn7x_631{padding:1rem;font-size:13px;color:var(--muted)}._props__note_1sn7x_637{font-size:11px;color:var(--muted)}._props__note_1sn7x_637 code{font-family:ui-monospace,SF Mono,Menlo,monospace}._main_1sn7x_646{display:flex;flex-direction:column;gap:1.5rem;min-width:0;min-height:100dvh;padding:1rem 0 0}._main_1sn7x_646>*{flex:none}._field_1sn7x_577{display:grid;gap:.25rem}._field_1sn7x_577>span{font-size:.75rem;font-weight:700;color:var(--muted)}._field_1sn7x_577 textarea,._props__pair_1sn7x_504 input{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:8px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.75rem;line-height:1.6;resize:vertical;field-sizing:content}._field_1sn7x_577 select{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background-color:#fff;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.75rem;line-height:1.6;cursor:pointer}._tool_1sn7x_1[hidden]{display:none}._panel_1sn7x_699{border:1px solid var(--border);border-radius:12px;background-color:#fff}._main_1sn7x_646>._panel--result_1sn7x_705{display:flex;flex:1;flex-direction:column;gap:1rem;min-height:0;border:0;border-radius:0;background:none}._panel--result_1sn7x_705 ._panel__head_1sn7x_716{padding:0 1rem;border-bottom:0}._panel--result_1sn7x_705 ._stage_1sn7x_721{flex:1;max-height:none;margin-inline:1rem;border-radius:12px}._panel__head_1sn7x_716{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--border)}._panel__head_1sn7x_716 h2{font-size:1rem;font-weight:700}._saved_1sn7x_743{font-size:.75rem;color:var(--muted);font-variant-numeric:tabular-nums}._saved_1sn7x_743[data-status=error]{color:#b91c1c}._actions_1sn7x_753{display:flex;align-items:center;gap:.5rem}._actions_1sn7x_753 button{display:inline-flex;align-items:center;gap:.25rem;padding:5px 10px;border:0;border-radius:999px;background-color:#fff;box-shadow:0 0 0 1px #00000012;font:inherit;font-size:.75rem;cursor:pointer}._actions_1sn7x_753 button:hover{background-color:#f4f4f5}._checkbox_1sn7x_777{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;color:var(--muted);cursor:pointer}._checkbox_1sn7x_777 input[type=checkbox]{appearance:none;display:grid;place-items:center;width:1rem;height:1rem;flex:none;margin:0;border:1px solid var(--border);border-radius:4px;background-color:#fff;cursor:pointer;transition:border-color .12s ease,background-color .12s ease}._checkbox_1sn7x_777 input[type=checkbox]:before{content:"";width:.75rem;height:.75rem;background-color:#fff;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat;scale:0;transition:scale .12s ease}._checkbox_1sn7x_777 input[type=checkbox]:hover{border-color:#a1a1aa}._checkbox_1sn7x_777 input[type=checkbox]:checked{border-color:var(--brand);background-color:var(--brand)}._checkbox_1sn7x_777 input[type=checkbox]:checked:before{scale:1}._checkbox_1sn7x_777 input[type=checkbox]:focus-visible{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)}._checkbox_1sn7x_777:has(:checked){color:#18181b}._code_1sn7x_835{min-width:0;max-height:26rem;margin:0;padding:1rem;overflow:auto;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.75rem;line-height:1.7;white-space:pre;tab-size:2}._code__active_1sn7x_848{border-radius:3px;background-color:#ede9ff;box-shadow:0 0 0 2px #ede9ff;color:#4c37e0;font-weight:700}._stage_1sn7x_721{padding:1.5rem;max-height:46rem;margin-bottom:1rem;overflow:auto;background-color:#fafafa;background-image:linear-gradient(45deg,var(--checker) 25%,transparent 25%),linear-gradient(-45deg,var(--checker) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--checker) 75%),linear-gradient(-45deg,transparent 75%,var(--checker) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;border-radius:0 0 12px 12px;box-shadow:inset 0 0 0 1px #00000026}._stage_1sn7x_721[data-theme=dark]{--checker: #1c1c1e;background-color:#121212;box-shadow:inset 0 0 0 1px #ffffff1a}._canvas-stack_1sn7x_875{display:grid;width:fit-content;margin-inline:auto}._canvas-stack_1sn7x_875>*{position:relative;grid-area:1/1;isolation:isolate}._draw-in_1sn7x_887{pointer-events:none;animation:_draw-in_1sn7x_887 var(--draw-duration, .5s) ease-out both}@keyframes _draw-in_1sn7x_887{0%{clip-path:var(--draw-from);opacity:0}to{clip-path:var(--draw-to);opacity:1}}@keyframes _fade-in_1sn7x_1{0%{opacity:0}}@media (prefers-reduced-motion: reduce){._draw-in_1sn7x_887{animation-name:_fade-in_1sn7x_1}}@media (max-width: 1200px){._tool_1sn7x_1{grid-template-columns:280px minmax(0,1fr)}._props_1sn7x_424{display:none}}@media (max-width: 900px){._tool_1sn7x_1{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr auto}._sidebar_1sn7x_26{position:static;min-height:0;max-height:none;border-right:0;border-bottom:1px solid var(--border)}._sidebar_1sn7x_26:not([data-open]) ._sidebar__body_1sn7x_932{display:none}._sidebar__toggle_1sn7x_81{display:grid}._main_1sn7x_646{display:contents}._main_1sn7x_646>._panel--result_1sn7x_705{align-self:stretch;padding-top:1rem}._timeline_1sn7x_947{position:sticky;bottom:0;z-index:2;margin-top:1.5rem}}._canvas_1sn7x_875{cursor:pointer}._stage_1sn7x_721[data-exploded]{overflow:hidden;cursor:grab}._stage_1sn7x_721[data-exploded]:active{cursor:grabbing}._stage_1sn7x_721[data-exploded] ._canvas_1sn7x_875{visibility:hidden}._exploded_1sn7x_973{--fold: .7s cubic-bezier(.22, 1, .36, 1);isolation:auto;perspective:2400px;transform-style:preserve-3d;pointer-events:none;transition:translate var(--fold),scale var(--fold)}._exploded__plane_1sn7x_982{position:absolute;inset:0;transform:rotateX(var(--tilt-x)) rotate(var(--tilt-z)) translateZ(calc(var(--depth) * var(--gap)));transition:transform var(--fold)}._exploded__plane_1sn7x_982:before{content:"";position:absolute;inset:0;outline:1px dashed rgba(0,0,0,.18);pointer-events:none}._stage_1sn7x_721[data-theme=dark] ._exploded__plane_1sn7x_982:before{outline-color:#fff3}._exploded__plane_1sn7x_982[data-on]:before{outline:2px solid var(--brand)}._exploded_1sn7x_973[data-dragging] ._exploded__plane_1sn7x_982{transition:none}@media (prefers-reduced-motion: reduce){._exploded_1sn7x_973{transition:none}}._exploded__plane_1sn7x_982:not(:first-child) ._exploded__art_1sn7x_1016{pointer-events:auto;cursor:pointer}._exploded__art_1sn7x_1016{position:absolute;top:0;left:0;margin:0}@media (prefers-reduced-motion: reduce){._exploded__plane_1sn7x_982{transition:none}}._stage__hint_1sn7x_1033{padding:.5rem 1rem;border-top:1px solid var(--border);font-size:.75rem;color:var(--muted)}._outline_1sn7x_1040{position:absolute;z-index:2;opacity:0;outline:1px dashed deeppink;outline-offset:2px;box-shadow:0 0 0 1px #fff inset;pointer-events:none;transition:opacity .12s ease}._outline_1sn7x_1040[data-on]{opacity:1}._probes_1sn7x_1055{position:absolute;inset:0;visibility:hidden;overflow:hidden;pointer-events:none}._probe_1sn7x_1055{position:absolute;inset:0;overflow:hidden}._field__head_1sn7x_1069{display:flex;align-items:center;justify-content:space-between}._field__edit_1sn7x_1075{display:grid;place-items:center;width:1.5rem;height:1.5rem;border:0;border-radius:6px;background:none;color:var(--muted);cursor:pointer}._field__edit_1sn7x_1075:hover{background-color:#e9e9ee;color:#18181b}._gradient_1sn7x_1092{display:grid;gap:.75rem}._gradient__top_1sn7x_1097{display:grid;gap:.5rem}._gradient__preview_1sn7x_1102{height:4rem;border:1px solid var(--border);border-radius:8px;position:relative;overflow:hidden;background-color:#fff;background-image:repeating-conic-gradient(#e4e4e7 0 25%,#fff 0 50%);background-size:12px 12px}._gradient__art_1sn7x_1113{position:absolute;top:50%;left:50%;translate:-50% -50%;background-image:var(--preview)}._select_1sn7x_1121{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background-color:#fff;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.75rem;line-height:1.6;cursor:pointer}._visually-hidden_1sn7x_1133{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}._stops_1sn7x_1142{display:grid;grid-template-columns:minmax(0,1fr);gap:.5rem}._stop_1sn7x_1142{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:.5rem;min-width:0;margin:0;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background-color:#fff;box-shadow:0 1px 2px #0000000f;transition:border-color .12s ease,box-shadow .12s ease}._stop_1sn7x_1142[data-active]{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand),0 2px 6px #00000014}._stop__head_1sn7x_1168{display:flex;align-items:center;gap:.5rem}._stop__swatch_1sn7x_1174{position:relative;width:1.25rem;height:1.25rem;flex:none;border-radius:50%;background-color:#fff;background-image:linear-gradient(var(--stop),var(--stop)),repeating-conic-gradient(#ddd 0 25%,#fff 0 50%);background-size:auto,6px 6px;box-shadow:inset 0 0 0 1px #00000026;cursor:pointer}._stop__swatch_1sn7x_1174 input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}._stop__swatch_1sn7x_1174:has(:focus-visible){outline:2px solid var(--accent);outline-offset:2px}._stop__value_1sn7x_1201{min-width:0;flex:1;padding:2px 0;border:0;background:none;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.75rem;text-overflow:ellipsis;caret-color:var(--stop)}._stop__value_1sn7x_1201:focus{outline:none}._stop__value_1sn7x_1201[aria-invalid],._field_1sn7x_577 textarea[aria-invalid]{color:#d92d20;text-decoration:wavy underline;text-decoration-thickness:1px;text-underline-offset:3px}._stop__alpha_1sn7x_1225{width:3.75rem;flex:none}._stop__alpha_1sn7x_1225 input[type=number]{width:100%;padding:4px 20px 4px 6px;border:1px solid var(--border);border-radius:6px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.75rem}._stop__alpha_1sn7x_1225 ._number__unit_1sn7x_528{right:6px}._stop__menu_1sn7x_1241{position:absolute;top:-.5rem;right:-.5rem;z-index:1;display:grid;place-items:center;width:1.5rem;height:1.5rem;border:1px solid var(--border);border-radius:50%;background-color:#fff;box-shadow:0 1px 2px #00000014;color:var(--muted);opacity:0;transition:opacity .12s ease}._stop_1sn7x_1142:hover ._stop__menu_1sn7x_1241,._stop__menu_1sn7x_1241:has(:focus-visible){opacity:1}@media (hover: none){._stop__menu_1sn7x_1241{opacity:1}}._stop__menu_1sn7x_1241:hover{background-color:#f4f4f5;color:#18181b}._stop__menu_1sn7x_1241 select{position:absolute;inset:0;opacity:0;cursor:pointer}._stop__sliders_1sn7x_1282{display:grid;gap:4px;min-width:0}._slider-set_1sn7x_1288{display:flex;align-items:center;gap:.5rem}._slider-set_1sn7x_1288 label{width:4.25rem;flex:none}._slider-set_1sn7x_1288 input[type=number]{width:100%;padding:.25rem 1.5rem .25rem .5rem;border:1px solid var(--border);border-radius:6px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.75rem}._slider-set_1sn7x_1288 ._number__unit_1sn7x_528{right:.5rem}._slider_1sn7x_1288{--slider-active: #a1a1aa;min-width:0;flex:1;height:1.25rem;margin:0;background:none;appearance:none;cursor:ew-resize;touch-action:none}._slider_1sn7x_1288::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(to right,var(--slider-color) var(--fill),var(--track) 0)}._slider_1sn7x_1288::-moz-range-track{height:4px;border-radius:999px;background:linear-gradient(to right,var(--slider-color) var(--fill),var(--track) 0)}._slider_1sn7x_1288::-webkit-slider-thumb{width:14px;height:14px;margin-top:-5px;border:2px solid #fff;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #0003,0 1px 3px #0000004d;appearance:none;transition:box-shadow .1s ease}._slider_1sn7x_1288::-moz-range-thumb{width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #0003,0 1px 3px #0000004d}._slider_1sn7x_1288:hover::-webkit-slider-thumb,._slider_1sn7x_1288:active::-webkit-slider-thumb{box-shadow:0 0 0 1px #0003,0 1px 3px #0000004d,0 0 0 6px #00000014}._axes_1sn7x_457{display:grid;gap:6px}._axes--row_1sn7x_1367{grid-template-columns:repeat(2,minmax(0,1fr))}._shadow__color_1sn7x_1371{display:flex;align-items:center;gap:.5rem}._shadow__color_1sn7x_1371 textarea{flex:1;min-width:0}._scrub_1sn7x_1381{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.75rem;height:2.25rem;padding-inline:.75rem;overflow:hidden;border-radius:8px;background-color:#f4f4f5;font-size:13px;cursor:ew-resize;user-select:none;touch-action:none}._scrub_1sn7x_1381:before{content:"";position:absolute;inset:0 auto 0 var(--from);width:var(--fill);background-color:color-mix(in srgb,var(--accent) 22%,#f4f4f5);transition:background-color .12s ease}._scrub_1sn7x_1381:hover:before{background-color:color-mix(in srgb,var(--accent) 32%,#f4f4f5)}._scrub_1sn7x_1381[data-centered]:after{content:"";position:absolute;inset:6px auto 6px var(--zero);width:1px;background-color:color-mix(in srgb,#3f3f46 35%,transparent);pointer-events:none}._scrub_1sn7x_1381[data-muted]:before{background-color:#e4e4e7}._scrub_1sn7x_1381:has(>[type=range]:focus-visible){outline:2px solid var(--accent);outline-offset:2px}._scrub_1sn7x_1381[data-editing]{cursor:auto}._scrub__label_1sn7x_1433,._scrub__value_1sn7x_1434,._scrub__input_1sn7x_1435{position:relative}._scrub__label_1sn7x_1433{color:#3f3f46}._scrub__value_1sn7x_1434{overflow:hidden;font-family:ui-monospace,SF Mono,Menlo,monospace;text-overflow:ellipsis;white-space:nowrap}._scrub_1sn7x_1381[data-muted] ._scrub__value_1sn7x_1434{color:var(--muted)}._scrub__unit_1sn7x_1454{margin-inline-start:2px;color:var(--muted)}._scrub__input_1sn7x_1435{flex:0 1 auto;field-sizing:content;min-width:0;max-width:6rem;padding:4px 6px;border:1px solid var(--accent);border-radius:6px;background-color:#fff;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px;text-align:right;appearance:textfield}._scrub__input_1sn7x_1435::-webkit-inner-spin-button,._scrub__input_1sn7x_1435::-webkit-outer-spin-button{margin:0;appearance:none}._scrub__input_1sn7x_1435:focus{outline:none}._landing_1sn7x_1{--border: #d4d4d8;--muted: #71717a;--accent: #8576ff;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4.5rem;min-height:100dvh;background-color:#f5f7fc;padding:1.5rem 16px}._landing_1sn7x_1 ._logo_1sn7x_98{margin-bottom:3rem}._landing_1sn7x_1 ._logo_1sn7x_98 svg{width:231.4px;height:auto}._section_1sn7x_1506{display:flex;flex-direction:column;align-items:center;gap:1rem}._title_1sn7x_1513{font-size:18px;font-weight:400;text-align:center}._templates_1sn7x_1519{display:flex;flex-wrap:wrap;justify-content:center;gap:1.75rem;margin:0;padding:0;list-style:none}._template_1sn7x_1519{display:flex;flex-direction:column;gap:10px;padding:0;border:0;background:none;font:inherit;cursor:pointer}._template__frame_1sn7x_1540{position:relative;display:block;width:150px;aspect-ratio:200/170;overflow:hidden;border:1px solid var(--border);border-radius:16px;background-color:#ebebeb;transition:border-color .15s ease}._template_1sn7x_1519:hover ._template__frame_1sn7x_1540,._template_1sn7x_1519:focus-visible ._template__frame_1sn7x_1540{border-color:var(--accent)}._template_1sn7x_1519:hover ._template__art_1sn7x_1557,._template_1sn7x_1519:focus-visible ._template__art_1sn7x_1557{transform:scale(1.08)}._template_1sn7x_1519:focus-visible{outline:none}._template__art_1sn7x_1557{position:absolute;top:50%;left:50%;translate:-50% -50%;transition:transform .3s ease}@media (prefers-reduced-motion: reduce){._template__art_1sn7x_1557{transition:none}}._template__name_1sn7x_1579{font-size:13px;color:var(--muted)}._templates_1sn7x_1519 li{display:flex;flex-direction:column;align-items:center}._template__source_1sn7x_1590{margin-top:2px;font-size:12px;color:var(--muted);text-underline-offset:2px}._template__source_1sn7x_1590:hover{color:var(--accent)}._code-input_1sn7x_1600{width:100%;max-height:150px;padding:1rem .75rem;border:1px solid var(--border);border-radius:12px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.85rem;line-height:1.5;resize:none;field-sizing:content}._code-input_1sn7x_1600:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)}._field-error_1sn7x_1619{font-size:13px;color:#c2410c}._footer_1sn7x_1624{font-size:13px;color:var(--muted)}._footer_1sn7x_1624 a{color:inherit;font-weight:700}._form_1sn7x_1633{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;width:min(100%,51.25rem)}._form-field_1sn7x_1641{display:flex;flex-direction:column;gap:.5rem;width:100%}._form-field__title_1sn7x_1648{font-size:1rem}._form-field__optional_1sn7x_1652{font-size:13px;color:var(--muted)}._form-field__hint_1sn7x_1657{margin-top:.25rem;font-size:.75rem}._button_1sn7x_1662{min-width:111px;padding:7px 12px;border:1px solid transparent;border-radius:100px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}._button_1sn7x_1662:focus-visible{outline:2px solid var(--brand);outline-offset:2px}._button--primary_1sn7x_1678{background-color:var(--brand);color:#fff}._button--primary_1sn7x_1678:hover{background-color:hsl(from var(--brand) h s calc(l - 8))}._button--secondary_1sn7x_1687{border-color:#d4d4d8;background-color:#fff;color:#18181b}._button--secondary_1sn7x_1687:hover{background-color:#f4f4f5}._css-dialog_1sn7x_1697{width:min(100% - 2rem,48rem);padding:0;border:1px solid #e4e4e7;border-radius:14px;box-shadow:0 20px 50px #0003}._css-dialog_1sn7x_1697::backdrop{background-color:#18181b66}._css-dialog__body_1sn7x_1709{display:grid;gap:14px;padding:1.25rem}._css-dialog__body_1sn7x_1709 h2{font-size:1rem;font-weight:700}._css-dialog__code_1sn7x_1720{width:100%;height:min(60vh,28rem);padding:.75rem;border:1px solid #e4e4e7;border-radius:8px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.75rem;line-height:1.6;resize:vertical}._css-dialog__note_1sn7x_1732{font-size:.75rem;color:#71717a}._css-dialog__actions_1sn7x_1737{display:flex;justify-content:flex-end;gap:.5rem}._timeline_1sn7x_947{border-top:1px solid var(--border);background-color:#fff}._timeline__head_1sn7x_1748{display:flex;align-items:center;gap:.5rem;padding:10px 12px 0}._timeline__label_1sn7x_1755{font-size:.75rem;font-weight:700;color:var(--muted)}._timeline__actions_1sn7x_1761{display:flex;align-items:center;gap:.5rem;margin-left:auto}._timeline__play_1sn7x_1768{display:grid;place-items:center;width:1.75rem;height:1.75rem;padding:0;border:1px solid var(--border);border-radius:50%;background-color:#fff;color:#18181b;cursor:pointer}._timeline__play_1sn7x_1768:hover:not(:disabled){background-color:#f4f4f5}._timeline__play_1sn7x_1768:disabled{opacity:.4;cursor:default}._timeline__speeds_1sn7x_1788{display:flex;padding:2px;border-radius:8px;background-color:#f4f4f5}._timeline__speeds_1sn7x_1788 button{padding:2px 8px;border:0;border-radius:6px;background:none;font-size:.75rem;color:var(--muted);cursor:pointer}._timeline__speeds_1sn7x_1788 button[aria-pressed=true]{background-color:#fff;box-shadow:0 1px 2px #0000001a;color:#18181b}._timeline__scroller_1sn7x_1809{overflow-x:auto;padding:14px 12px}._timeline__scroller_1sn7x_1809:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}._timeline__track_1sn7x_1819{position:relative;display:flex;gap:var(--card-gap);width:max-content;margin:0;padding:0;list-style:none;cursor:pointer;touch-action:none;user-select:none}._timeline__card_1sn7x_1832{position:relative;flex:none;width:var(--card-width);height:var(--card-height);overflow:hidden;border:1px solid #d4d4d8;border-radius:8px;background-color:#ebebeb;transition:opacity .15s ease}._timeline__card_1sn7x_1832[data-ahead]{opacity:.4}._timeline__art_1sn7x_1848{position:absolute;top:50%;left:50%;translate:-50% -50%;pointer-events:none}._timeline__playhead_1sn7x_1856{position:absolute;top:-.75rem;bottom:-.75rem;width:2px;background-color:#18181b;translate:-50% 0;pointer-events:none}._timeline__playhead_1sn7x_1856:before,._timeline__playhead_1sn7x_1856:after{content:"";position:absolute;left:50%;border-inline:6px solid transparent;translate:-50% 0}._timeline__playhead_1sn7x_1856:before{top:0;border-top:8px solid #18181b}._timeline__playhead_1sn7x_1856:after{bottom:0;border-bottom:8px solid #18181b}::view-transition-group(drawing){animation-duration:.45s;animation-timing-function:cubic-bezier(.2,0,0,1)}::view-transition-old(root),::view-transition-new(root){animation-duration:.3s}html,body{background-color:#f0f0f0}