:root{--color-neutral-0: #FFFFFF;--color-neutral-50: #FAFAFA;--color-neutral-100: #F5F5F5;--color-neutral-200: #E5E5E5;--color-neutral-300: #D4D4D4;--color-neutral-400: #A3A3A3;--color-neutral-500: #737373;--color-neutral-600: #525252;--color-neutral-700: #404040;--color-neutral-800: #262626;--color-neutral-850: #1C1C1C;--color-neutral-900: #141414;--color-neutral-950: #0A0A0A;--color-neutral-1000: #000000;--color-red-50: #FFF0F0;--color-red-100: #FFDBDB;--color-red-200: #FFB3B3;--color-red-300: #FF8585;--color-red-400: #FF5C5C;--color-red-500: #FF3333;--color-red-600: #FF0000;--color-red-700: #CC0000;--color-red-800: #990000;--color-red-900: #660000;--color-green-500: #22C55E;--color-green-600: #16A34A;--color-amber-500: #F59E0B;--color-amber-600: #D97706;--color-blue-500: #3B82F6;--color-blue-600: #2563EB;--font-sans: "Albert Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-size-3xs: 10px;--font-size-2xs: 11px;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 32px;--font-size-5xl: 40px;--font-size-6xl: 48px;--line-height-tight: 1.2;--line-height-normal: 1.4;--tracking-heading-xl: -.065em;--tracking-heading-l: -.06em;--tracking-heading-m: -.055em;--tracking-heading-s: -.05em;--tracking-heading-xs: -.045em;--tracking-body-l: -.04em;--tracking-body-m: -.035em;--tracking-body-s: -.03em;--tracking-label-l: -.04em;--tracking-label-m: -.035em;--tracking-label-s: -.03em;--tracking-label-xs: -.02em;--tracking-caps: .04em;--tracking-caption-m: -.02em;--tracking-caption-s: -.01em;--space-0: 0px;--space-0_5: 1px;--space-1: 2px;--space-2: 4px;--space-3: 6px;--space-4: 8px;--space-5: 10px;--space-6: 12px;--space-8: 16px;--space-10: 20px;--space-12: 24px;--space-16: 32px;--space-20: 40px;--space-24: 48px;--size-control-xs: 24px;--size-control-sm: 28px;--size-control-md: 32px;--size-control-lg: 36px;--size-control-xl: 40px;--size-icon-xs: 12px;--size-icon-sm: 14px;--size-icon-md: 16px;--size-icon-lg: 20px;--size-icon-xl: 24px;--size-panel-sidebar: 280px;--size-panel-toolbar: 48px;--size-panel-statusbar: 32px;--radius-none: 0px;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 999px;--stroke-sm: 1px;--stroke-md: 1.5px;--stroke-lg: 2px}:root,[data-theme=dark]{--bg-canvas: var(--color-neutral-1000);--bg-surface: var(--color-neutral-950);--bg-surface-secondary:var(--color-neutral-900);--bg-surface-elevated: var(--color-neutral-850);--bg-input: var(--color-neutral-800);--bg-hover: var(--color-neutral-700);--bg-active: var(--color-neutral-600);--bg-selected: var(--color-neutral-700);--text-primary: var(--color-neutral-0);--text-secondary: var(--color-neutral-300);--text-tertiary: var(--color-neutral-400);--text-disabled: var(--color-neutral-600);--text-placeholder: var(--color-neutral-500);--text-inverse: var(--color-neutral-1000);--text-on-brand: var(--color-neutral-0);--text-brand: var(--color-red-500);--border-default: var(--color-neutral-800);--border-subtle: var(--color-neutral-850);--border-strong: var(--color-neutral-700);--border-focus: var(--color-red-500);--brand-primary: var(--color-red-500);--brand-hover: var(--color-red-400);--brand-active: var(--color-red-600);--brand-subtle: var(--color-red-900);--status-success: var(--color-green-500);--status-warning: var(--color-amber-500);--status-error: var(--color-red-400);--status-info: var(--color-blue-500)}[data-theme=light]{--bg-canvas: var(--color-neutral-0);--bg-surface: var(--color-neutral-0);--bg-surface-secondary:var(--color-neutral-50);--bg-surface-elevated: var(--color-neutral-0);--bg-input: var(--color-neutral-100);--bg-hover: var(--color-neutral-200);--bg-active: var(--color-neutral-300);--bg-selected: var(--color-neutral-100);--text-primary: var(--color-neutral-900);--text-secondary: var(--color-neutral-700);--text-tertiary: var(--color-neutral-600);--text-disabled: var(--color-neutral-400);--text-placeholder: var(--color-neutral-500);--text-inverse: var(--color-neutral-0);--text-on-brand: var(--color-neutral-0);--text-brand: var(--color-red-600);--border-default: var(--color-neutral-200);--border-subtle: var(--color-neutral-100);--border-strong: var(--color-neutral-300);--border-focus: var(--color-red-500);--brand-primary: var(--color-red-500);--brand-hover: var(--color-red-600);--brand-active: var(--color-red-700);--brand-subtle: var(--color-red-50);--status-success: var(--color-green-600);--status-warning: var(--color-amber-600);--status-error: var(--color-red-600);--status-info: var(--color-blue-600)}.heading-xl{font-family:var(--font-sans);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--tracking-heading-xl)}.heading-l{font-family:var(--font-sans);font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:var(--tracking-heading-l)}.heading-m{font-family:var(--font-sans);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:var(--tracking-heading-m)}.heading-s{font-family:var(--font-sans);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:var(--tracking-heading-s)}.heading-xs{font-family:var(--font-sans);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:var(--tracking-heading-xs)}.body-l{font-family:var(--font-sans);font-size:var(--font-size-md);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);letter-spacing:var(--tracking-body-l)}.body-m{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);letter-spacing:var(--tracking-body-m)}.body-s{font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);letter-spacing:var(--tracking-body-s)}.label-l{font-family:var(--font-sans);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);line-height:normal;letter-spacing:var(--tracking-label-l)}.label-m{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:normal;letter-spacing:var(--tracking-label-m)}.label-s{font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:normal;letter-spacing:var(--tracking-label-s)}.label-xs{font-family:var(--font-sans);font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);line-height:normal;letter-spacing:var(--tracking-label-xs)}.caps-m{font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:normal;letter-spacing:var(--tracking-caps);text-transform:uppercase}.caps-s{font-family:var(--font-sans);font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);line-height:normal;letter-spacing:var(--tracking-caps);text-transform:uppercase}.caps-xs{font-family:var(--font-sans);font-size:var(--font-size-3xs);font-weight:var(--font-weight-medium);line-height:normal;letter-spacing:var(--tracking-caps);text-transform:uppercase}.caption-m{font-family:var(--font-sans);font-size:var(--font-size-2xs);font-weight:var(--font-weight-regular);line-height:normal;letter-spacing:var(--tracking-caption-m)}.caption-s{font-family:var(--font-sans);font-size:var(--font-size-3xs);font-weight:var(--font-weight-regular);line-height:normal;letter-spacing:var(--tracking-caption-s)}.numeric-m{font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:normal}.numeric-s,.code-m{font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:normal}.code-s{font-family:var(--font-mono);font-size:var(--font-size-2xs);font-weight:var(--font-weight-regular);line-height:normal}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;border-radius:0}html,body{width:100%;height:100%;background:var(--bg-canvas);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#root{width:100%;height:100%}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit}input{font-family:inherit;font-size:inherit;color:inherit}input[type=number],input[type=text].mono{font-family:var(--font-mono)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-surface-secondary)}::-webkit-scrollbar-thumb{background:var(--border-strong)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:3px;background:var(--bg-input);border-radius:var(--radius-none);outline:none;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:3px;background:var(--bg-input);border-radius:var(--radius-none)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:var(--radius-none);background:var(--text-primary);cursor:pointer;margin-top:-5.5px;transition:background .1s}input[type=range]:hover::-webkit-slider-thumb{background:var(--text-secondary)}input[type=range]:active::-webkit-slider-thumb{background:var(--brand-primary)}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:var(--radius-none);background:var(--text-primary);border:none;cursor:pointer}input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;height:28px;border:none;border-radius:var(--radius-none);padding:0;cursor:pointer;background:none}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:var(--radius-none)}._toolbar_kpaxv_1{height:var(--size-panel-toolbar);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-8);background:var(--bg-canvas);border-bottom:var(--stroke-sm) solid var(--border-default);flex-shrink:0}._left_kpaxv_12,._right_kpaxv_13{display:flex;align-items:center;gap:var(--space-3)}._logo_kpaxv_19{height:20px;width:auto;display:block;flex-shrink:0}._divider_kpaxv_26{width:var(--stroke-sm);height:16px;background:var(--border-default);flex-shrink:0;margin:0 var(--space-1)}._tools_kpaxv_34{display:flex;align-items:center;gap:var(--space-1)}._toolBtn_kpaxv_40{height:var(--size-control-sm);padding:0 var(--space-4);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-tertiary);transition:background .1s,color .1s;white-space:nowrap}._toolBtn_kpaxv_40:hover{background:var(--bg-hover);color:var(--text-secondary)}._toolBtn_kpaxv_40._active_kpaxv_55{background:var(--bg-input);color:var(--text-primary)}._toolIconBtn_kpaxv_60{width:var(--size-control-sm);height:var(--size-control-sm);display:flex;align-items:center;justify-content:center;opacity:.45;transition:background .1s,opacity .1s}._toolIconBtn_kpaxv_60:hover{background:var(--bg-hover);opacity:.7}._toolIconBtn_kpaxv_60._active_kpaxv_55{background:var(--bg-input);opacity:1}._toolIconBtn_kpaxv_60._active_kpaxv_55 img{filter:brightness(0) invert(1)}._chip_kpaxv_84{font-size:var(--font-size-2xs);font-family:var(--font-mono);color:var(--text-tertiary);background:var(--bg-input);padding:0 var(--space-4);height:var(--size-control-xs);display:flex;align-items:center}._actionBtn_kpaxv_95{height:var(--size-control-xs);padding:0 var(--space-4);font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);letter-spacing:.04em;color:var(--text-secondary);background:var(--bg-input);transition:background .1s,color .1s}._actionBtn_kpaxv_95:hover{background:var(--bg-hover);color:var(--text-primary)}._ctaBtn_kpaxv_111{height:var(--size-control-xs);padding:0 var(--space-5);font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);letter-spacing:.04em;color:var(--bg-surface);background:var(--text-primary);transition:opacity .1s}._ctaBtn_kpaxv_111:hover{opacity:.85}._bar_5jqgi_1{display:flex;align-items:stretch;padding:0 var(--space-6);flex-shrink:0;overflow-x:auto;border-top:var(--stroke-sm) solid var(--border-default);background:var(--bg-canvas);height:40px}._bar_5jqgi_1::-webkit-scrollbar{display:none}._tab_5jqgi_14{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-4);background:transparent;color:var(--text-tertiary);font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);cursor:pointer;white-space:nowrap;transition:color .12s,background .12s;position:relative;flex-shrink:0}._tab_5jqgi_14+._tab_5jqgi_14:before{content:"";position:absolute;left:0;top:25%;height:50%;width:var(--stroke-sm);background:var(--border-subtle)}._tab_5jqgi_14._active_5jqgi_42+._tab_5jqgi_14:before,._tab_5jqgi_14._active_5jqgi_42:before{display:none}._tab_5jqgi_14:hover{color:var(--text-secondary);background:var(--bg-hover)}._tab_5jqgi_14._active_5jqgi_42{background:var(--bg-input);color:var(--text-primary)}._nameInput_5jqgi_57{background:transparent;border:none;outline:none;color:var(--text-primary);font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);font-family:var(--font-sans);width:72px;padding:0}._closeBtn_5jqgi_69{display:flex;align-items:center;justify-content:center;width:14px;height:14px;opacity:0;transition:opacity .1s,background .1s;color:var(--text-tertiary);font-size:12px;line-height:1;flex-shrink:0}._tab_5jqgi_14:hover ._closeBtn_5jqgi_69,._tab_5jqgi_14._active_5jqgi_42 ._closeBtn_5jqgi_69{opacity:1}._closeBtn_5jqgi_69:hover{color:var(--text-primary)}._addBtn_5jqgi_92{display:flex;align-items:center;justify-content:center;width:32px;height:100%;color:var(--text-tertiary);font-size:16px;flex-shrink:0;transition:color .12s,background .12s;margin-left:var(--space-2);position:relative}._addBtn_5jqgi_92:hover{color:var(--text-primary)}._column_fx1b3_1{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}._scroll_fx1b3_9{flex:1;overflow:hidden;background:var(--bg-canvas);position:relative}._row_fx1b3_16{position:absolute;top:0;left:0;display:grid;align-items:start;will-change:transform}._iconItem_fx1b3_27{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}._debugMode_fx1b3_34 ._iconItem_fx1b3_27{outline:1px solid rgba(255,100,0,.5)}._iconLabel_fx1b3_38{height:18px;display:flex;align-items:center;width:100%;gap:var(--space-2)}._iconLabel_fx1b3_38 span{font-size:var(--font-size-2xs);font-weight:var(--font-weight-regular, 400);color:var(--text-tertiary);cursor:default;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:color .12s,font-weight .12s}._iconActive_fx1b3_57 ._iconLabel_fx1b3_38 span{color:var(--text-primary);font-weight:var(--font-weight-semibold, 600)}._iconDragOver_fx1b3_63{outline:2px solid var(--color-accent, #5b6aff);outline-offset:6px}._nameInput_fx1b3_68{background:transparent;border:none;border-bottom:1px solid var(--border-default);outline:none;color:var(--text-primary);font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);font-family:var(--font-sans);width:80px;padding:0}._debugToggle_fx1b3_85{position:absolute;top:var(--space-4);right:var(--space-4);z-index:10;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);border:var(--stroke-sm) solid var(--border-default);color:var(--text-disabled);cursor:pointer;transition:color .1s,border-color .1s,background .1s}._debugToggle_fx1b3_85:hover{color:var(--text-secondary);border-color:var(--border-strong)}._debugToggleOn_fx1b3_107{color:var(--brand-primary);border-color:var(--brand-primary);background:var(--brand-subtle)}._canvas_fx1b3_115{display:block;flex-shrink:0;transition:filter .15s}._addIconWrapper_fx1b3_129{display:flex;flex-direction:column;align-self:start;margin-left:calc(10px - var(--icon-gap, 0px))}._debugMode_fx1b3_34 ._addIconWrapper_fx1b3_129{outline:1px solid rgba(0,200,255,.6)}._addIconSpacer_fx1b3_141{height:calc(18px + var(--space-2));flex-shrink:0}._addIconInner_fx1b3_146{height:var(--canvas-h, 200px);display:flex;align-items:center;justify-content:center;padding:0 calc(var(--space-2) * min(var(--zoom, 1),1));overflow:hidden}._debugMode_fx1b3_34 ._addIconInner_fx1b3_146{outline:1px solid rgba(0,255,100,.6)}._addIconTrigger_fx1b3_160{padding:calc(var(--space-3) * min(var(--zoom, 1),1));display:flex;align-items:center;justify-content:center;overflow:hidden}._debugMode_fx1b3_34 ._addIconTrigger_fx1b3_160{outline:1px solid rgba(255,255,0,.6)}._addIconBtn_fx1b3_172{display:flex;align-items:center;justify-content:center;width:calc(44px*min(var(--zoom, 1),1));height:calc(44px*min(var(--zoom, 1),1));background:#f53b1b;color:transparent;font-size:var(--add-icon-font, 22px);font-weight:300;line-height:1;flex-shrink:0;transform:scale(var(--dot-scale, .18));transition:transform .22s cubic-bezier(.34,1.56,.64,1),color .12s}._addIconTrigger_fx1b3_160:hover ._addIconBtn_fx1b3_172{transform:scale(1);color:#fff}._dragHandle_fx1b3_193{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-tertiary);cursor:grab;opacity:.25;transition:opacity .1s}._iconItem_fx1b3_27:hover ._dragHandle_fx1b3_193{opacity:1}._dragHandle_fx1b3_193:active{cursor:grabbing}._deleteIconBtn_fx1b3_212{display:flex;align-items:center;justify-content:center;width:14px;height:14px;color:var(--text-tertiary);flex-shrink:0;margin-left:auto;transition:background .1s,color .1s}._deleteIconBtn_fx1b3_212:hover{background:var(--bg-hover);color:var(--text-primary)}._label_xrqtk_1{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);font-size:var(--font-size-3xs);font-weight:var(--font-weight-semibold);color:var(--text-placeholder);text-transform:uppercase;letter-spacing:.05em;pointer-events:none;line-height:1}._box_xrqtk_15{position:relative;height:29px;background:var(--bg-canvas);border:var(--stroke-sm) solid var(--border-default);overflow:hidden;cursor:ew-resize;-webkit-user-select:none;user-select:none;border-radius:0}._box_xrqtk_15:hover{border-color:var(--border-strong)}._box_xrqtk_15._active_xrqtk_30{border-color:var(--text-primary)}._fill_xrqtk_34{position:absolute;top:0;left:0;bottom:0;background:var(--bg-input);pointer-events:none;transition:width 0s}._box_xrqtk_15._active_xrqtk_30 ._fill_xrqtk_34{background:var(--bg-hover)}._caret_xrqtk_48{position:absolute;top:0;bottom:0;width:2px;background:var(--text-primary);transform:translate(-50%);pointer-events:none;opacity:.5}._box_xrqtk_15:hover ._caret_xrqtk_48,._box_xrqtk_15._active_xrqtk_30 ._caret_xrqtk_48{opacity:1}._box_xrqtk_15:hover ._label_xrqtk_1,._box_xrqtk_15._active_xrqtk_30 ._label_xrqtk_1{color:var(--text-secondary)}._value_xrqtk_69{position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%);font-size:var(--font-size-md);font-family:var(--font-sans);font-weight:var(--font-weight-medium);color:var(--text-primary);pointer-events:none;line-height:1;letter-spacing:-.07em}._container_y12p3_1{display:flex;gap:var(--space-0_5);background:var(--bg-input);padding:2px}._option_y12p3_8{flex:1;padding:0 var(--space-2);height:var(--size-control-xs);font-size:var(--font-size-3xs);font-weight:var(--font-weight-medium);color:var(--text-tertiary);border-radius:var(--radius-none);transition:background .1s,color .1s;text-align:center;white-space:nowrap;display:flex;align-items:center;justify-content:center}._option_y12p3_8:hover{color:var(--text-secondary);background:var(--bg-hover)}._option_y12p3_8._active_y12p3_29{background:var(--bg-active);color:var(--text-primary)}._wrapper_6e01b_1{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none}._label_6e01b_9{color:var(--text-secondary);text-transform:uppercase;font-size:var(--font-size-3xs);font-weight:var(--font-weight-medium);letter-spacing:.08em}._track_6e01b_17{width:32px;height:16px;background:transparent;border:var(--stroke-sm) solid var(--border-strong);position:relative;transition:background .15s,border-color .15s;cursor:pointer;flex-shrink:0;box-sizing:border-box}._track_6e01b_17._on_6e01b_29{background:var(--bg-input);border-color:var(--border-default)}._thumb_6e01b_34{position:absolute;top:2px;left:2px;width:10px;height:10px;background:var(--text-disabled);transition:transform .15s,background .15s}._on_6e01b_29 ._thumb_6e01b_34{transform:translate(16px);background:var(--text-primary)}._section_15jhd_1{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-8);border-bottom:var(--stroke-sm) solid var(--border-default)}._title_15jhd_9{font-size:var(--font-size-3xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary)}._label_15jhd_17{font-size:var(--font-size-3xs);font-weight:var(--font-weight-medium);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;flex-shrink:0}._row_15jhd_26{display:flex;flex-direction:column;gap:var(--space-4)}._colorInputRow_15jhd_32{display:flex;align-items:center;gap:var(--space-4)}._hexLabel_15jhd_38{font-size:var(--font-size-2xs);font-family:var(--font-mono);color:var(--text-secondary)}._numberInput_15jhd_44{background:var(--bg-input);border:var(--stroke-sm) solid var(--border-default);padding:var(--space-2) var(--space-4);color:var(--text-primary);width:80px;outline:none;font-size:var(--font-size-2xs);font-family:var(--font-mono)}._numberInput_15jhd_44:focus{border-color:var(--border-focus)}._btnRow_15jhd_59{display:flex;gap:var(--space-3)}._gridSizeGroup_15jhd_64{display:flex;flex-direction:column;gap:var(--space-3)}._linkBtn_15jhd_70{display:flex;align-items:center;justify-content:center;align-self:flex-end;width:var(--size-control-xs);height:var(--size-control-xs);background:var(--bg-input);color:var(--text-disabled);border:var(--stroke-sm) solid var(--border-default);transition:background .1s,color .1s,border-color .1s;flex-shrink:0;cursor:pointer}._linkBtn_15jhd_70:hover{background:var(--bg-hover);color:var(--text-secondary)}._linkBtn_15jhd_70._linked_15jhd_90{background:var(--bg-input);color:var(--text-primary);border-color:var(--border-strong)}._previewBox_15jhd_96{display:flex;align-items:center;justify-content:center;background:var(--bg-input);padding:var(--space-8);min-height:80px}._swatchRow_15jhd_105{display:flex;gap:var(--space-3);flex-wrap:wrap}._swatch_15jhd_105{width:var(--size-icon-lg);height:var(--size-icon-lg);border-radius:var(--radius-none);cursor:pointer;transition:transform .1s,box-shadow .1s;border:var(--stroke-sm) solid var(--border-subtle);flex-shrink:0}._swatch_15jhd_105:hover{transform:scale(1.15)}._colorSlots_15jhd_125{display:flex;gap:var(--space-3)}._slot_15jhd_130{width:var(--size-control-md);height:var(--size-control-md);cursor:pointer;transition:transform .1s;border:var(--stroke-lg) solid transparent;flex-shrink:0}._slot_15jhd_130._activeSlot_15jhd_139{border-color:var(--text-primary)}._slot_15jhd_130:hover{transform:scale(1.08)}._pickerRow_15jhd_147{display:flex;align-items:center;gap:var(--space-4)}._hexInput_15jhd_153{background:var(--bg-input);border:var(--stroke-sm) solid var(--border-default);padding:var(--space-2) var(--space-4);color:var(--text-primary);flex:1;outline:none;font-size:var(--font-size-2xs);font-family:var(--font-mono)}._hexInput_15jhd_153:focus{border-color:var(--border-focus)}._paletteRow_15jhd_168{display:flex;flex-wrap:wrap;gap:var(--space-2)}._paletteSwatch_15jhd_174{position:relative;width:var(--size-icon-xl);height:var(--size-icon-xl);cursor:pointer;border:var(--stroke-md) solid transparent;overflow:hidden;flex-shrink:0}._paletteSwatch_15jhd_174:hover ._paletteSwatchDelete_15jhd_184{opacity:1}._paletteSwatchActive_15jhd_188{border-color:var(--text-primary)}._paletteSwatchColor_15jhd_192{display:block;width:100%;height:100%}._paletteSwatchDelete_15jhd_184{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0009;color:var(--text-primary);font-size:var(--font-size-md);line-height:1;opacity:0;transition:opacity .1s;border:none;cursor:pointer;padding:0}._presetGrid_15jhd_215{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}._presetBtn_15jhd_221{height:var(--size-control-sm);background:var(--bg-input);border:var(--stroke-sm) solid var(--border-default);color:var(--text-secondary);font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);font-family:var(--font-mono);cursor:pointer;transition:background .1s,color .1s,border-color .1s}._presetBtn_15jhd_221:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-strong)}._presetBtnActive_15jhd_239{background:var(--bg-input);color:var(--text-primary);border-color:var(--border-strong)}._colorStrip_15jhd_245{height:6px;width:100%}._historyInfo_15jhd_250{display:flex;justify-content:space-between;color:var(--text-disabled);font-size:var(--font-size-3xs)}._historyCount_15jhd_257{color:var(--text-tertiary)}._btnRow_10xep_1{display:flex;gap:var(--space-3)}._importBtn_10xep_6,._invertBtn_10xep_7{display:flex;align-items:center;justify-content:center;gap:var(--space-3);height:36px;background:var(--bg-input);border:var(--stroke-sm) solid var(--border-default);color:var(--text-secondary);font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);letter-spacing:.03em;cursor:pointer;transition:border-color .15s,color .15s,background .15s;white-space:nowrap}._importBtn_10xep_6{flex:1}._invertBtn_10xep_7{flex-shrink:0;padding:0 var(--space-4)}._importBtn_10xep_6:hover:not(:disabled),._invertBtn_10xep_7:hover{border-color:var(--border-strong);color:var(--text-primary);background:var(--bg-hover)}._importBtn_10xep_6:disabled{opacity:.4;cursor:not-allowed}._progressWrapper_10xep_45{display:flex;flex-direction:column;gap:var(--space-3)}._progressLabel_10xep_51{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-3xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em}._progressPct_10xep_61{font-family:var(--font-mono);color:var(--text-secondary)}._progressTrack_10xep_66{height:3px;background:var(--bg-input);overflow:hidden}._progressFill_10xep_72{height:100%;background:var(--text-primary);transition:width .05s linear}._btn_a4w04_1{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:0 var(--space-5);height:var(--size-control-sm);background:var(--bg-input);color:var(--text-secondary);font-size:var(--font-size-3xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.08em;transition:background .1s,color .1s;cursor:pointer;white-space:nowrap;flex:1}._btn_a4w04_1:hover{background:var(--bg-hover);color:var(--text-primary)}._btn_a4w04_1._accent_a4w04_25{background:var(--brand-primary);color:var(--text-on-brand)}._btn_a4w04_1._accent_a4w04_25:hover{background:var(--brand-active)}._btn_a4w04_1._danger_a4w04_34:hover{background:var(--brand-subtle);color:var(--brand-primary)}._btn_a4w04_1._small_a4w04_39{padding:0 var(--space-4);height:var(--size-control-xs);font-size:var(--font-size-3xs)}._wrapper_vckg4_1{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);background:var(--bg-input);padding:var(--space-8)}._canvas_vckg4_10{display:block}._label_vckg4_14{font-size:var(--font-size-3xs);font-family:var(--font-mono);color:var(--text-disabled);text-transform:uppercase;letter-spacing:.08em}._panel_jaqtd_1{width:var(--size-panel-sidebar);flex-shrink:0;background:var(--bg-canvas);border-left:var(--stroke-sm) solid var(--border-default);height:100%;overflow-y:auto;display:flex;flex-direction:column}._toast_f00zs_1{position:fixed;bottom:var(--space-12);left:50%;transform:translate(-50%) translateY(8px);background:var(--bg-surface-elevated);border:var(--stroke-sm) solid var(--border-strong);color:var(--text-primary);padding:var(--space-4) var(--space-8);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);pointer-events:none;opacity:0;transition:opacity .15s ease,transform .15s ease;z-index:9999;white-space:nowrap}._toast_f00zs_1._visible_f00zs_19{opacity:1;transform:translate(-50%) translateY(0)}._shell_u528n_1{display:grid;grid-template-rows:var(--size-panel-toolbar) 1fr;grid-template-columns:1fr;height:100vh;width:100vw;overflow:hidden;background:var(--bg-canvas)}._body_u528n_11{display:flex;overflow:hidden;min-height:0}._canvas_1ofp0_1{flex:1;position:relative;overflow:hidden;background:var(--bg-canvas)}._content_1ofp0_8{position:absolute;top:0;left:0;transform-origin:0 0;display:flex;align-items:center;justify-content:center}._zoomChip_1ofp0_18{position:absolute;bottom:var(--space-4);right:var(--space-4);font-family:var(--font-mono);font-size:var(--font-size-2xs);color:var(--text-tertiary);background:var(--bg-surface);border:var(--stroke-sm) solid var(--border-default);padding:var(--space-1) var(--space-3);pointer-events:none;-webkit-user-select:none;user-select:none}._shell_2zvn4_3{display:flex;height:100vh;overflow:hidden;background:var(--bg-canvas);color:var(--text-primary);font-family:var(--font-sans)}._sidebar_2zvn4_14{width:220px;flex-shrink:0;border-right:var(--stroke-sm) solid var(--border-default);background:var(--bg-canvas);display:flex;flex-direction:column;overflow:hidden}._sidebarHead_2zvn4_24{padding:var(--space-8);border-bottom:var(--stroke-sm) solid var(--border-default);display:flex;align-items:center;gap:var(--space-5);flex-shrink:0;height:48px}._logoImg_2zvn4_34{height:20px;width:auto;flex-shrink:0}._logoSub_2zvn4_40{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-label-s);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._nav_2zvn4_50{flex:1;overflow-y:auto;padding:var(--space-4) 0;display:flex;flex-direction:column;gap:var(--space-6)}._navGroup_2zvn4_59{display:flex;flex-direction:column}._navCategory_2zvn4_64{font-size:var(--font-size-3xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--text-disabled);padding:var(--space-2) var(--space-8);margin-bottom:var(--space-1)}._navItem_2zvn4_74{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-8);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-tertiary);background:none;border:none;cursor:pointer;text-align:left;transition:color .1s,background .1s;letter-spacing:var(--tracking-label-s);position:relative}._navItem_2zvn4_74:hover{color:var(--text-secondary);background:var(--bg-hover)}._navItemActive_2zvn4_96{color:var(--text-primary);background:var(--bg-hover)}._navItemActive_2zvn4_96:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:2px;background:var(--brand-primary)}._navDot_2zvn4_111{width:4px;height:4px;background:var(--border-strong);flex-shrink:0;transition:background .1s}._navItemActive_2zvn4_96 ._navDot_2zvn4_111{background:var(--brand-primary)}._sidebarFoot_2zvn4_123{padding:var(--space-6) var(--space-8);border-top:var(--stroke-sm) solid var(--border-default)}._footerText_2zvn4_128{font-family:var(--font-mono);font-size:var(--font-size-3xs);color:var(--text-disabled)}._main_2zvn4_136{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-canvas)}._componentHeader_2zvn4_145{flex-shrink:0;padding:var(--space-8) var(--space-10);border-bottom:var(--stroke-sm) solid var(--border-default);display:flex;flex-direction:column;gap:var(--space-3)}._componentMeta_2zvn4_154{display:flex;align-items:center;gap:var(--space-4)}._componentTitle_2zvn4_160{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-heading-m);line-height:var(--line-height-tight);color:var(--text-primary);margin:0}._componentDesc_2zvn4_169{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-normal);letter-spacing:var(--tracking-body-m);margin:0}._badge_2zvn4_177{font-size:var(--font-size-3xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--text-disabled);border:var(--stroke-sm) solid var(--border-default);padding:var(--space-1) var(--space-3);flex-shrink:0}._rightPanel_2zvn4_191{flex-shrink:0;border-left:var(--stroke-sm) solid var(--border-default);background:var(--bg-canvas);display:flex;flex-direction:column;overflow:hidden;position:relative}._resizeHandle_2zvn4_201{position:absolute;left:0;top:0;bottom:0;width:2px;cursor:col-resize;z-index:10;transition:background .15s}._resizeHandle_2zvn4_201:hover,._resizeHandle_2zvn4_201:active{background:var(--text-primary)}._panelTabs_2zvn4_217{display:flex;align-items:stretch;height:40px;flex-shrink:0;border-bottom:var(--stroke-sm) solid var(--border-default)}._panelTab_2zvn4_217{flex:1;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-label-s);color:var(--text-tertiary);background:transparent;border:none;cursor:pointer;transition:color .12s,background .12s;position:relative}._panelTab_2zvn4_217:hover{color:var(--text-secondary);background:var(--bg-hover)}._panelTabActive_2zvn4_246{color:var(--text-primary)}._panelTabActive_2zvn4_246:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--text-primary)}._panelTab_2zvn4_217+._panelTab_2zvn4_217{border-left:var(--stroke-sm) solid var(--border-default)}._panelBody_2zvn4_264{flex:1;overflow-y:auto;display:flex;flex-direction:column}._panelSection_2zvn4_273{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);border-bottom:var(--stroke-sm) solid var(--border-default)}._panelSectionTitle_2zvn4_281{font-size:var(--font-size-3xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--text-disabled)}._controlRow_2zvn4_291{display:flex;align-items:center;gap:var(--space-3);min-height:24px}._controlLabel_2zvn4_298{font-family:var(--font-mono);font-size:var(--font-size-2xs);color:var(--text-tertiary);flex-shrink:0;width:44px}._controlInput_2zvn4_306{flex:1;min-width:0;display:flex;align-items:center}._textInput_2zvn4_313{width:100%;background:var(--bg-input);border:var(--stroke-sm) solid var(--border-default);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-xs);padding:var(--space-2) var(--space-3);outline:none}._textInput_2zvn4_313:focus{border-color:var(--border-focus)}._numInput_2zvn4_328{width:64px;background:var(--bg-input);border:var(--stroke-sm) solid var(--border-default);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--font-size-xs);padding:var(--space-2) var(--space-3);outline:none}._numInput_2zvn4_328:focus{border-color:var(--border-focus)}._hint_2zvn4_343{font-size:var(--font-size-2xs);font-family:var(--font-mono);color:var(--text-disabled);font-style:italic}._chipGroup_2zvn4_350{display:flex;gap:var(--space-1);flex-wrap:wrap}._chip_2zvn4_350{font-size:var(--font-size-3xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.06em;padding:var(--space-1) var(--space-3);background:var(--bg-input);color:var(--text-tertiary);border:none;cursor:pointer;transition:background .1s,color .1s;white-space:nowrap}._chip_2zvn4_350:hover{background:var(--bg-hover);color:var(--text-secondary)}._chipActive_2zvn4_375{background:var(--bg-active);color:var(--text-primary)}._checkLabel_2zvn4_380{display:flex;align-items:center;gap:var(--space-3);cursor:pointer}._liveState_2zvn4_387{display:flex;align-items:center;gap:var(--space-3);padding-top:var(--space-3);border-top:var(--stroke-sm) solid var(--border-subtle)}._stateKey_2zvn4_395{font-family:var(--font-mono);font-size:var(--font-size-2xs);color:var(--text-disabled)}._stateTrue_2zvn4_396{font-family:var(--font-mono);font-size:var(--font-size-2xs);color:var(--status-success)}._stateFalse_2zvn4_397{font-family:var(--font-mono);font-size:var(--font-size-2xs);color:var(--text-tertiary)}._stateNeutral_2zvn4_398{font-family:var(--font-mono);font-size:var(--font-size-2xs);color:var(--text-secondary)}._propsStack_2zvn4_402{display:flex;flex-direction:column;gap:var(--space-5)}._propRow_2zvn4_408{display:flex;flex-direction:column;gap:var(--space-1);padding-bottom:var(--space-4);border-bottom:var(--stroke-sm) solid var(--border-subtle)}._propRow_2zvn4_408:last-child{border-bottom:none;padding-bottom:0}._propMeta_2zvn4_421{display:flex;align-items:center;gap:var(--space-3)}._propName_2zvn4_427{font-family:var(--font-mono);font-size:var(--font-size-2xs);color:var(--text-primary)}._req_2zvn4_428{font-family:var(--font-mono);font-size:var(--font-size-3xs);color:var(--brand-primary);text-transform:uppercase;letter-spacing:var(--tracking-caps)}._propType_2zvn4_429{font-family:var(--font-mono);font-size:var(--font-size-2xs);color:var(--text-tertiary)}._propDefault_2zvn4_430{font-family:var(--font-mono);font-size:var(--font-size-2xs);color:var(--text-disabled)}._propDesc_2zvn4_431{font-size:var(--font-size-2xs);color:var(--text-secondary);line-height:var(--line-height-normal);margin:0}._colorGrid_2zvn4_435{display:flex;flex-direction:column;gap:var(--space-8)}._colorPalette_2zvn4_441{display:flex;gap:var(--space-2);flex-wrap:wrap}._colorSwatch_2zvn4_447{width:48px;height:48px;cursor:pointer;transition:transform .1s;flex-shrink:0}._colorSwatch_2zvn4_447:hover{transform:scale(1.1);z-index:1}._tokenRow_2zvn4_460{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;padding:var(--space-1) 0;transition:opacity .1s}._tokenRow_2zvn4_460:hover{opacity:.75}._tokenSwatch_2zvn4_473{width:14px;height:14px;flex-shrink:0}._tokenName_2zvn4_479{font-family:var(--font-mono);font-size:var(--font-size-2xs);color:var(--text-tertiary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._tokenCopied_2zvn4_490{font-family:var(--font-mono);font-size:var(--font-size-3xs);color:var(--status-success);flex-shrink:0}._typeSpecimen_2zvn4_499{display:flex;flex-direction:column;gap:var(--space-12);padding:var(--space-12);width:600px}._typeGroup_2zvn4_507{display:flex;flex-direction:column;gap:var(--space-1)}._typeGroupLabel_2zvn4_513{font-size:var(--font-size-3xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--text-disabled);padding-bottom:var(--space-3);border-bottom:var(--stroke-sm) solid var(--border-subtle);margin-bottom:var(--space-2)}._typeSpecimenRow_2zvn4_524{display:flex;align-items:baseline;gap:var(--space-8);padding:var(--space-4) var(--space-4);cursor:pointer;transition:background .1s;border-left:2px solid transparent}._typeSpecimenRow_2zvn4_524:hover{background:var(--bg-hover)}._typeSpecimenRowActive_2zvn4_538{background:var(--bg-hover);border-left-color:var(--brand-primary)}._typeSpecimenMeta_2zvn4_543{display:flex;flex-direction:column;gap:var(--space-1);flex-shrink:0;width:96px}._typeSpecimenClass_2zvn4_551,._typeSpecimenSize_2zvn4_557{font-family:var(--font-mono);font-size:var(--font-size-3xs);color:var(--text-disabled)}._specRow_2zvn4_565{display:flex;flex-direction:column;gap:var(--space-1);padding-bottom:var(--space-4);border-bottom:var(--stroke-sm) solid var(--border-subtle)}._specRow_2zvn4_565:last-child{border-bottom:none;padding-bottom:0}._specKeyRow_2zvn4_578{display:flex;align-items:center;justify-content:space-between}._specKey_2zvn4_578{font-size:var(--font-size-3xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--text-disabled)}._unitToggle_2zvn4_592{display:flex;border:var(--stroke-sm) solid var(--border-default);overflow:hidden}._unitBtn_2zvn4_598{font-family:var(--font-mono);font-size:var(--font-size-3xs);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-caps);padding:var(--space-1) var(--space-3);background:transparent;color:var(--text-disabled);border:none;cursor:pointer;transition:background .1s,color .1s}._unitBtn_2zvn4_598+._unitBtn_2zvn4_598{border-left:var(--stroke-sm) solid var(--border-default)}._unitBtn_2zvn4_598:hover{color:var(--text-secondary);background:var(--bg-hover)}._unitBtnActive_2zvn4_620{background:var(--bg-active);color:var(--text-primary)}._specValues_2zvn4_625{display:flex;flex-direction:column;gap:var(--space-1)}._specVal_2zvn4_625{font-size:var(--font-size-xs);color:var(--text-primary);font-weight:var(--font-weight-medium)}._specToken_2zvn4_637{font-family:var(--font-mono);font-size:var(--font-size-2xs);color:var(--text-tertiary)}._classPill_2zvn4_643{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--brand-primary)}._animRow_2zvn4_649{display:flex;flex-direction:column;gap:var(--space-2);padding-bottom:var(--space-4);border-bottom:var(--stroke-sm) solid var(--border-subtle)}._animRow_2zvn4_649:last-child{border-bottom:none;padding-bottom:0}._animTarget_2zvn4_662{font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);color:var(--text-primary)}._animValues_2zvn4_668{display:flex;flex-direction:column;gap:var(--space-1)}._animVal_2zvn4_668{font-size:var(--font-size-2xs);color:var(--text-tertiary);display:flex;align-items:baseline;gap:var(--space-2)}._selectHint_2zvn4_682{padding:var(--space-8) var(--space-6);font-size:var(--font-size-xs);color:var(--text-disabled);font-style:italic;line-height:var(--line-height-normal)}._demoToolbar_2zvn4_692{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-8);background:var(--bg-canvas);border:var(--stroke-sm) solid var(--border-default)}._demoToolbarLeft_2zvn4_702,._demoToolbarRight_2zvn4_703{display:flex;align-items:center;gap:var(--space-3)}._demoDivider_2zvn4_709{width:var(--stroke-sm);height:16px;background:var(--border-default);flex-shrink:0;margin:0 var(--space-1)}._demoTools_2zvn4_717{display:flex;align-items:center;gap:var(--space-1)}._demoToolIconBtn_2zvn4_723{width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--text-primary);opacity:.45;transition:background .1s,opacity .1s}._demoToolIconBtn_2zvn4_723:hover{background:var(--bg-hover);opacity:.7}._demoToolIconBtnActive_2zvn4_739{background:var(--bg-input);opacity:1}._demoToolIconBtnActive_2zvn4_739 img{filter:brightness(0) invert(1)}._demoChip_2zvn4_748{font-size:var(--font-size-2xs);font-family:var(--font-mono);color:var(--text-tertiary);background:var(--bg-input);padding:0 var(--space-4);height:24px;display:flex;align-items:center}._demoActionBtn_2zvn4_759{height:24px;padding:0 var(--space-4);font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);color:var(--text-secondary);background:var(--bg-input);border:none;cursor:pointer;transition:background .1s,color .1s}._demoActionBtn_2zvn4_759:hover{background:var(--bg-hover);color:var(--text-primary)}._demoCtaBtn_2zvn4_776{height:24px;padding:0 var(--space-5);font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);color:var(--bg-surface);background:var(--text-primary);border:none;cursor:pointer;transition:opacity .1s}._demoCtaBtn_2zvn4_776:hover{opacity:.85}._demoTabBar_2zvn4_792{display:flex;align-items:stretch;height:40px;background:var(--bg-canvas);border:var(--stroke-sm) solid var(--border-default);padding:0 var(--space-6);overflow-x:auto}._demoTabBar_2zvn4_792::-webkit-scrollbar{display:none}._demoTab_2zvn4_792{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-4);background:transparent;color:var(--text-tertiary);font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);border:none;cursor:pointer;white-space:nowrap;transition:color .12s,background .12s;position:relative;flex-shrink:0}._demoTab_2zvn4_792+._demoTab_2zvn4_792:before{content:"";position:absolute;left:0;top:25%;height:50%;width:var(--stroke-sm);background:var(--border-subtle)}._demoTabActive_2zvn4_831+._demoTab_2zvn4_792:before,._demoTabActive_2zvn4_831:before{display:none}._demoTab_2zvn4_792:hover{color:var(--text-secondary);background:var(--bg-hover)}._demoTabActive_2zvn4_831{background:var(--bg-input);color:var(--text-primary)}._demoTabInput_2zvn4_838{background:transparent;border:none;outline:none;color:var(--text-primary);font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);font-family:var(--font-sans);width:72px;padding:0}._demoTabClose_2zvn4_850{font-size:12px;color:var(--text-tertiary);width:14px;height:14px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .1s}._demoTab_2zvn4_792:hover ._demoTabClose_2zvn4_850,._demoTabActive_2zvn4_831 ._demoTabClose_2zvn4_850{opacity:1}._demoTabClose_2zvn4_850:hover{color:var(--text-primary)}._demoTabAdd_2zvn4_867{display:flex;align-items:center;justify-content:center;width:32px;height:100%;color:var(--text-tertiary);font-size:16px;background:transparent;border:none;cursor:pointer;transition:color .12s;margin-left:var(--space-2)}._demoTabAdd_2zvn4_867:hover{color:var(--text-primary)}._demoAddOuter_2zvn4_886{overflow:hidden;display:flex;align-items:center;justify-content:center;width:80px;height:80px}._demoAddTrigger_2zvn4_895{padding:12px;display:flex;align-items:center;justify-content:center;overflow:hidden}._demoAddBtn_2zvn4_903{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--brand-primary);color:transparent;font-size:var(--demo-font-size, 22px);font-weight:300;line-height:1;transform:scale(var(--demo-dot-scale, .18));transition:transform .22s cubic-bezier(.34,1.56,.64,1),color .12s}._demoAddTrigger_2zvn4_895:hover ._demoAddBtn_2zvn4_903{transform:scale(1);color:#fff}._iconDoc_2zvn4_925{padding:var(--space-12);display:flex;flex-direction:column;gap:var(--space-10)}._iconGroupSection_2zvn4_932{display:flex;flex-direction:column;gap:var(--space-4)}._iconGroupLabel_2zvn4_938{font-size:var(--font-size-3xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--text-disabled);padding-bottom:var(--space-3);border-bottom:var(--stroke-sm) solid var(--border-subtle)}._iconGallery_2zvn4_948{display:flex;gap:var(--space-4);flex-wrap:wrap}._iconTile_2zvn4_954{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-5);background:var(--bg-surface);border:var(--stroke-sm) solid var(--border-default);cursor:pointer;transition:border-color .12s,background .12s;width:88px}._iconTile_2zvn4_954:hover{border-color:var(--border-strong);background:var(--bg-hover)}._iconTileActive_2zvn4_972{border-color:var(--brand-primary);background:var(--bg-hover)}._iconTileImg_2zvn4_977{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-canvas);border:var(--stroke-sm) solid var(--border-subtle)}._iconTileName_2zvn4_987{font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-label-s);color:var(--text-primary);text-align:center;line-height:var(--line-height-tight)}._iconTileKey_2zvn4_996{font-family:var(--font-mono);font-size:var(--font-size-3xs);color:var(--text-disabled);background:var(--bg-input);border:var(--stroke-sm) solid var(--border-default);padding:0 var(--space-2);height:16px;display:flex;align-items:center}._iconTileGlyph_2zvn4_1008{font-family:var(--font-sans);font-size:24px;color:var(--text-primary);line-height:1}._svgSourceBlock_2zvn4_1015{display:flex;flex-direction:column;gap:var(--space-3)}._svgSourcePre_2zvn4_1021{margin:0;font-family:var(--font-mono);font-size:var(--font-size-3xs);color:var(--text-tertiary);line-height:1.6;white-space:pre;overflow-x:auto}._glyphDisplay_2zvn4_1031{font-family:var(--font-sans);font-size:28px;color:var(--text-primary);line-height:1}._copyInlineBtn_2zvn4_1038{font-family:var(--font-mono);font-size:var(--font-size-3xs);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--text-disabled);background:none;border:none;cursor:pointer;padding:0;transition:color .1s;align-self:flex-start}._copyInlineBtn_2zvn4_1038:hover{color:var(--text-primary)}._codeBlock_2zvn4_1056{background:var(--bg-surface);overflow:hidden;flex:1;display:flex;flex-direction:column}._codeHeader_2zvn4_1064{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-6);border-bottom:var(--stroke-sm) solid var(--border-default);background:var(--bg-canvas);flex-shrink:0}._codeLang_2zvn4_1074{font-family:var(--font-mono);font-size:var(--font-size-3xs);letter-spacing:var(--tracking-caps);color:var(--text-disabled)}._copyBtn_2zvn4_1081{font-size:var(--font-size-3xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--text-tertiary);background:none;border:none;cursor:pointer;transition:color .1s;padding:0}._copyBtn_2zvn4_1081:hover{color:var(--text-primary)}._codePre_2zvn4_1096{margin:0;padding:var(--space-8) var(--space-8);overflow:auto;font-family:var(--font-mono);font-size:var(--font-size-xs);line-height:1.7;color:var(--text-secondary);-moz-tab-size:2;tab-size:2;flex:1;white-space:pre}._editToggle_2zvn4_1111{display:flex;align-items:center;justify-content:center;padding:0 var(--space-4);font-family:var(--font-mono);font-size:var(--font-size-3xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--text-disabled);background:transparent;border:none;border-left:var(--stroke-sm) solid var(--border-default);cursor:pointer;flex-shrink:0;transition:color .1s,background .1s}._editToggle_2zvn4_1111:hover{color:var(--text-secondary);background:var(--bg-hover)}._editToggleActive_2zvn4_1135{color:var(--brand-primary);background:var(--bg-hover)}._editFieldWrap_2zvn4_1140{display:inline-flex;align-items:center;gap:2px}._editableInput_2zvn4_1146{background:var(--bg-input);border:var(--stroke-sm) solid var(--border-focus);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--font-size-2xs);padding:1px var(--space-2);outline:none;min-width:0}._editableInput_2zvn4_1146:focus{border-color:var(--brand-primary)}._editUnit_2zvn4_1161{font-family:var(--font-mono);font-size:var(--font-size-2xs);color:var(--text-tertiary)}