._label_movqy_1{display:flex;align-items:center;gap:.5rem;font-size:var(--type-label-font-size);font-weight:var(--type-label-font-weight);color:var(--type-label-color);line-height:1;user-select:none}._label_movqy_1[data-has-value=true]{justify-content:space-between}._label_movqy_1[data-has-value=true] span:last-child{font-size:var(--type-label-value-font-size);font-weight:var(--type-label-value-font-weight);color:var(--type-label-value-color)}._root_aehrw_1{position:relative;display:flex;align-items:center;width:100%;touch-action:none;user-select:none}._root_aehrw_1[data-disabled]{opacity:.5}._root_aehrw_1[data-orientation=vertical]{height:100%;min-height:11rem;width:auto;flex-direction:column}._track_aehrw_21{position:relative;flex-grow:1;overflow:hidden;border-radius:9999px;background-color:var(--muted)}._track_aehrw_21[data-orientation=horizontal]{height:2px;width:100%}._track_aehrw_21[data-orientation=vertical]{height:100%;width:.375rem}._range_aehrw_39{position:absolute;background-color:var(--primary)}._range_aehrw_39[data-orientation=horizontal]{height:100%}._range_aehrw_39[data-orientation=vertical]{width:100%}._thumb_aehrw_52{display:block;width:22px;height:22px;flex-shrink:0;border-radius:9999px;border:2px solid var(--primary);background-color:var(--background);box-shadow:0 0 0 4px var(--background);transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease;outline:none;cursor:pointer}._thumb_aehrw_52:hover{transform:scale(1.15);box-shadow:0 0 0 4px var(--background)}._thumb_aehrw_52:focus-visible{transform:scale(1.15);box-shadow:0 0 0 4px var(--background)}._thumb_aehrw_52:active{transform:scale(1.25)}._thumb_aehrw_52:disabled{pointer-events:none;opacity:.5}._input_1d7o5_1{display:flex;height:40px;width:100%;min-width:0;border-radius:calc(var(--radius) - 2px);border:1px solid var(--input);padding:.25rem .75rem;background-color:var(--input-background);color:var(--foreground);font-size:12px;font-weight:var(--font-weight-medium);transition:color .15s,box-shadow .15s;outline:none;margin-top:0}._input_1d7o5_1::placeholder{color:var(--muted-foreground)}._input_1d7o5_1::selection{background-color:var(--primary);color:var(--primary-foreground)}._input_1d7o5_1:disabled{pointer-events:none;cursor:not-allowed;opacity:.5}._input_1d7o5_1:focus-visible{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in srgb,var(--ring) 50%,transparent)}._input_1d7o5_1[aria-invalid=true]{border-color:var(--destructive);box-shadow:0 0 0 3px color-mix(in srgb,var(--destructive) 20%,transparent)}.dark ._input_1d7o5_1{background-color:color-mix(in srgb,var(--input) 30%,transparent)}.dark ._input_1d7o5_1[aria-invalid=true]{box-shadow:0 0 0 3px color-mix(in srgb,var(--destructive) 40%,transparent)}._colorPreview_1d7o5_53{font-size:var(--type-select-font-size);font-weight:var(--type-select-font-weight);color:var(--type-select-color);letter-spacing:var(--type-select-letter-spacing);padding-right:40px}._button_b6e5d_1{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;border-radius:calc(var(--radius) - 2px);border:0 solid transparent;font-size:var(--type-button-font-size);font-weight:var(--type-button-font-weight);height:48px;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0;outline:none;cursor:pointer}._button_b6e5d_1:disabled{pointer-events:none;opacity:.5}._button_b6e5d_1:focus-visible{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in srgb,var(--ring) 50%,transparent)}._button_b6e5d_1[aria-invalid=true]{border-color:var(--destructive);box-shadow:0 0 0 3px color-mix(in srgb,var(--destructive) 20%,transparent)}._button_b6e5d_1 svg{pointer-events:none;flex-shrink:0}._button_b6e5d_1 svg:not([class*=size-]){width:1rem;height:1rem}._size_default_b6e5d_44{padding:.5rem 1rem}._size_default_b6e5d_44:has(>svg){padding-left:.75rem;padding-right:.75rem}._size_sm_b6e5d_53{height:2rem;border-radius:calc(var(--radius) - 2px);gap:.375rem;padding:0 .75rem}._size_sm_b6e5d_53:has(>svg){padding-left:.625rem;padding-right:.625rem}._size_lg_b6e5d_65{height:2.5rem;border-radius:calc(var(--radius) - 2px);padding:0 1.5rem}._size_lg_b6e5d_65:has(>svg){padding-left:1rem;padding-right:1rem}._size_icon_b6e5d_76{width:2.25rem;height:2.25rem;border-radius:calc(var(--radius) - 2px);padding:0}._variant_default_b6e5d_84{background-color:var(--primary);color:var(--type-button-primary-color)}._variant_default_b6e5d_84:hover{background-color:color-mix(in srgb,var(--primary) 80%,transparent)}._variant_destructive_b6e5d_93{background-color:var(--destructive);color:#fff}._variant_destructive_b6e5d_93:hover{background-color:color-mix(in srgb,var(--destructive) 80%,transparent)}._variant_destructive_b6e5d_93:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--destructive) 20%,transparent)}.dark ._variant_destructive_b6e5d_93{background-color:color-mix(in srgb,var(--destructive) 60%,transparent)}.dark ._variant_destructive_b6e5d_93:hover{background-color:color-mix(in srgb,var(--destructive) 70%,transparent)}.dark ._variant_destructive_b6e5d_93:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--destructive) 40%,transparent)}._variant_outline_b6e5d_118{border:1px solid var(--border);background-color:var(--background);color:var(--foreground)}._variant_outline_b6e5d_118:hover{background-color:var(--secondary)}.dark ._variant_outline_b6e5d_118{background-color:color-mix(in srgb,var(--input) 30%,transparent);border-color:var(--input)}.dark ._variant_outline_b6e5d_118:hover{background-color:color-mix(in srgb,var(--input) 40%,transparent)}._variant_secondary_b6e5d_137{background-color:var(--secondary);color:var(--type-button-secondary-color)}._variant_secondary_b6e5d_137:hover{filter:brightness(.92)}._variant_ghost_b6e5d_146{background-color:transparent;color:var(--foreground)}._variant_ghost_b6e5d_146:hover,._variant_ghost_b6e5d_146:active{background-color:var(--secondary)}.dark ._variant_ghost_b6e5d_146:hover{background-color:color-mix(in srgb,var(--accent) 50%,transparent)}._variant_link_b6e5d_160{background-color:transparent;color:var(--primary);text-underline-offset:4px;height:auto;padding:0}._variant_link_b6e5d_160:hover{text-decoration:underline;color:color-mix(in srgb,var(--primary) 80%,transparent)}._trigger_12t2h_1{display:flex;width:100%;align-items:center;justify-content:space-between;gap:.5rem;height:40px;border-radius:calc(var(--radius) - 2px);border:1px solid var(--input);background-color:var(--secondary);color:var(--type-select-color);padding:.5rem .75rem;font-size:var(--type-select-font-size);font-weight:var(--type-select-font-weight);letter-spacing:var(--type-select-letter-spacing);white-space:nowrap;transition:color .15s,box-shadow .15s;outline:none;margin-top:0;cursor:pointer}._trigger_12t2h_1:disabled{cursor:not-allowed;opacity:.5}._trigger_12t2h_1[data-placeholder]{color:var(--muted-foreground)}._trigger_12t2h_1:focus-visible{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in srgb,var(--ring) 50%,transparent)}._trigger_12t2h_1[aria-invalid=true]{border-color:var(--destructive);box-shadow:0 0 0 3px color-mix(in srgb,var(--destructive) 20%,transparent)}.dark ._trigger_12t2h_1{background-color:color-mix(in srgb,var(--input) 30%,transparent)}.dark ._trigger_12t2h_1:hover{background-color:color-mix(in srgb,var(--input) 50%,transparent)}.dark ._trigger_12t2h_1[aria-invalid=true]{box-shadow:0 0 0 3px color-mix(in srgb,var(--destructive) 40%,transparent)}._trigger_12t2h_1>[data-slot=select-value]{display:flex;align-items:center;gap:.5rem;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}._trigger_12t2h_1 svg{pointer-events:none;flex-shrink:0;width:1rem;height:1rem;color:var(--muted-foreground)}._icon_12t2h_71{width:1rem;height:1rem;opacity:.5}._content_12t2h_77{position:relative;z-index:50;max-height:var(--radix-select-content-available-height);min-width:8rem;overflow-x:hidden;overflow-y:auto;border-radius:12px;border:1px solid var(--border);background-color:var(--popover);color:var(--popover-foreground);box-shadow:0 12px 20px 2px #0000000a;transform-origin:var(--radix-select-content-transform-origin)}.dark ._content_12t2h_77{box-shadow:0 12px 20px 2px #000}._content_12t2h_77[data-state=open]{animation:_svg-popover-in_12t2h_1 .15s ease}._content_12t2h_77[data-state=closed]{animation:_svg-popover-out_12t2h_1 .15s ease}._viewport_12t2h_104{padding:.25rem}._viewportPopper_12t2h_108{height:var(--radix-select-trigger-height);width:100%;min-width:var(--radix-select-trigger-width);scroll-margin-block:.25rem}._label_12t2h_115{color:var(--muted-foreground);padding:.375rem .5rem;font-size:var(--text-xs)}._item_12t2h_121{position:relative;display:flex;width:100%;cursor:default;align-items:center;gap:.5rem;border-radius:12px;padding:.625rem 1rem;font-size:var(--type-select-item-font-size);font-weight:var(--type-select-item-font-weight);color:var(--type-select-item-color);letter-spacing:var(--type-select-item-letter-spacing);outline:none;user-select:none}._item_12t2h_121:focus,._item_12t2h_121:hover{background-color:var(--secondary)}._item_12t2h_121[data-disabled]{pointer-events:none;opacity:.5}._item_12t2h_121 svg{pointer-events:none;flex-shrink:0;width:1rem;height:1rem}._itemIndicator_12t2h_155{position:absolute;right:.5rem;display:flex;width:.875rem;height:.875rem;align-items:center;justify-content:center}._separator_12t2h_165{pointer-events:none;margin:.25rem -.25rem;height:1px;background-color:var(--border)}._scrollButton_12t2h_172{display:flex;cursor:default;align-items:center;justify-content:center;padding:.25rem 0}@keyframes _accordionDown_1x62e_1{0%{height:0;opacity:0}to{height:var(--radix-accordion-content-height);opacity:1}}@keyframes _accordionUp_1x62e_1{0%{height:var(--radix-accordion-content-height);opacity:1}to{height:0;opacity:0}}._item_1x62e_11{border:none;border-radius:calc(var(--radius) - 2px);overflow:hidden;padding:8px}._header_1x62e_18{display:flex}._trigger_1x62e_22{flex:1;display:flex;align-items:center;justify-content:space-between;gap:1rem;height:var(--toggle-row-height);min-width:300px;padding:0 var(--accordion-trigger-padding-right) 0 8px;border-radius:calc(var(--radius) - 2px);border:none;outline:none;text-align:left;background:transparent;font-size:var(--type-accordion-font-size);font-weight:var(--type-accordion-font-weight);color:var(--type-accordion-color);letter-spacing:var(--type-accordion-letter-spacing);cursor:pointer;transition:background-color .2s ease}._trigger_1x62e_22:hover{background-color:var(--secondary);text-decoration:none}._trigger_1x62e_22:focus-visible{outline:none;box-shadow:none}._trigger_1x62e_22[data-state=open],._trigger_1x62e_22[data-state=open]:hover{background-color:var(--background)}._trigger_1x62e_22:disabled{pointer-events:none;opacity:.5}._chevron_1x62e_64{pointer-events:none;width:1rem;height:1rem;flex-shrink:0;color:var(--muted-foreground);transition:transform .2s ease-in-out}._trigger_1x62e_22[data-state=open] ._chevron_1x62e_64{display:none}._content_1x62e_77{overflow:hidden;font-size:var(--text-sm)}._content_1x62e_77[data-state=open]{animation:_accordionDown_1x62e_1 .35s cubic-bezier(.4,0,.2,1)}._content_1x62e_77[data-state=closed]{animation:_accordionUp_1x62e_1 .25s cubic-bezier(.4,0,.6,1)}._contentInner_1x62e_90{padding:0 0 1rem}._root_1azwf_1{display:inline-flex;flex-shrink:0;align-items:center;height:var(--switch-height);width:var(--switch-width);border-width:var(--switch-border-width);border-style:solid;border-color:transparent;border-radius:var(--switch-border-radius);background-color:var(--switch-background);transition:all var(--switch-transition-duration) cubic-bezier(.34,1.56,.64,1);outline:none;cursor:pointer}._root_1azwf_1[data-state=checked]{background-color:var(--primary)}._root_1azwf_1[data-state=unchecked]{background-color:var(--secondary)}.dark ._root_1azwf_1[data-state=unchecked]{background-color:color-mix(in srgb,var(--input) 80%,transparent)}._root_1azwf_1:focus-visible{border-color:var(--ring);box-shadow:0 0 0 var(--switch-focus-ring-width) color-mix(in srgb,var(--ring) 50%,transparent)}._root_1azwf_1:disabled{cursor:not-allowed;opacity:.5}._thumb_1azwf_40{pointer-events:none;display:block;width:var(--switch-thumb-size);height:var(--switch-thumb-size);border-radius:var(--switch-border-radius);background-color:var(--card);transition:transform var(--switch-transition-duration) cubic-bezier(.34,1.56,.64,1)}._root_1azwf_1[data-state=checked] ._thumb_1azwf_40{transform:translate(calc(var(--switch-width) - var(--switch-thumb-size) - var(--switch-thumb-offset)))}._root_1azwf_1[data-state=unchecked] ._thumb_1azwf_40{transform:translate(var(--switch-thumb-offset))}.dark ._root_1azwf_1[data-state=unchecked] ._thumb_1azwf_40{background-color:var(--card-foreground)}.dark ._root_1azwf_1[data-state=checked] ._thumb_1azwf_40{background-color:var(--primary-foreground)}._panel_8jbdx_1{height:100%;border-left:2px solid var(--border);display:flex;flex-direction:column;position:relative;background-color:transparent;overflow:hidden;transition:width .35s cubic-bezier(.4,0,.2,1)}._collapsed_8jbdx_12{width:72px}._expanded_8jbdx_16{width:320px}._header_8jbdx_20{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 0 16px;flex-shrink:0;min-height:44px}._title_8jbdx_29{font-size:13px;font-weight:600;color:var(--foreground);white-space:nowrap}._headerRight_8jbdx_36{display:flex;align-items:center;gap:0;margin-left:auto}._toggleButton_8jbdx_43{outline:none;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background-color:transparent;border:0;border-radius:999px;overflow:hidden;cursor:pointer;transition:background-color .15s ease}._toggleButton_8jbdx_43:hover{background-color:var(--secondary)}._toggleIcon_8jbdx_62{width:20px;height:20px;opacity:.6}._content_8jbdx_68{height:100%;display:flex;flex-direction:column;transition:opacity .25s ease;opacity:1}._contentHidden_8jbdx_76{opacity:0;pointer-events:none}._container_13qq0_1{display:flex;flex-direction:column;height:100%;position:relative}._scrollArea_13qq0_8{flex:1;overflow-y:auto;min-height:0;padding-top:.5rem}._body_13qq0_15{padding-top:1rem;padding-bottom:8rem;display:flex;flex-direction:column;gap:1rem}._accordion_13qq0_23{width:100%}._section_13qq0_28{padding-top:.5rem;display:flex;flex-direction:column}._sliderRow_13qq0_35{min-height:var(--slider-row-height);max-height:var(--slider-row-height);height:var(--slider-row-height);display:flex;flex-direction:column;justify-content:center;gap:8px;margin-top:0;margin-bottom:var(--slider-row-margin-bottom);padding-left:8px;padding-right:8px;box-sizing:border-box;overflow:hidden}._inputRow_13qq0_52{min-height:var(--input-row-height);max-height:var(--input-row-height);height:var(--input-row-height);display:flex;flex-direction:column;justify-content:center;gap:8px;margin-top:0;margin-bottom:var(--slider-row-margin-bottom);padding-left:8px;padding-right:8px;box-sizing:border-box;overflow:hidden}._toggleRow_13qq0_69{min-height:var(--toggle-row-height);display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-left:8px;padding-right:8px;margin-bottom:var(--slider-row-margin-bottom)}._toggleRow_13qq0_69 [data-slot=label]{font-size:var(--type-switch-font-size);font-weight:var(--type-switch-font-weight);color:var(--type-switch-color)}._colorRow_13qq0_87{position:relative;min-height:var(--input-row-height);display:flex;flex-direction:column;justify-content:center;gap:8px;margin-bottom:var(--slider-row-margin-bottom);padding-left:8px;padding-right:8px;box-sizing:border-box}._colorRow_13qq0_87:after{content:"";position:absolute;right:12px;bottom:8px;width:32px;height:32px;border-radius:8px;pointer-events:none;z-index:10;background:var(--preview-color, transparent)}._subhead_13qq0_113{padding-top:.5rem;padding-bottom:.25rem;padding-left:8px;opacity:.6}._labelRow_13qq0_121{display:flex;align-items:center;justify-content:space-between;width:100%}._lockButton_13qq0_128{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;border:none;background:transparent;color:var(--foreground);opacity:0;cursor:pointer;transition:opacity .2s ease,color .2s ease}._sliderRow_13qq0_35:hover ._lockButton_13qq0_128{opacity:.4}._lockButton_13qq0_128:hover{opacity:.8!important}._lockButtonActive_13qq0_151{opacity:.7!important;color:var(--primary)}._sliderRow_13qq0_35>[data-slot=slider]{margin-top:.5rem}._footer_13qq0_162{position:absolute;bottom:0;left:0;right:0;padding:1rem;display:flex;flex-direction:column;gap:.5rem;background-color:var(--card);z-index:10}._fullWidth_13qq0_175{width:100%}._surpriseButton_13qq0_179{width:100%;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}._keyframeBadge_13qq0_186{width:44px;height:44px;display:flex;align-items:center;justify-content:center;position:relative}._keyframeBadge_13qq0_186:before{content:"";position:absolute;width:24px;height:24px;background:var(--foreground);transform:rotate(45deg);border-radius:4px}._keyframeBadgeNumber_13qq0_205{position:relative;font-size:11px;font-weight:700;color:var(--background);z-index:1}._keyframeDeleteButton_13qq0_213{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;border:none;background:transparent;color:var(--foreground);opacity:.6;cursor:pointer;transition:opacity .15s ease,color .15s ease}._keyframeDeleteButton_13qq0_213:hover{opacity:1;color:var(--destructive);background-color:var(--secondary)}._keyframeRow_13qq0_235{position:relative;padding:0 .5rem}._keyframeButton_13qq0_240{width:100%;border-width:2px}._keyframeButton_13qq0_240:hover{background-color:var(--secondary)}._deleteButton_13qq0_249{position:absolute;right:1rem;top:50%;transform:translateY(-50%);padding:.375rem;border-radius:.375rem;background-color:transparent;border:0;cursor:pointer;opacity:0;transition:all .15s ease}._deleteButton_13qq0_249:hover{background-color:color-mix(in srgb,var(--destructive) 10%,transparent)}._deleteIcon_13qq0_267{width:1rem;height:1rem;color:var(--foreground)}._deleteButton_13qq0_249:hover ._deleteIcon_13qq0_267{color:var(--destructive)}._keyframeAddRow_13qq0_277{padding:0 .5rem}._keyframesGroup_13qq0_281{display:flex;flex-direction:column;gap:.5rem}._canvas_15f9g_1{flex:1;display:flex;align-items:center;justify-content:center;background:var(--canvas-background, #ffffff);padding-bottom:56px}._svg_15f9g_10{width:100%;height:100%;max-width:90%;max-height:90%}._timeline_1l0n7_9{position:fixed;bottom:16px;left:var(--tl-left);right:var(--tl-right);max-width:600px;margin:0 auto;z-index:50;border-radius:16px;background:var(--card);border:2px solid var(--border);transition:left .35s cubic-bezier(.4,0,.2,1),right .35s cubic-bezier(.4,0,.2,1),max-width .5s cubic-bezier(.4,0,.2,1),background-color .3s ease,border-color .3s ease;overflow:hidden}._timelineEmpty_1l0n7_30{max-width:180px;border-color:transparent;background:transparent;animation:_collapseIn_1l0n7_1 .4s cubic-bezier(.4,0,.2,1) both}@keyframes _collapseIn_1l0n7_1{0%{max-width:600px;opacity:.5}to{max-width:180px;opacity:1}}._timelineActive_1l0n7_49{animation:_expandIn_1l0n7_1 .5s cubic-bezier(.4,0,.2,1) both}@keyframes _expandIn_1l0n7_1{0%{max-width:180px;opacity:0}to{max-width:600px;opacity:1}}._emptyContent_1l0n7_64{display:flex;align-items:center;justify-content:center;padding:10px 14px;height:52px;box-sizing:border-box}._addAnimationButton_1l0n7_73{padding:10px 24px;border-radius:12px;border:2px solid var(--border);background:var(--card);color:var(--foreground);font-size:13px;font-weight:500;cursor:pointer;transition:background-color .15s ease}._addAnimationButton_1l0n7_73:hover{background:var(--secondary)}._toolbar_1l0n7_90{display:flex;align-items:center;gap:16px;padding:6px;box-sizing:border-box}._toolButton_1l0n7_99{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;border:none;background:transparent;color:var(--foreground);cursor:pointer;transition:background-color .15s ease,color .15s ease;flex-shrink:0;opacity:.6}._toolButton_1l0n7_99:hover{background:var(--secondary);opacity:1}._toolButtonActive_1l0n7_120{background:var(--foreground);color:var(--background);opacity:1}._toolButtonActive_1l0n7_120:hover{background:var(--foreground);opacity:1}._toolButton_1l0n7_99:disabled{opacity:.25;cursor:default}._toolButton_1l0n7_99:disabled:hover{background:transparent}._track_1l0n7_141{flex:1;height:32px;position:relative;background:transparent;border-radius:8px;cursor:pointer;margin:0 2px}._track_1l0n7_141:after{content:"";position:absolute;top:50%;left:8px;right:8px;height:2px;background:var(--border);transform:translateY(-50%);border-radius:1px}._marker_1l0n7_164{position:absolute;top:50%;transform:translate(-50%,-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:grab;padding:0;z-index:2}._marker_1l0n7_164:active,._markerDragging_1l0n7_181{cursor:grabbing}._markerDiamond_1l0n7_185{display:block;width:10px;height:10px;background:var(--foreground);opacity:.5;transform:rotate(45deg);border-radius:2px;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .2s ease,background-color .2s ease}._marker_1l0n7_164:hover ._markerDiamond_1l0n7_185{opacity:1;transform:rotate(45deg) scale(1.3)}._markerActive_1l0n7_204 ._markerDiamond_1l0n7_185{background:var(--primary);opacity:1;transform:rotate(45deg) scale(1.4)}._markerDragging_1l0n7_181 ._markerDiamond_1l0n7_185{background:var(--primary);opacity:1;transform:rotate(45deg) scale(1.6)}._hoverIndicator_1l0n7_218{position:absolute;top:50%;transform:translate(-50%,-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:4;animation:_hoverPop_1l0n7_1 .3s cubic-bezier(.34,1.56,.64,1) both}@keyframes _hoverPop_1l0n7_1{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}._hoverIndicator_1l0n7_218:before{content:"";position:absolute;width:16px;height:16px;background:var(--primary);transform:rotate(45deg);border-radius:5px;box-shadow:0 2px 12px color-mix(in srgb,var(--primary) 30%,transparent)}._hoverIndicator_1l0n7_218 svg{position:relative;z-index:1;color:#fff}._playhead_1l0n7_261{position:absolute;top:4px;bottom:4px;width:2px;background:var(--foreground);opacity:.6;transform:translate(-50%);border-radius:1px;z-index:3;pointer-events:none}._scrubIndicator_1l0n7_275{position:absolute;top:4px;bottom:4px;width:2px;background:var(--primary);transform:translate(-50%);border-radius:1px;z-index:3;pointer-events:none}._nav_a7wzf_1{height:100%;width:80px;flex-shrink:0;background-color:var(--background);border-right:2px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1rem;padding-top:1rem}._iconButton_a7wzf_15{outline:none;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background-color:transparent;border:0;border-radius:999px;overflow:hidden;cursor:pointer;transition:background-color .2s ease}._iconButton_a7wzf_15:hover:not([aria-pressed=true]){background-color:var(--secondary)}._iconButton_a7wzf_15[aria-pressed=true]{background-color:var(--secondary)}._icon_a7wzf_15{width:20px;height:20px;opacity:.6}._iconActive_a7wzf_44{opacity:1;color:var(--primary)}._divider_a7wzf_49{width:4px;height:4px;background-color:var(--ring);opacity:.5;border-radius:99px;margin-top:8px;margin-bottom:8px}._section_iex7j_1{width:100%;max-width:24rem;display:flex;flex-direction:column;gap:1.5rem}._buttonStack_iex7j_9{width:100%;max-width:24rem;display:flex;flex-direction:column;gap:1rem}._row_iex7j_17{display:flex;flex-direction:column;gap:.5rem}._colorRow_iex7j_23{display:flex;gap:.5rem;margin-top:.5rem}._colorSwatch_iex7j_29{width:4rem;height:2.5rem;padding:.25rem}._flexInput_iex7j_35{flex:1}._toggleRow_iex7j_39{display:flex;align-items:center;justify-content:space-between}._accordionFrame_iex7j_45{width:100%;max-width:24rem}._accordionInner_iex7j_50{display:flex;flex-direction:column;gap:1.5rem;padding-top:.5rem}._toggleStack_iex7j_57{width:100%;max-width:24rem;display:flex;flex-direction:column;gap:.25rem}._toggleItem_iex7j_65{width:100%;text-align:left;padding:1rem .75rem;border-radius:calc(var(--radius) - 2px);font-size:var(--text-sm);font-weight:var(--font-weight-medium);background-color:transparent;color:var(--foreground);border:0;cursor:pointer;transition:all .15s ease}._toggleItem_iex7j_65:hover{background-color:color-mix(in srgb,var(--muted) 50%,transparent);color:var(--muted-foreground)}._toggleItemPressed_iex7j_84,._toggleItemPressed_iex7j_84:hover{background-color:var(--secondary);color:var(--secondary-foreground)}._toggleItemOutline_iex7j_90{border:1px solid var(--input)}._iconStackOuter_iex7j_94{width:100%;max-width:24rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}._iconStack_iex7j_94{display:flex;flex-direction:column;align-items:center;gap:.5rem}._iconButton_iex7j_110{outline:none;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:transparent;border:0;border-radius:999px;overflow:hidden;cursor:pointer;transition:background-color .15s ease}._iconButton_iex7j_110:hover:not([aria-pressed=true]){background-color:var(--secondary)}._iconButton_iex7j_110[aria-pressed=true]{background-color:var(--secondary)}._icon_iex7j_94{width:20px;height:20px;opacity:.6}._iconActive_iex7j_139{opacity:1;color:var(--primary)}._surface_1j8fh_1{flex:1;display:flex;align-items:center;justify-content:center;background-color:var(--background)}._frame_1j8fh_9{width:320px;padding:1.5rem}._swatchCard_j1649_1{border-radius:.5rem;overflow:hidden}._swatchInner_j1649_6{padding:1rem;background-color:var(--card)}._swatchHeader_j1649_11{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}._swatchTitle_j1649_18{font-weight:600;font-size:var(--text-base)}._swatchVarName_j1649_23{font-size:var(--text-xs);color:var(--muted-foreground);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}._swatchSample_j1649_30{width:100%;height:128px;min-height:128px;min-width:100%;border-radius:16px;border:1px solid var(--border)}._swatchValueRow_j1649_39{margin-top:.5rem;display:flex;align-items:center;gap:.5rem}._swatchValueHex_j1649_46{font-size:var(--text-sm);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:600}._swatchValueRaw_j1649_53{font-size:var(--text-xs);color:var(--muted-foreground)}._colorsLayout_j1649_58{width:100%;max-width:640px;display:flex;flex-direction:column;gap:3rem}._swatchGroup_j1649_66{display:flex;flex-direction:column;gap:3rem;margin-top:3rem}._swatchGroupTitle_j1649_73{font-size:var(--text-xl);font-weight:600;margin-bottom:1.5rem}._typographyLayout_j1649_79{width:100%;display:flex;flex-direction:column;gap:1rem}._typographyCard_j1649_86{border:1px solid var(--border);border-radius:.5rem;padding:1rem;display:flex;flex-direction:column;gap:.75rem}._typographyHeader_j1649_95{display:flex;align-items:center;justify-content:space-between}._typographyName_j1649_101{font-weight:var(--font-weight-medium);font-size:var(--text-sm)}._typographyMeta_j1649_106,._typographyUsage_j1649_111{font-size:var(--text-xs);color:var(--muted-foreground)}._surface_1ksof_1{flex:1;display:flex;align-items:flex-start;justify-content:center;background-color:var(--background);overflow-y:auto}._frame_1ksof_10{width:100%;max-width:640px;padding:1.5rem}._scrollArea_1bz4d_1{overflow-y:auto;height:100%;padding-top:3rem}._body_1bz4d_7{padding-top:1rem;padding-bottom:1rem}._list_1bz4d_12{padding:0 .5rem;display:flex;flex-direction:column;gap:.25rem}._item_1bz4d_19{width:100%;text-align:left;padding:1rem .75rem;border-radius:calc(var(--radius) - 2px);font-size:var(--text-sm);font-weight:var(--font-weight-medium);background-color:transparent;color:var(--foreground);border:0;cursor:pointer;transition:all .15s ease}._item_1bz4d_19:hover{background-color:color-mix(in srgb,var(--muted) 50%,transparent);color:var(--muted-foreground)}._itemActive_1bz4d_38,._itemActive_1bz4d_38:hover{background-color:var(--secondary);color:var(--secondary-foreground)}._app_11fv6_1{display:flex;height:100vh;width:100vw;overflow:hidden;background-color:var(--background)}:root{--font-size: 16px;--background: #ffffff;--foreground: oklch(.145 0 0);--card: #ffffff;--card-foreground: oklch(.145 0 0);--popover: oklch(1 0 0);--popover-foreground: oklch(.145 0 0);--primary: #030213;--primary-foreground: oklch(1 0 0);--secondary: #F3F3F5;--secondary-foreground: #030213;--muted: #ececf0;--muted-foreground: #717182;--accent: #e9ebef;--accent-foreground: #030213;--destructive: #d4183d;--destructive-foreground: #ffffff;--border: rgba(0, 0, 0, .035);--input: transparent;--input-background: #f3f3f5;--switch-background: #cbced4;--font-weight-medium: 500;--font-weight-normal: 400;--ring: oklch(.708 0 0);--chart-1: oklch(.646 .222 41.116);--chart-2: oklch(.6 .118 184.704);--chart-3: oklch(.398 .07 227.392);--chart-4: oklch(.828 .189 84.429);--chart-5: oklch(.769 .188 70.08);--radius: .625rem;--sidebar: oklch(.985 0 0);--sidebar-foreground: oklch(.145 0 0);--sidebar-primary: #030213;--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.97 0 0);--sidebar-accent-foreground: oklch(.205 0 0);--sidebar-border: oklch(.922 0 0);--sidebar-ring: oklch(.708 0 0);--slider-row-height: 64px;--slider-row-margin-bottom: 16px;--input-row-height: 68px;--toggle-row-height: 54px;--accordion-trigger-padding-right: 20px;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--type-accordion-font-size: 17px;--type-accordion-font-weight: var(--font-weight-medium);--type-accordion-color: var(--foreground);--type-accordion-letter-spacing: -.015rem;--type-switch-font-size: 14px;--type-switch-font-weight: var(--font-weight-medium);--type-switch-color: var(--foreground);--type-button-font-size: 14px;--type-button-font-weight: var(--font-weight-medium);--type-button-primary-color: var(--primary-foreground);--type-button-secondary-color: var(--secondary-foreground);--type-label-font-size: 11px;--type-label-font-weight: var(--font-weight-medium);--type-label-color: var(--muted-foreground);--type-label-value-font-size: 11px;--type-label-value-font-weight: var(--font-weight-medium);--type-label-value-color: var(--muted-foreground);--type-select-font-size: 14px;--type-select-font-weight: var(--font-weight-medium);--type-select-color: var(--foreground);--type-select-letter-spacing: 0;--type-select-item-font-size: 14px;--type-select-item-font-weight: var(--font-weight-normal);--type-select-item-color: var(--foreground);--type-select-item-letter-spacing: 0;--switch-height: 1.4rem;--switch-width: 2.1rem;--switch-thumb-size: 1rem;--switch-thumb-offset: 3px;--switch-border-width: 1px;--switch-border-radius: 9999px;--switch-transition-duration: .15s;--switch-focus-ring-width: 3px}.dark{--background: oklch(.145 0 0);--foreground: oklch(.985 0 0);--card: oklch(.145 0 0);--card-foreground: oklch(.985 0 0);--popover: oklch(.145 0 0);--popover-foreground: oklch(.985 0 0);--primary: oklch(.985 0 0);--primary-foreground: oklch(.205 0 0);--secondary: oklch(.235 0 0);--secondary-foreground: oklch(.985 0 0);--muted: oklch(.269 0 0);--muted-foreground: oklch(.708 0 0);--accent: oklch(.269 0 0);--accent-foreground: oklch(.985 0 0);--destructive: oklch(.396 .141 25.723);--destructive-foreground: oklch(.637 .237 25.331);--border: oklch(.22 0 0);--input: oklch(.269 0 0);--ring: oklch(.439 0 0);--chart-1: oklch(.488 .243 264.376);--chart-2: oklch(.696 .17 162.48);--chart-3: oklch(.769 .188 70.08);--chart-4: oklch(.627 .265 303.9);--chart-5: oklch(.645 .246 16.439);--sidebar: oklch(.205 0 0);--sidebar-foreground: oklch(.985 0 0);--sidebar-primary: oklch(.488 .243 264.376);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.269 0 0);--sidebar-accent-foreground: oklch(.985 0 0);--sidebar-border: oklch(.269 0 0);--sidebar-ring: oklch(.439 0 0)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;border:0 solid var(--border);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{font-size:var(--font-size);-webkit-text-size-adjust:100%;line-height:1.5;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";-webkit-tap-highlight-color:transparent}body{background-color:var(--background);color:var(--foreground);line-height:inherit}button{font:inherit;color:inherit;background-color:transparent;border-radius:0;cursor:pointer}input,select,textarea{font:inherit;color:inherit;background-color:transparent}img,svg,video,canvas{display:block;vertical-align:middle}ol,ul{list-style:none}h1{font-size:var(--text-2xl);font-weight:var(--font-weight-medium);line-height:1.5}h2{font-size:var(--text-xl);font-weight:var(--font-weight-medium);line-height:1.5}h3{font-size:var(--text-lg);font-weight:var(--font-weight-medium);line-height:1.5}h4{font-size:var(--text-base);font-weight:var(--font-weight-medium);line-height:1.5}p{font-size:var(--text-base);font-weight:var(--font-weight-normal);line-height:1.5}label{font-size:var(--text-base);font-weight:var(--font-weight-medium);line-height:1.5}input{font-size:var(--text-base);font-weight:var(--font-weight-normal);line-height:1.5}@keyframes svg-popover-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes svg-popover-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}