@import"https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Fira+Code:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Press+Start+2P:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";@layer base{._content_1hxhe_2{max-width:20rem;padding:var(--spacing-2) var(--spacing-3);background-color:var(--popup);color:var(--popup-foreground);border-radius:var(--radius);font-size:.875rem;line-height:1.4;box-shadow:var(--shadow-md);font-family:var(--font-family-base);border:1px solid var(--border);z-index:var(--z-overlay);overflow-wrap:break-word;word-break:keep-all;animation-duration:var(--animation-duration-normal);animation-timing-function:cubic-bezier(.16,1,.3,1);will-change:transform,opacity}._content_1hxhe_2[data-state=delayed-open][data-side=top]{animation-name:_slideDownAndFade_1hxhe_1}._content_1hxhe_2[data-state=delayed-open][data-side=bottom]{animation-name:_slideUpAndFade_1hxhe_1}._content_1hxhe_2[data-state=delayed-open][data-side=left]{animation-name:_slideRightAndFade_1hxhe_1}._content_1hxhe_2[data-state=delayed-open][data-side=right]{animation-name:_slideLeftAndFade_1hxhe_1}@keyframes _slideUpAndFade_1hxhe_1{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes _slideDownAndFade_1hxhe_1{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes _slideLeftAndFade_1hxhe_1{0%{opacity:0;transform:translate(4px)}to{opacity:1;transform:translate(0)}}@keyframes _slideRightAndFade_1hxhe_1{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}}@layer base{._toaster_uhdob_2{--viewport-padding: var(--spacing-4);--toast-width: 360px;--toast-border-radius: var(--radius);--toast-font-family: var(--font-family-base);--toast-animation-duration: var(--animation-duration-normal)}._toast_uhdob_2{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);background-color:var(--card);color:var(--card-foreground);border-radius:var(--radius);box-shadow:var(--shadow-md);border:1px solid var(--border);width:var(--toast-width);position:relative;animation:_slideIn_uhdob_1 var(--toast-animation-duration) cubic-bezier(.16,1,.3,1);transition:transform .2s ease,opacity .2s ease}._toast_uhdob_2:focus{outline:none;box-shadow:var(--shadow-focus)}._toast_uhdob_2:hover{transform:translateY(-2px)}._content_uhdob_35{flex:1;display:flex;flex-direction:column;gap:var(--spacing-1);min-width:0}._title_uhdob_43{font-weight:600;font-size:1rem;color:var(--card-foreground);line-height:1.4}._description_uhdob_50{font-size:.875rem;color:var(--muted-foreground);line-height:1.4}._icon_uhdob_56{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1.5rem;height:1.5rem;color:var(--primary)}._actionButton_uhdob_66{padding:var(--spacing-2) var(--spacing-3);background-color:var(--primary);color:var(--primary-foreground);border:none;border-radius:var(--radius-sm);font-weight:500;font-size:.875rem;cursor:pointer;transition:background-color var(--animation-duration-fast) ease;margin-left:var(--spacing-2);white-space:nowrap}._actionButton_uhdob_66:hover{background-color:color-mix(in srgb,var(--primary) 90%,black)}._actionButton_uhdob_66:focus-visible{outline:none;box-shadow:var(--shadow-focus)}._actionButton_uhdob_66:active{background-color:color-mix(in srgb,var(--primary) 80%,black)}._cancelButton_uhdob_93{padding:var(--spacing-2) var(--spacing-3);background-color:var(--muted);color:var(--muted-foreground);border:none;border-radius:var(--radius-sm);font-weight:500;font-size:.875rem;cursor:pointer;transition:background-color var(--animation-duration-fast) ease;white-space:nowrap}._cancelButton_uhdob_93:hover{background-color:color-mix(in srgb,var(--muted) 80%,white)}._cancelButton_uhdob_93:focus-visible{outline:none;box-shadow:var(--shadow-focus)}._cancelButton_uhdob_93:active{background-color:color-mix(in srgb,var(--muted) 75%,white)}._closeButton_uhdob_119{position:absolute;top:var(--spacing-2);right:var(--spacing-2);display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:var(--radius-sm);background-color:transparent;color:var(--muted-foreground);border:none;cursor:pointer;opacity:.7;transition:opacity var(--animation-duration-fast) ease,background-color var(--animation-duration-fast) ease}._closeButton_uhdob_119:hover{opacity:1;background-color:var(--muted)}._closeButton_uhdob_119:focus-visible{outline:none;box-shadow:var(--shadow-focus);opacity:1}.dark ._toast_uhdob_2{border-color:var(--border)}.dark ._actionButton_uhdob_66:hover{background-color:color-mix(in srgb,var(--primary) 90%,white)}.dark ._actionButton_uhdob_66:active{background-color:color-mix(in srgb,var(--primary) 80%,white)}.dark ._cancelButton_uhdob_93:hover{background-color:color-mix(in srgb,var(--muted) 80%,black)}.dark ._cancelButton_uhdob_93:active{background-color:color-mix(in srgb,var(--muted) 70%,black)}@keyframes _slideIn_uhdob_1{0%{transform:translate(calc(100% + var(--viewport-padding)));opacity:0}to{transform:translate(0);opacity:1}}}@layer base{._button_1jq7i_2{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);font-family:var(--font-family-base);font-weight:500;border-radius:var(--radius);white-space:nowrap;text-decoration:none;cursor:pointer;transition:background-color var(--animation-duration-fast) ease,border-color var(--animation-duration-fast) ease,color var(--animation-duration-fast) ease,box-shadow var(--animation-duration-fast) ease;outline:none;border:1px solid transparent;position:relative}._button_1jq7i_2:focus-visible{box-shadow:0 0 0 2px var(--background),0 0 0 4px var(--primary);outline:none}._sm_1jq7i_32{height:1.5rem;padding:0 var(--spacing-2);font-size:.875rem}._md_1jq7i_38{height:2.5rem;padding:0 var(--spacing-3);font-size:.9375rem}._lg_1jq7i_44{height:3rem;padding:0 var(--spacing-4);font-size:1rem;border-radius:var(--radius-md)}._icon_1jq7i_52,._icon-md_1jq7i_53{width:2rem;height:2rem;padding:0}._icon-sm_1jq7i_59{width:1.5rem;height:1.5rem;padding:0}._icon-lg_1jq7i_65{width:2.5rem;height:2.5rem;padding:0;border-radius:var(--radius-md)}._button_1jq7i_2 svg{flex-shrink:0}._sm_1jq7i_32 svg,._icon-sm_1jq7i_59 svg{width:1rem;height:1rem}._md_1jq7i_38 svg,._icon_1jq7i_52 svg,._icon-md_1jq7i_53 svg{width:1.25rem;height:1.25rem}._lg_1jq7i_44 svg,._icon-lg_1jq7i_65 svg{width:1.5rem;height:1.5rem}._primary_1jq7i_97{background-color:var(--primary);color:var(--primary-foreground);border-color:var(--primary);--spinner-color: var(--primary-foreground)}._primary_1jq7i_97:hover{background-color:color-mix(in srgb,var(--primary),black 10%);border-color:color-mix(in srgb,var(--primary),black 10%)}._primary_1jq7i_97:active{background-color:color-mix(in srgb,var(--primary),black 15%);border-color:color-mix(in srgb,var(--primary),black 15%)}._secondary_1jq7i_115{background-color:color-mix(in srgb,var(--secondary),white 92%);color:var(--secondary);border-color:transparent;--spinner-color: var(--secondary)}._secondary_1jq7i_115:hover{background-color:color-mix(in srgb,var(--secondary),white 85%)}._secondary_1jq7i_115:active{background-color:color-mix(in srgb,var(--secondary),white 80%)}._destructive_1jq7i_131{background-color:var(--error);color:var(--error-foreground);border-color:var(--error);--spinner-color: var(--error-foreground)}._destructive_1jq7i_131:hover{background-color:color-mix(in srgb,var(--error),black 10%);border-color:color-mix(in srgb,var(--error),black 10%)}._destructive_1jq7i_131:active{background-color:color-mix(in srgb,var(--error),black 15%);border-color:color-mix(in srgb,var(--error),black 15%)}._destructive_1jq7i_131:focus-visible{box-shadow:0 0 0 2px var(--background),0 0 0 4px var(--error)}._outline_1jq7i_155{background-color:transparent;border-color:var(--primary);color:var(--primary);--spinner-color: var(--primary)}._outline_1jq7i_155:hover{background-color:color-mix(in srgb,var(--primary),white 95%);border-color:color-mix(in srgb,var(--primary),black 10%);color:color-mix(in srgb,var(--primary),black 10%)}._outline_1jq7i_155:active{background-color:color-mix(in srgb,var(--primary),white 90%);border-color:color-mix(in srgb,var(--primary),black 15%);color:color-mix(in srgb,var(--primary),black 15%)}._ghost_1jq7i_175{background-color:transparent;border-color:transparent;--spinner-color: var(--primary)}._ghost_1jq7i_175:hover{background-color:color-mix(in srgb,var(--primary),white 95%);color:color-mix(in srgb,var(--primary),black 10%)}._ghost_1jq7i_175:active{background-color:color-mix(in srgb,var(--primary),white 90%);color:color-mix(in srgb,var(--primary),black 15%)}._link_1jq7i_192{background-color:transparent;color:var(--primary);height:auto;padding:0;text-decoration:none;border:none;border-radius:0;min-height:2.75rem;display:inline-flex;align-items:center;--spinner-color: var(--primary)}._link_1jq7i_192:hover{text-decoration:underline;color:color-mix(in srgb,var(--primary),black 10%);background-color:transparent}._link_1jq7i_192:active{color:color-mix(in srgb,var(--primary),black 15%);background-color:transparent}._link_1jq7i_192:focus-visible{box-shadow:0 0 0 2px var(--primary);outline:none;border-radius:.25rem}._disabled_1jq7i_224{opacity:.5;cursor:not-allowed;pointer-events:none}._dark_1jq7i_231 ._primary_1jq7i_97:focus-visible,._dark_1jq7i_231 ._outline_1jq7i_155:focus-visible,._dark_1jq7i_231 ._ghost_1jq7i_175:focus-visible{box-shadow:0 0 0 2px var(--background),0 0 0 4px var(--primary)}._dark_1jq7i_231 ._destructive_1jq7i_131:focus-visible{box-shadow:0 0 0 2px var(--background),0 0 0 4px var(--error)}._dark_1jq7i_231 ._link_1jq7i_192:focus-visible{box-shadow:0 0 0 2px var(--primary)}}@layer base{._textarea_1eqdo_2{font-family:var(--font-family-base);font-size:1rem;line-height:1.5;color:var(--foreground);background-color:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--spacing-2);width:100%;min-height:6rem;resize:vertical;transition:border-color var(--animation-duration-normal) ease,background-color var(--animation-duration-normal) ease;outline:none}._textarea_1eqdo_2::placeholder{color:var(--muted-foreground)}._textarea_1eqdo_2:hover{border-color:color-mix(in srgb,var(--primary) 80%,transparent);background-color:color-mix(in srgb,var(--card) 98%,var(--primary) 2%)}._textarea_1eqdo_2:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 15%,transparent);background-color:var(--card)}._textarea_1eqdo_2:disabled{background-color:var(--muted);color:var(--muted-foreground);cursor:not-allowed;opacity:.75;box-shadow:none}._noResize_1eqdo_44{resize:none}._clear_1eqdo_48{background-color:transparent;border:none;padding:0;box-shadow:none;border-radius:0}._clear_1eqdo_48:hover,._clear_1eqdo_48:focus{background-color:transparent;border:none;box-shadow:none}.dark ._textarea_1eqdo_2{background-color:color-mix(in srgb,var(--background) 80%,black)}.dark ._textarea_1eqdo_2:hover{background-color:color-mix(in srgb,var(--background) 75%,black);border-color:color-mix(in srgb,var(--primary) 90%,white)}.dark ._textarea_1eqdo_2:focus{background-color:color-mix(in srgb,var(--background) 80%,black);box-shadow:inset 0 1px 2px color-mix(in srgb,black 5%,transparent),0 0 0 3px color-mix(in srgb,var(--primary) 25%,transparent)}}@layer base{._slider_x0qhw_2{position:relative;display:flex;align-items:center;min-width:12rem;height:1.5rem;touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer}._track_x0qhw_13{position:absolute;height:.375rem;width:100%;background-color:var(--muted);border-radius:var(--radius-full);transition:background-color var(--animation-duration-fast) ease}._range_x0qhw_22{position:absolute;height:100%;background-color:var(--primary);border-radius:var(--radius-full);transition:background-color var(--animation-duration-fast) ease}._thumb_x0qhw_30{display:block;width:1rem;height:1rem;background-color:var(--primary);border-radius:var(--radius-full);border:2px solid var(--background);box-shadow:var(--shadow);transition:transform var(--animation-duration-fast) ease,box-shadow var(--animation-duration-fast) ease}._slider_x0qhw_2:hover ._track_x0qhw_13{background-color:var(--muted-foreground)}._slider_x0qhw_2:hover ._thumb_x0qhw_30,._slider_x0qhw_2:focus-visible ._thumb_x0qhw_30{transform:scale(1.1);box-shadow:var(--shadow-md)}._slider_x0qhw_2:focus-visible{outline:none}._slider_x0qhw_2:focus-visible ._track_x0qhw_13{outline:2px solid var(--primary);outline-offset:2px}}@layer base{._badge_1m09g_2{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);padding:var(--spacing-1) var(--spacing-3);font-size:.875rem;font-weight:500;line-height:1.25;white-space:nowrap;transition:background-color var(--animation-duration-fast) ease-in-out;cursor:default;-webkit-user-select:none;user-select:none}._default_1m09g_17{background-color:color-mix(in srgb,var(--primary) 15%,transparent);color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 20%,transparent)}._default_1m09g_17:hover{background-color:color-mix(in srgb,var(--primary) 25%,transparent)}._destructive_1m09g_27{background-color:color-mix(in srgb,var(--error) 15%,transparent);color:var(--error);border:1px solid color-mix(in srgb,var(--error) 20%,transparent)}._destructive_1m09g_27:hover{background-color:color-mix(in srgb,var(--error) 25%,transparent)}._secondary_1m09g_37{background-color:color-mix(in srgb,var(--secondary) 15%,transparent);color:var(--secondary);border:1px solid color-mix(in srgb,var(--secondary) 20%,transparent)}._secondary_1m09g_37:hover{background-color:color-mix(in srgb,var(--secondary) 25%,transparent)}._outline_1m09g_47{background-color:transparent;color:var(--foreground);border:1px solid var(--border)}._outline_1m09g_47:hover{background-color:color-mix(in srgb,var(--foreground) 5%,transparent)}._success_1m09g_57{background-color:color-mix(in srgb,var(--success) 15%,transparent);color:var(--success);border:1px solid color-mix(in srgb,var(--success) 20%,transparent)}._success_1m09g_57:hover{background-color:color-mix(in srgb,var(--success) 25%,transparent)}._warning_1m09g_67{background-color:color-mix(in srgb,var(--warning) 15%,transparent);color:var(--warning-foreground);border:1px solid color-mix(in srgb,var(--warning) 20%,transparent)}._warning_1m09g_67:hover{background-color:color-mix(in srgb,var(--warning) 25%,transparent)}}@layer base{._skeleton_3rn52_2{position:relative;overflow:hidden;background-color:var(--muted);border-radius:var(--radius);width:100%;height:1rem}._skeleton_3rn52_2:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background-image:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:_shimmer_3rn52_1 2s infinite}@keyframes _shimmer_3rn52_1{to{transform:translate(100%)}}.dark ._skeleton_3rn52_2{background-color:var(--muted)}.dark ._skeleton_3rn52_2:after{background-image:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent)}}@layer base{._spinner_10u53_2{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:currentColor}._spinnerInner_10u53_11{position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid transparent;border-top-color:var(--spinner-color, var(--primary));animation:_spin_10u53_2 var(--animation-duration-slow) linear infinite}._sm_10u53_21{width:1rem;height:1rem}._sm_10u53_21 ._spinnerInner_10u53_11{border-width:2px}._md_10u53_30{width:1.5rem;height:1.5rem}._md_10u53_30 ._spinnerInner_10u53_11{border-width:2.5px}._lg_10u53_39{width:2.5rem;height:2.5rem}._lg_10u53_39 ._spinnerInner_10u53_11{border-width:3px}@keyframes _spin_10u53_2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}._container_1zl5f_1{display:flex;flex-direction:column;gap:var(--spacing-2)}._label_1zl5f_7{font-size:.75rem;font-weight:600;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.02em}._grid_1zl5f_15{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-2)}._card_1zl5f_21{display:flex;flex-direction:column;background-color:var(--background);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;transition:all .2s ease-in-out;text-align:left;padding:0;position:relative}._card_1zl5f_21:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}._card_1zl5f_21:active{transform:scale(.98)}._imageWrapper_1zl5f_44{width:100%;height:80px;background-color:var(--checkerboard-light);background-image:linear-gradient(45deg,var(--checkerboard-dark) 25%,transparent 25%),linear-gradient(-45deg,var(--checkerboard-dark) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--checkerboard-dark) 75%),linear-gradient(-45deg,transparent 75%,var(--checkerboard-dark) 75%);background-size:12px 12px;overflow:hidden;position:relative}._image_1zl5f_44{width:100%;height:100%;object-fit:cover;object-position:left top;image-rendering:pixelated;transition:transform .3s ease}._card_1zl5f_21:hover ._image_1zl5f_44{transform:scale(1.05)}._overlay_1zl5f_71{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0000001a;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}._card_1zl5f_21:hover ._overlay_1zl5f_71{opacity:1}._loadText_1zl5f_86{color:#fff;font-size:.65rem;font-weight:700;background-color:var(--primary);padding:4px 8px;border-radius:var(--radius-full);display:flex;align-items:center;gap:4px;box-shadow:var(--shadow)}._prompt_1zl5f_99{padding:var(--spacing-2);font-family:var(--font-family-monospace);font-size:.7rem;color:var(--muted-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-top:1px solid var(--border);background-color:var(--surface);width:100%}._card_1zl5f_21:hover ._prompt_1zl5f_99{color:var(--foreground);background-color:var(--accent)}._workbench_hfun9_1{display:flex;flex-direction:column;height:100vh;background-color:var(--background);color:var(--foreground);overflow:hidden}._toolbar_hfun9_11{height:60px;background-color:var(--toolbar-bg);border-bottom:1px solid var(--panel-border);display:flex;align-items:center;padding:0 var(--spacing-4);gap:var(--spacing-4);flex-shrink:0;z-index:var(--z-nav)}._logoSection_hfun9_23{display:flex;align-items:center;gap:var(--spacing-3)}._appIcon_hfun9_29{color:var(--primary)}._appTitle_hfun9_33{font-family:var(--font-family-heading);font-size:1rem;font-weight:600;margin:0;color:var(--foreground)}._separator_hfun9_41{width:1px;height:20px;background-color:var(--border)}._versionBadge_hfun9_47{font-size:.7rem;height:1.25rem;padding:0 var(--spacing-2)}._workspace_hfun9_54{flex:1;display:flex;overflow:hidden}._leftPanel_hfun9_61{width:35%;min-width:320px;max-width:500px;background-color:var(--surface);border-right:1px solid var(--panel-border);display:flex;flex-direction:column;z-index:var(--z-content)}._panelHeader_hfun9_72{height:40px;background-color:var(--panel-header);border-bottom:1px solid var(--panel-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-3);flex-shrink:0}._panelTitle_hfun9_83{display:flex;align-items:center;gap:var(--spacing-2);font-size:.75rem;font-weight:600;color:var(--muted-foreground);letter-spacing:.05em;text-transform:uppercase}._mobileNavBtn_hfun9_94{display:none;color:var(--muted-foreground);gap:var(--spacing-1);font-size:.75rem;padding:0 var(--spacing-2);height:28px}._backBtn_hfun9_103{padding:0;margin-right:var(--spacing-1);color:var(--foreground)}._desktopIcon_hfun9_109{display:block}._panelContent_hfun9_113{padding:var(--spacing-4);overflow-y:auto;flex:1}._form_hfun9_120{display:flex;flex-direction:column;gap:var(--spacing-5)}._formGroup_hfun9_126{display:flex;flex-direction:column;gap:var(--spacing-2)}._label_hfun9_132{font-size:.75rem;font-weight:600;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.02em}._textarea_hfun9_140{font-family:var(--font-family-monospace);font-size:.85rem;min-height:200px;background-color:var(--background);border-color:var(--border);border-radius:var(--radius-sm)}._textarea_hfun9_140:focus{border-color:var(--primary);background-color:var(--surface)}._errorText_hfun9_154{color:var(--error);font-size:.75rem;margin-top:var(--spacing-1)}._generateBtn_hfun9_160{width:100%;border-radius:var(--radius-sm)}._errorMessage_hfun9_165{padding:var(--spacing-3);background-color:color-mix(in srgb,var(--error) 10%,transparent);border:1px solid color-mix(in srgb,var(--error) 20%,transparent);color:var(--error);border-radius:var(--radius-sm);font-size:.85rem}._rightPanel_hfun9_175{flex:1;background-color:var(--background);display:flex;flex-direction:column;position:relative;overflow:hidden}._headerControls_hfun9_184{display:flex;align-items:center;gap:var(--spacing-2)}._frameCounter_hfun9_190{font-family:var(--font-family-monospace);font-size:.75rem;background-color:var(--background);padding:2px 6px;border-radius:var(--radius-sm);border:1px solid var(--border)}._previewArea_hfun9_199{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}._emptyState_hfun9_208{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted-foreground);gap:var(--spacing-4);background-color:var(--checkerboard-light);background-image:linear-gradient(45deg,var(--checkerboard-dark) 25%,transparent 25%),linear-gradient(-45deg,var(--checkerboard-dark) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--checkerboard-dark) 75%),linear-gradient(-45deg,transparent 75%,var(--checkerboard-dark) 75%);background-size:20px 20px;opacity:.5}._placeholderIcon_hfun9_226{opacity:.2}._emptyHint_hfun9_230{font-size:.85rem;opacity:.7}._loadingState_hfun9_236{flex:1;position:relative;background-color:var(--background)}._previewSkeleton_hfun9_242{width:100%;height:100%}._loadingOverlay_hfun9_247{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-3);background-color:#0000004d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff;font-weight:500}._activePreview_hfun9_265{flex:1;display:flex;flex-direction:column;height:100%}._canvasContainer_hfun9_272{flex:1;display:flex;align-items:center;justify-content:center;background-color:var(--checkerboard-light);background-image:linear-gradient(45deg,var(--checkerboard-dark) 25%,transparent 25%),linear-gradient(-45deg,var(--checkerboard-dark) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--checkerboard-dark) 75%),linear-gradient(-45deg,transparent 75%,var(--checkerboard-dark) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;padding:var(--spacing-8);overflow:hidden}._canvas_hfun9_272{image-rendering:pixelated;max-width:90%;max-height:90%;box-shadow:var(--shadow-lg);width:auto;height:auto;min-width:128px;object-fit:contain}._animationControls_hfun9_301{height:60px;background-color:var(--panel-header);border-top:1px solid var(--panel-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-4);flex-shrink:0}._controlGroup_hfun9_312{display:flex;align-items:center;gap:var(--spacing-4);flex:1}._playBtn_hfun9_319{color:var(--foreground)}._sliderContainer_hfun9_323{display:flex;align-items:center;gap:var(--spacing-3);width:200px}._sliderLabel_hfun9_330{font-family:var(--font-family-monospace);font-size:.75rem;white-space:nowrap;min-width:50px}._actionsGroup_hfun9_337{display:flex;align-items:center;gap:var(--spacing-2)}._sheetStrip_hfun9_344{height:33.333%;min-height:150px;background-color:var(--surface);border-top:1px solid var(--panel-border);padding:var(--spacing-2);display:flex;flex-direction:column;gap:var(--spacing-1);flex-shrink:0}._stripLabel_hfun9_356{font-size:.65rem;font-weight:600;color:var(--muted-foreground);text-transform:uppercase;margin-bottom:2px}._stripImageContainer_hfun9_364{flex:1;overflow-x:auto;overflow-y:hidden;background-color:var(--checkerboard-dark);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--spacing-1);display:flex;align-items:center}._stripImage_hfun9_364{height:100%;width:auto;image-rendering:pixelated;display:block}@media(max-width:768px){._workspace_hfun9_54{position:relative}._leftPanel_hfun9_61,._rightPanel_hfun9_175{width:100%;min-width:0;max-width:none;flex:1;border-right:none}._mobileHidden_hfun9_398{display:none!important}._mobileNavBtn_hfun9_94{display:flex;align-items:center}._desktopIcon_hfun9_109{display:none}._panelHeader_hfun9_72{padding:0 var(--spacing-2)}._canvasContainer_hfun9_272{padding:var(--spacing-4)}._canvas_hfun9_272{max-width:100%;max-height:100%}._animationControls_hfun9_301{height:auto;min-height:auto;padding:var(--spacing-4);flex-direction:column;align-items:stretch;gap:var(--spacing-3)}._controlGroup_hfun9_312{gap:var(--spacing-2);width:100%}._sliderContainer_hfun9_323{width:100%}._actionsGroup_hfun9_337{width:100%;justify-content:center}}:root{--z-content-low: 10;--z-content: 20;--z-content-high: 30;--z-nav-low: 100;--z-nav: 200;--z-nav-sticky: 300;--z-overlay: 400;--z-spotlight: 1000;--z-critical: 2000;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-7: 1.75rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem}:root{--background: hsl(210 10% 96%);--foreground: hsl(215 15% 15%);--surface: hsl(0 0% 100%);--surface-foreground: hsl(215 15% 15%);--sidebar: hsl(210 10% 93%);--sidebar-foreground: hsl(215 15% 20%);--card: hsl(0 0% 100%);--card-foreground: hsl(215 15% 15%);--popup: hsl(0 0% 100%);--popup-foreground: hsl(215 15% 15%);--panel-header: hsl(210 10% 90%);--panel-border: hsl(210 10% 85%);--toolbar-bg: hsl(210 10% 98%);--primary: hsl(215 85% 45%);--primary-foreground: hsl(0 0% 100%);--secondary: hsl(185 40% 45%);--secondary-foreground: hsl(0 0% 100%);--accent: hsl(210 10% 90%);--accent-foreground: hsl(215 15% 10%);--muted: hsl(210 10% 90%);--muted-foreground: hsl(215 10% 45%);--success: hsl(150 60% 35%);--success-foreground: hsl(0 0% 100%);--error: hsl(0 70% 50%);--error-foreground: hsl(0 0% 100%);--warning: hsl(35 90% 45%);--warning-foreground: hsl(0 0% 100%);--info: hsl(210 80% 50%);--info-foreground: hsl(0 0% 100%);--info-hover: hsl(210 80% 45%);--info-active: hsl(210 80% 40%);--border: hsl(210 10% 82%);--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-family-heading: "Inter", sans-serif;--font-family-monospace: "JetBrains Mono", "Fira Code", monospace;--font-family-cursive: "Press Start 2P", cursive;--radius-sm: 3px;--radius: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-full: 9999px;--shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-focus: 0 0 0 2px hsl(215 85% 45% / .3);--animation-duration-fast: .1s;--animation-duration-normal: .2s;--animation-duration-slow: .4s;--chart-color-1: hsl(215 85% 45%);--chart-color-2: hsl(185 40% 45%);--chart-color-3: hsl(280 50% 50%);--chart-color-4: hsl(340 60% 55%);--chart-color-5: hsl(30 70% 50%);--checkerboard-light: hsl(0 0% 85%);--checkerboard-dark: hsl(0 0% 70%)}.dark{--background: hsl(220 12% 14%);--foreground: hsl(220 10% 90%);--surface: hsl(220 12% 18%);--surface-foreground: hsl(220 10% 90%);--sidebar: hsl(220 12% 12%);--sidebar-foreground: hsl(220 10% 80%);--card: hsl(220 12% 20%);--card-foreground: hsl(220 10% 95%);--popup: hsl(220 12% 22%);--popup-foreground: hsl(220 10% 95%);--panel-header: hsl(220 12% 16%);--panel-border: hsl(220 12% 25%);--toolbar-bg: hsl(220 12% 16%);--primary: hsl(212 100% 60%);--primary-foreground: hsl(0 0% 100%);--secondary: hsl(180 60% 45%);--secondary-foreground: hsl(0 0% 100%);--accent: hsl(220 12% 25%);--accent-foreground: hsl(220 10% 95%);--muted: hsl(220 12% 25%);--muted-foreground: hsl(220 10% 60%);--success: hsl(145 60% 45%);--success-foreground: hsl(225 20% 10%);--error: hsl(350 75% 60%);--error-foreground: hsl(0 0% 100%);--warning: hsl(35 90% 60%);--warning-foreground: hsl(225 20% 10%);--info: hsl(210 90% 60%);--info-foreground: hsl(225 20% 10%);--info-hover: hsl(210 90% 55%);--info-active: hsl(210 90% 50%);--border: hsl(220 12% 26%);--shadow: 0 1px 2px 0 rgb(0 0 0 / .4);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .5), 0 2px 4px -2px rgb(0 0 0 / .5);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .6), 0 4px 6px -4px rgb(0 0 0 / .6);--shadow-focus: 0 0 0 2px hsl(212 100% 60% / .4);--checkerboard-light: hsl(220 10% 30%);--checkerboard-dark: hsl(220 10% 22%)}@layer base{ul{list-style-type:none;margin:0;padding:0}body{background:var(--background);color:var(--foreground);font-family:var(--font-family-base)}*{box-sizing:border-box;padding:0;margin:0}button{border:none;background:none;cursor:pointer;font-family:inherit;font-size:inherit;color:inherit}a{color:inherit;text-decoration:none}th,td{display:table-cell!important}}