@keyframes layer-row-flash{0%{opacity:.9;background:#2f2f2f38}45%{opacity:.6;background:#2f2f2f1f}to{opacity:0;background:transparent}}:root{--bg: #f4f4f5;--bg-grid: rgba(0, 0, 0, .045);--surface-1: #fafafa;--surface-2: #fcfcfc;--surface-3: #ffffff;--surface-4: #ffffff;--surface-5: #ffffff;--surface-6: #ffffff;--surface-7: #ffffff;--surface-8: #ffffff;--shadow-color: rgb(0 0 0 / .06);--shadow-1: 0 0 0 1px var(--shadow-color);--shadow-2: 0 0 0 1px var(--shadow-color), 0 1px 1px -.5px var(--shadow-color);--shadow-3: 0 0 0 1px var(--shadow-color), 0 1px 1px -.5px var(--shadow-color), 0 3px 3px -1.5px var(--shadow-color);--shadow-4: 0 0 0 1px var(--shadow-color), 0 1px 1px -.5px var(--shadow-color), 0 3px 3px -1.5px var(--shadow-color), 0 6px 6px -3px var(--shadow-color);--shadow-5: 0 0 0 1px var(--shadow-color), 0 1px 1px -.5px var(--shadow-color), 0 3px 3px -1.5px var(--shadow-color), 0 6px 6px -3px var(--shadow-color), 0 12px 12px -6px var(--shadow-color);--shadow-6: 0 0 0 1px var(--shadow-color), 0 1px 1px -.5px var(--shadow-color), 0 3px 3px -1.5px var(--shadow-color), 0 6px 6px -3px var(--shadow-color), 0 12px 12px -6px var(--shadow-color), 0 24px 24px -12px var(--shadow-color);--shadow-7: 0 0 0 1px var(--shadow-color), 0 1px 1px -.5px var(--shadow-color), 0 3px 3px -1.5px var(--shadow-color), 0 6px 6px -3px var(--shadow-color), 0 12px 12px -6px var(--shadow-color), 0 24px 24px -12px var(--shadow-color), 0 48px 48px -24px var(--shadow-color);--shadow-8: 0 0 0 1px var(--shadow-color), 0 1px 1px -.5px var(--shadow-color), 0 3px 3px -1.5px var(--shadow-color), 0 6px 6px -3px var(--shadow-color), 0 12px 12px -6px var(--shadow-color), 0 24px 24px -12px var(--shadow-color), 0 48px 48px -24px var(--shadow-color), 0 96px 96px -48px var(--shadow-color);--stage: var(--bg);--dot: var(--bg-grid);--surface: var(--surface-3);--surface-2: var(--surface-1);--text: #18181b;--text-2: #52525b;--muted: #a1a1aa;--muted-2: color-mix(in srgb, var(--muted) 70%, transparent);--disabled: rgba(24, 24, 27, .4);--line: #ededee;--line-2: #e4e4e7;--line-3: #d4d4d8;--hairline: rgba(24, 24, 27, .05);--field: #ffffff;--field-hover: #fafafa;--field-active: #ffffff;--field-border: var(--line-2);--active: #2b2b30;--active-text: #ffffff;--accent: #2f2f2f;--bento-active-border: #8e8e93;--bento-picker-bg: var(--line-2);--bento-picker-active: #71717a;--toggle-off: rgba(120, 120, 128, .16);--toggle-on: #34c759;--swatch-ring: rgba(0, 0, 0, .1);--accent-soft: rgba(47, 47, 47, .14);--accent-border: rgba(47, 47, 47, .2);--hover: rgba(24, 24, 27, .06);--radius-none: 0px;--radius-nano: 2px;--radius-micro: 4px;--radius-xs: 5px;--radius-sm: 6px;--radius-control: 8px;--radius: 9px;--radius-bar: 14px;--radius-card: 12px;--radius-popover: 10px;--radius-modal: 12px;--radius-pill: 999px;--radius-circle: 50%;--radius-brand: 7px;--radius-fluid: 20px;--radius-fluid-focus: 22px;--border-width-hairline: 1px;--border-width-default: 1px;--border-width-strong: 2px;--border-color-layout: var(--line);--border-color-control: var(--line-2);--border-color-active: var(--active);--border-color-danger: #b00101;--border-color-focus: var(--text);--focus-ring-width: 2px;--focus-ring-offset: 2px;--focus-ring-color: var(--accent);--shadow-none: none;--shadow-control: var(--shadow-1);--shadow-card: var(--shadow-2);--shadow-popover: var(--shadow-4);--shadow-modal: var(--modal-shadow);--shadow-actionbar: 0 6px 26px rgba(0, 0, 0, .1);--shadow-hud: 0 8px 18px rgba(0, 0, 0, .25);--z-canvas: 0;--z-canvas-overlay: 10;--z-bento-marquee: 20;--z-cqmini: 40;--z-tooltip: 100;--z-popover: 200;--z-focused-canvas: 1000;--z-focused-ui: 400;--z-modal: 500;--backdrop-none: none;--backdrop-soft: blur(6px);--backdrop-medium: blur(8px);--backdrop-standard: blur(16px);--backdrop-strong: blur(18px);--motion-duration-instant: 0s;--motion-duration-micro: .08s;--motion-duration-fast: .12s;--motion-duration-base: .14s;--motion-duration-slow: .25s;--motion-duration-moderate: .3s;--motion-duration-reveal: .35s;--motion-duration-flash: .65s;--motion-duration-panel: .5s;--motion-duration-overlay: .15s;--motion-ease-standard: cubic-bezier(.25, .8, .25, 1);--motion-ease-out: cubic-bezier(.16, 1, .3, 1);--motion-ease-in: cubic-bezier(.7, 0, .84, 0);--motion-ease-emphasized: cubic-bezier(.3, 0, .8, .15);--motion-ease-spring: cubic-bezier(.25, 1, .5, 1);--interaction-hover-opacity: 1;--interaction-press-scale: .98;--interaction-disabled-opacity: .4;--interaction-muted-opacity: .6;--interaction-drag-threshold: 4px;--interaction-marquee-threshold: 4px;--transition-control: background-color var(--motion-duration-fast) var(--motion-ease-standard), border-color var(--motion-duration-fast) var(--motion-ease-standard), color var(--motion-duration-fast) var(--motion-ease-standard), box-shadow var(--motion-duration-fast) var(--motion-ease-standard), opacity var(--motion-duration-fast) var(--motion-ease-standard);--transition-surface: background-color var(--motion-duration-base) var(--motion-ease-standard), border-color var(--motion-duration-base) var(--motion-ease-standard), box-shadow var(--motion-duration-base) var(--motion-ease-standard);--transition-transform: transform var(--motion-duration-fast) var(--motion-ease-standard);--transition-color: color var(--motion-duration-fast) var(--motion-ease-standard);--transition-overlay: opacity var(--motion-duration-overlay) var(--motion-ease-out), transform var(--motion-duration-overlay) var(--motion-ease-out);--ease-standard: var(--motion-ease-standard);--dur-fast: var(--motion-duration-fast);--dur-base: var(--motion-duration-base);--dur-slow: var(--motion-duration-slow);--font-ui: system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: var(--font-ui);--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", monospace;--font-canvas: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--type-hero-size: 14px;--type-title-size: 14px;--type-section-size: 9.5px;--type-label-size: 9px;--type-body-size: 12px;--type-control-size: 11px;--type-caption-size: 10.5px;--type-micro-size: 10px;--type-mono-size: 10px;--type-nano-size: 8px;--type-line-tight: 1;--type-line-normal: 1.25;--type-line-relaxed: 1.5;--type-weight-regular: 400;--type-weight-medium: 500;--type-weight-semibold: 600;--type-weight-bold: 700;--type-tracking-tight: -.01em;--type-tracking-normal: 0;--type-tracking-wide: .08em;--type-tracking-ui: .13em;--type-tracking-mono: .01em;--type-tracking-open: .02em;--space-0: 0px;--space-1: 2px;--space-2: 4px;--space-3: 6px;--space-4: 8px;--space-5: 10px;--space-6: 12px;--space-7: 14px;--space-8: 16px;--space-9: 18px;--space-10: 20px;--space-12: 24px;--space-14: 28px;--space-16: 32px;--space-20: 40px;--space-24: 48px;--layout-header-height: 52px;--layout-rail-width: 76px;--layout-panel-width: 312px;--layout-stage-padding: 48px;--layout-mobile-stage-padding: 26px;--section-padding-y: 17px;--section-padding-x: 16px;--section-head-gap: 10px;--section-mobile-padding-y: 18px;--section-mobile-padding-x: 18px;--control-gap-xs: 2px;--control-gap-sm: 5px;--control-gap-md: 6px;--control-gap-lg: 8px;--control-height-xs: 24px;--control-height-sm: 28px;--control-height-md: 30px;--control-height-lg: 36px;--icon-size-xs: 12px;--icon-size-sm: 14px;--icon-size-md: 16px;--icon-size-lg: 18px;--popover-padding: 6px;--dropdown-item-padding: 5px 9px;--dialog-width-sm: 272px;--control-touch-height: 44px;--success: #10b981;--warning: #f59e0b;--danger: #b00101;--danger-soft: rgba(176, 1, 1, .1);--danger-border: rgba(176, 1, 1, .2);--danger-strong: rgba(176, 1, 1, .18);--danger-border-strong: rgba(176, 1, 1, .3);--danger-hover-soft: rgba(176, 1, 1, .18);--danger-hover-strong: rgba(176, 1, 1, .28);--info: #3b82f6;--shadow-canvas: 0 1px 2px rgba(0, 0, 0, .04), 0 18px 50px rgba(0, 0, 0, .08);--shadow-pop: var(--shadow-3);--popover-shadow: var(--shadow-3);--dialog-shadow: var(--modal-shadow);--menu-shadow: var(--shadow-2);--canvas-shadow: var(--shadow-canvas);--modal-backdrop: rgba(0, 0, 0, .55);--modal-shadow: 0 16px 48px rgba(0, 0, 0, .5);--slider-fill: #e4e4e7;color-scheme:light}[data-theme=dark]{--bg: #111111;--bg-grid: rgba(255, 255, 255, .05);--surface-1: #171717;--surface-2: #1e1e1e;--surface-3: #252525;--surface-4: #2c2c2c;--surface-5: #2b2b30;--surface-6: #3a3a3a;--surface-7: #414141;--surface-8: #484848;--dm-hi-base: rgba(255, 255, 255, .01);--dm-hi-mid: rgba(255, 255, 255, .02);--dm-hi-high: rgba(255, 255, 255, .04);--dm-hi-peak: rgba(255, 255, 255, .06);--dm-ring-base: rgba(255, 255, 255, .02);--dm-ring-mid: rgba(255, 255, 255, .04);--dm-ring-high: rgba(255, 255, 255, .06);--dm-drop: rgba(0, 0, 0, .18);--shadow-color: rgb(0 0 0 / .3);--shadow-1: inset 0 0 0 1px var(--dm-ring-base);--shadow-2: inset 0 1px 0 0 var(--dm-hi-base), inset 0 0 0 1px var(--dm-ring-base), 0 1px 1px -.5px var(--dm-drop);--shadow-3: inset 0 1px 0 0 var(--dm-hi-mid), inset 0 0 0 1px var(--dm-ring-base), 0 0 0 1px rgba(0, 0, 0, .12), 0 1px 1px -.5px var(--dm-drop), 0 3px 3px -1.5px var(--dm-drop);--shadow-4: inset 0 1px 0 0 var(--dm-hi-mid), inset 0 0 0 1px var(--dm-ring-mid), 0 0 0 1px rgba(0, 0, 0, .14), 0 1px 1px -.5px var(--dm-drop), 0 3px 3px -1.5px var(--dm-drop), 0 6px 6px -3px var(--dm-drop);--shadow-5: inset 0 1px 0 0 var(--dm-hi-high), inset 0 0 0 1px var(--dm-ring-mid), 0 0 0 1px rgba(0, 0, 0, .16), 0 1px 1px -.5px var(--dm-drop), 0 3px 3px -1.5px var(--dm-drop), 0 6px 6px -3px var(--dm-drop), 0 12px 12px -6px var(--dm-drop);--shadow-6: inset 0 1px 0 0 var(--dm-hi-high), inset 0 0 0 1px var(--dm-ring-high), 0 0 0 1px rgba(0, 0, 0, .18), 0 1px 1px -.5px var(--dm-drop), 0 3px 3px -1.5px var(--dm-drop), 0 6px 6px -3px var(--dm-drop), 0 12px 12px -6px var(--dm-drop), 0 24px 24px -12px var(--dm-drop);--shadow-7: inset 0 1px 0 0 var(--dm-hi-peak), inset 0 0 0 1px var(--dm-ring-high), 0 0 0 1px rgba(0, 0, 0, .2), 0 1px 1px -.5px var(--dm-drop), 0 3px 3px -1.5px var(--dm-drop), 0 6px 6px -3px var(--dm-drop), 0 12px 12px -6px var(--dm-drop), 0 24px 24px -12px var(--dm-drop), 0 48px 48px -24px var(--dm-drop);--shadow-8: inset 0 1px 0 0 var(--dm-hi-peak), inset 0 0 0 1px var(--dm-ring-high), 0 0 0 1px rgba(0, 0, 0, .22), 0 1px 1px -.5px var(--dm-drop), 0 3px 3px -1.5px var(--dm-drop), 0 6px 6px -3px var(--dm-drop), 0 12px 12px -6px var(--dm-drop), 0 24px 24px -12px var(--dm-drop), 0 48px 48px -24px var(--dm-drop), 0 96px 96px -48px var(--dm-drop);--stage: var(--bg);--dot: var(--bg-grid);--surface: var(--surface-1);--surface-2: transparent;--text: #f4f4f5;--text-2: #b6b6bd;--muted: #6e6e77;--muted-2: color-mix(in srgb, var(--muted) 70%, transparent);--disabled: rgba(255, 255, 255, .4);--line: #232326;--line-2: #2b2b30;--line-3: #3f3f46;--hairline: rgba(255, 255, 255, .05);--field: #1c1c1f;--field-hover: #232326;--field-active: #1c1c1f;--field-border: var(--line-2);--active: #f4f4f5;--active-text: #111111;--accent: #2f2f2f;--bento-active-border: #8e8e93;--bento-picker-bg: #232326;--bento-picker-active: #8e8e93;--accent-soft: rgba(47, 47, 47, .18);--accent-border: rgba(47, 47, 47, .2);--hover: rgba(255, 255, 255, .06);--toggle-off: rgba(120, 120, 128, .32);--toggle-on: #34c759;--swatch-ring: rgba(255, 255, 255, .1);--shadow-canvas: 0 1px 2px rgba(0, 0, 0, .5), 0 24px 64px rgba(0, 0, 0, .55);--shadow-pop: var(--shadow-3);--popover-shadow: var(--shadow-3);--dialog-shadow: var(--modal-shadow);--menu-shadow: var(--shadow-2);--canvas-shadow: var(--shadow-canvas);--shadow-actionbar: 0 6px 26px rgba(0, 0, 0, .5);--slider-fill: #2b2b30;color-scheme:dark}@media (prefers-reduced-motion: reduce){:root{--motion-duration-instant: 0s;--motion-duration-micro: .01ms;--motion-duration-fast: .01ms;--motion-duration-base: .01ms;--motion-duration-slow: .01ms;--motion-duration-moderate: .01ms;--motion-duration-reveal: .01ms;--motion-duration-flash: .01ms;--motion-duration-panel: .01ms;--motion-duration-overlay: .01ms}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.b4-z-popover{z-index:var(--z-popover)}.rounded-fluid{border-radius:var(--radius-fluid)}.rounded-fluid-focus{border-radius:var(--radius-fluid-focus)}.rounded-popover{border-radius:var(--radius-popover)}.animate-rise{animation:rise var(--motion-duration-slow) var(--motion-ease-standard) both}*{box-sizing:border-box}html,body,#root{height:100%!important;width:100%!important;margin:0!important;padding:0!important;overflow:hidden!important}body{font-family:var(--font-ui);background:var(--stage);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"ss01","cv01"}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea{font-family:inherit}.typography-inline-editor::selection{background:#8080802e;color:transparent}.mono{font-family:var(--font-mono);font-feature-settings:"tnum"}.type-app-title{font-family:var(--font-display);font-size:var(--type-hero-size);font-weight:var(--type-weight-semibold);letter-spacing:var(--type-tracking-tight);line-height:var(--type-line-tight)}.type-panel-title{font-family:var(--font-display);font-size:var(--type-title-size);font-weight:var(--type-weight-medium);letter-spacing:var(--type-tracking-tight);line-height:var(--type-line-normal)}.type-section-title{font-size:var(--type-section-size);font-weight:var(--type-weight-semibold);letter-spacing:var(--type-tracking-ui);line-height:var(--type-line-tight);text-transform:uppercase}.type-field-label{font-size:var(--type-label-size);font-weight:var(--type-weight-regular);letter-spacing:var(--type-tracking-wide);line-height:var(--type-line-tight);text-transform:uppercase}.type-body{font-size:var(--type-body-size);font-weight:var(--type-weight-regular);letter-spacing:var(--type-tracking-normal);line-height:var(--type-line-normal)}.type-caption{font-size:var(--type-caption-size);font-weight:var(--type-weight-regular);letter-spacing:var(--type-tracking-normal);line-height:var(--type-line-normal)}.type-helper{font-size:var(--type-micro-size);font-weight:var(--type-weight-regular);letter-spacing:var(--type-tracking-normal);line-height:var(--type-line-relaxed)}.type-micro{font-size:var(--type-micro-size);font-weight:var(--type-weight-medium);letter-spacing:var(--type-tracking-normal);line-height:var(--type-line-tight)}.type-mono{font-family:var(--font-mono);font-size:var(--type-mono-size);font-weight:var(--type-weight-regular);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:var(--type-tracking-mono);line-height:var(--type-line-tight)}.type-pill{font-size:var(--type-micro-size);font-weight:var(--type-weight-semibold);letter-spacing:var(--type-tracking-wide);line-height:var(--type-line-tight);text-transform:uppercase}.type-button{font-size:var(--type-control-size);font-weight:var(--type-weight-medium);letter-spacing:var(--type-tracking-normal);line-height:var(--type-line-tight)}.type-button-sm{font-size:var(--type-micro-size);font-weight:var(--type-weight-medium);letter-spacing:var(--type-tracking-normal);line-height:var(--type-line-tight)}.type-button-xs{font-size:var(--type-section-size);font-weight:var(--type-weight-medium);letter-spacing:var(--type-tracking-normal);line-height:var(--type-line-tight)}.type-tab{font-size:var(--type-control-size);font-weight:var(--type-weight-medium);letter-spacing:var(--type-tracking-normal);line-height:var(--type-line-tight)}.type-rail{font-size:var(--type-section-size);font-weight:var(--type-weight-medium);letter-spacing:var(--type-tracking-normal);line-height:var(--type-line-tight)}.type-actionbar{font-size:var(--type-micro-size);font-weight:var(--type-weight-medium);letter-spacing:var(--type-tracking-normal);line-height:var(--type-line-tight)}.type-layer{font-size:var(--type-caption-size);font-weight:var(--type-weight-medium);letter-spacing:var(--type-tracking-normal);line-height:var(--type-line-normal)}.type-canvas-label{font-size:var(--type-label-size);font-weight:var(--type-weight-medium);letter-spacing:var(--type-tracking-wide);line-height:var(--type-line-tight);text-transform:uppercase}.app{display:flex;flex-direction:column;height:100%!important;width:100%!important;overflow:hidden!important}.header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--section-padding-x);height:var(--layout-header-height);flex-shrink:0;background:var(--surface);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:28px;height:28px;border-radius:var(--radius-brand);display:grid;place-items:center;background:var(--active);color:var(--active-text)}.brand-name{font-size:var(--type-hero-size);font-weight:var(--type-weight-semibold);letter-spacing:var(--type-tracking-tight);line-height:var(--type-line-tight)}.brand-sub{margin-top:3px;font-size:var(--type-label-size);letter-spacing:var(--type-tracking-ui);text-transform:uppercase;color:var(--muted)}.header-actions{display:flex;align-items:center;gap:5px}.body{display:flex;flex:1;min-height:0}@media (max-width: 900px){.body{flex-direction:column}}.stage{flex:1;min-width:0;position:relative;display:flex;align-items:center;justify-content:center;padding:var(--layout-stage-padding);background:transparent}@media (max-width: 900px){.stage{padding:var(--layout-mobile-stage-padding)}}.canvas-wrap{width:100%;height:auto;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.canvas-frame{position:relative;touch-action:none;display:flex;align-items:center;justify-content:center}.canvas-frame.draggable-v{cursor:ew-resize}.canvas-frame.draggable-h{cursor:ns-resize}.canvas-frame.placing{cursor:crosshair}canvas.preview{display:block;max-width:100%;max-height:80vh;width:auto;height:auto;margin:0 auto;user-select:none;filter:drop-shadow(0 10px 26px rgba(0,0,0,.16))}[data-theme=dark] canvas.preview{filter:drop-shadow(0 14px 40px rgba(0,0,0,.55))}.empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;pointer-events:none;color:var(--muted)}.empty b{color:var(--text-2);font-weight:var(--type-weight-semibold)}.empty p{font-size:var(--type-body-size);margin:0}.stage-meta{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:15px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:var(--type-caption-size);color:var(--muted);white-space:nowrap}.stage-meta .dot{width:2px;height:2px;border-radius:50%;background:var(--muted)}.panel{width:var(--layout-panel-width);flex-shrink:0;display:flex;flex-direction:column;overflow:hidden;background:var(--surface);border-left:1px solid var(--line)}@media (max-width: 900px){.panel{width:100%;border-left:none;border-top:1px solid var(--line)}}.panel-scroll{flex:1;min-height:0;overflow-y:auto;scrollbar-gutter:stable}.panel-scroll::-webkit-scrollbar{width:9px}.panel-scroll::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:var(--radius-control);border:3px solid var(--surface)}.section{padding:var(--section-padding-y) var(--section-padding-x);border-top:1px solid var(--line);animation:rise .5s both}.section:first-child{border-top:none;padding-top:var(--section-padding-y)}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--section-head-gap)}.section-title{display:flex;align-items:center;gap:7px}.section-title span{font-size:var(--type-section-size);font-weight:var(--type-weight-semibold);letter-spacing:var(--type-tracking-ui);line-height:var(--type-line-tight);text-transform:uppercase;color:var(--text)}.section-title svg{color:var(--text-2)}@keyframes rise{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.row{display:flex;flex-wrap:wrap;gap:var(--control-gap-sm)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:var(--control-gap-md)}.chip{border:1px solid var(--line-2);background:var(--surface-2);color:var(--text-2);border-radius:var(--radius-pill);padding:4px 9px;font-size:var(--type-micro-size);transition:var(--transition-control)}.chip:hover{border-color:var(--text);color:var(--text)}.chip.active{background:var(--active);color:var(--active-text);border-color:var(--active)}.seg{border:1px solid var(--line-2);background:var(--surface-2);color:var(--text-2);border-radius:var(--radius-brand);padding:7px 10px;font-size:var(--type-control-size);font-weight:var(--type-weight-medium);text-align:center;transition:var(--transition-control);cursor:pointer}.seg:hover:not(:disabled):not(.disabled){background:var(--hover);color:var(--text)}.seg:disabled,.seg.disabled{opacity:.4;cursor:default;pointer-events:none}.seg.active{background:var(--active);color:var(--active-text)}.layer-align-bar{display:flex;align-items:center;gap:1px;padding:3px;border-radius:var(--radius-popover);border:var(--border-width-default) solid var(--border-color-control);background:var(--surface-2)}.layer-align-group{display:flex;align-items:center;gap:1px}.layer-align-btn{width:26px;height:26px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:var(--radius-brand);background:transparent;color:var(--text-2);cursor:pointer;transition:var(--transition-control)}.layer-align-btn:hover:not(:disabled){background:var(--hover);color:var(--text)}.layer-align-btn:active:not(:disabled){background:var(--accent-soft);color:var(--accent)}.layer-align-btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:-1px}.layer-align-btn:disabled{opacity:.32;cursor:not-allowed}.layer-align-divider{width:1px;height:15px;flex-shrink:0;margin:0 5px;background:var(--line-2)}.field{width:100%;border:var(--border-width-default) solid var(--border-color-control);background:var(--field);color:var(--text);border-radius:var(--radius-control);padding:var(--space-3) var(--space-4);font-size:var(--type-body-size);outline:none;transition:var(--transition-surface)}.field:hover{background:var(--field-hover)}.field:focus{border-color:var(--border-color-focus)}.field-label{display:block;font-size:var(--type-label-size);font-weight:var(--type-weight-semibold);letter-spacing:var(--type-tracking-ui);line-height:var(--type-line-tight);text-transform:uppercase;color:var(--text-2);margin-bottom:var(--space-4)}.slider-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-1);font-size:var(--type-micro-size);color:var(--muted)}.slider-head .val{color:var(--text-2)}.slider-val-input{background:none;border:var(--border-width-default) solid transparent;border-radius:var(--radius-micro);color:var(--text-2);font-family:var(--font-mono);font-feature-settings:"tnum";font-size:var(--type-mono-size);padding:1px 5px;text-align:center;width:auto;min-width:24px;max-width:60px;outline:none;cursor:text;transition:var(--transition-control)}.slider-val-input:hover{border-color:var(--line-2);background:var(--field)}.slider-val-input:focus{border-color:var(--accent);background:var(--field)}.slider-val-input:disabled{cursor:default;opacity:.45}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:3px;border-radius:var(--radius-pill);background:var(--line-2);cursor:pointer;outline:none}input[type=range]:disabled{opacity:.38;cursor:not-allowed;pointer-events:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:var(--surface);border:1.5px solid var(--text);box-shadow:0 1px 3px #00000026;transition:var(--transition-transform)}input[type=range]::-webkit-slider-thumb:active{transform:scale(1.18)}input[type=range]::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:var(--surface);border:1.5px solid var(--text)}.toggle,.switch-track{width:28px;height:16px;border-radius:var(--radius-pill);padding:1px;background:var(--toggle-off);transition:var(--transition-surface);display:inline-flex;align-items:center;border:none;cursor:pointer;box-sizing:border-box}.toggle.on,.switch-track.on{background:var(--toggle-on)}.toggle.disabled,.switch-track.disabled{opacity:.38;cursor:not-allowed;pointer-events:none}.toggle .knob,.switch-thumb{width:12px;height:12px;border-radius:var(--radius-pill);background:#fff;transition:transform var(--motion-duration-slow) var(--motion-ease-standard),width var(--motion-duration-slow) var(--motion-ease-standard),height var(--motion-duration-slow) var(--motion-ease-standard);box-shadow:0 1px 3px #00000040,0 1px 2px #00000026;transform:translate(0)}.toggle.on .knob,.switch-track.on .switch-thumb{transform:translate(12px)}.switch-track:hover:not(.pressing) .switch-thumb{width:14px}.switch-track.on:hover:not(.pressing) .switch-thumb{width:14px;transform:translate(10px)}.switch-track.pressing .switch-thumb{width:16px;height:9px}.switch-track.on.pressing .switch-thumb{width:16px;height:9px;transform:translate(8px)}.switch-root{display:inline-flex;align-items:center;gap:8px}.switch-root.disabled{opacity:.38;pointer-events:none}.switch-label{font-size:var(--type-body-size);color:var(--muted);transition:var(--transition-color);user-select:none}.switch-label.on{color:var(--text)}.csize{display:flex;flex-direction:column;gap:10px}.csize-grid{display:grid;grid-template-columns:repeat(auto-fill,50px);gap:6px}.csize-card{width:50px;height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:5px 4px;border:var(--border-width-default) solid var(--border-color-control);background:var(--surface);border-radius:var(--radius);cursor:pointer;transition:var(--transition-control);color:var(--text-2)}.csize-card:hover{border-color:var(--text);color:var(--text)}.csize-card.active{border-color:color-mix(in srgb,var(--text-2) 42%,var(--line-2));background:color-mix(in srgb,var(--field-hover) 70%,var(--text) 5%);color:var(--text)}.csize-shape{display:flex;align-items:center;justify-content:center;width:22px;height:22px}.csize-shape-box{display:block;border-radius:2px;background:var(--line);transition:var(--transition-control)}.csize-card:hover .csize-shape-box,.csize-card.active .csize-shape-box{background:color-mix(in srgb,var(--text-2) 70%,var(--line))}.csize-card-label{font-size:var(--type-micro-size);font-variant-numeric:tabular-nums;letter-spacing:var(--type-tracking-mono);line-height:var(--type-line-tight)}.csize-dims{display:flex;align-items:flex-end;gap:8px}.csize-field{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.csize-field-label{font-size:var(--type-label-size);letter-spacing:var(--type-tracking-wide);line-height:var(--type-line-tight);text-transform:uppercase;color:var(--muted)}.csize-input{font-variant-numeric:tabular-nums;text-align:center}.csize-lock{flex-shrink:0;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:var(--border-width-default) solid var(--border-color-control);background:var(--surface);color:var(--muted);border-radius:var(--radius-control);cursor:pointer;transition:background-color var(--dur-fast) var(--motion-ease-standard),border-color var(--dur-fast) var(--motion-ease-standard),color var(--dur-fast) var(--motion-ease-standard)}.csize-lock:hover{border-color:var(--text);color:var(--text)}.csize-lock.on{border-color:color-mix(in srgb,var(--text-2) 45%,var(--line-2));background:color-mix(in srgb,var(--field-hover) 72%,var(--text) 6%);color:var(--text-2)}.marks-geometry-stack{display:flex;flex-direction:column;gap:var(--space-3)}.marks-geometry-grid{display:grid;grid-template-columns:1fr 30px 1fr;column-gap:var(--space-2);row-gap:var(--space-3);align-items:end}.marks-geometry-field{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.marks-geometry-field .field-label{font-size:var(--type-label-size);font-weight:var(--type-weight-medium);color:var(--text-2);display:flex;align-items:baseline;gap:var(--space-1);line-height:1}.marks-geometry-field .field-unit{font-size:var(--type-micro-size);color:var(--muted);font-weight:var(--type-weight-regular)}.marks-geometry-link-col{display:flex;justify-content:center;align-items:flex-end;height:30px}.marks-geometry-link{width:30px;height:30px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line-2);background:var(--field);color:var(--muted);border-radius:var(--radius-brand);cursor:pointer;padding:0;box-sizing:border-box;transition:background-color var(--dur-fast) var(--motion-ease-standard),border-color var(--dur-fast) var(--motion-ease-standard),color var(--dur-fast) var(--motion-ease-standard)}.marks-geometry-link:hover:not(:disabled){border-color:var(--text-2);color:var(--text);background:var(--field-hover)}.marks-geometry-link.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.marks-geometry-link:disabled{opacity:.4;cursor:not-allowed;border-color:var(--line);background:var(--surface-1);color:var(--muted)}.typo-layer-tools{border-bottom:1px solid var(--line)}.typo-layer-tools>.section{border-top-color:var(--line)}.typo-layer-tools>.section:first-child{border-top:none!important}.typo-layer-tools>.section:first-child .section-head{margin-bottom:0}.typo-layer-tools .section-head{min-height:28px!important}.typo-geometry-stack{display:flex;flex-direction:column;gap:var(--space-4)}.typo-geometry-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--space-6);row-gap:var(--space-4)}.typo-geometry-field{min-width:0}.typo-geometry-field .field-label{color:var(--text-2);font-size:var(--type-label-size);font-weight:var(--type-weight-semibold);letter-spacing:var(--type-tracking-wide)}.typo-geometry-field .field{height:60px;padding:0 18px;font-size:var(--type-body-size);font-variant-numeric:tabular-nums}.csize-readout{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:var(--type-micro-size);color:var(--muted)}.csize-readout-label{color:var(--text-2);font-weight:var(--type-weight-semibold)}.csize-readout-dims{font-variant-numeric:tabular-nums}.swatch{display:inline-flex;align-items:center;gap:7px;cursor:pointer}.swatch .chip-color{width:22px;height:22px;border-radius:50%;border:1px solid var(--line-2);box-shadow:inset 0 0 0 2px var(--surface);flex-shrink:0}.swatch span.lbl{font-size:var(--type-caption-size);color:var(--text-2)}.swatch .b4-color-picker-value{display:inline-block;min-width:6.5ch;text-align:left;font-variant-numeric:tabular-nums}.swatch input{width:0;height:0;opacity:0;position:absolute}.bg-dots{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px}.bg-dot{width:24px;height:24px;border-radius:50%;border:1px solid var(--line-2);transition:border-color var(--dur-base) var(--motion-ease-standard),box-shadow var(--dur-base) var(--motion-ease-standard)}.bg-dot.active{border-color:var(--text);box-shadow:0 0 0 3px color-mix(in srgb,var(--text) 12%,transparent)}.uploads{display:grid;grid-template-columns:1fr 1fr;gap:9px}.tile{position:relative;aspect-ratio:1;border-radius:var(--radius);border:1px dashed var(--line-2);background:var(--surface-2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;overflow:hidden;transition:border-color var(--dur-base) var(--motion-ease-standard)}.tile.disabled{opacity:.38;pointer-events:none;cursor:not-allowed}.tile:hover{border-color:var(--text)}.tile.filled{border-style:solid}.tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.tile .tile-badge{position:absolute;top:7px;left:7px;z-index:2;background:#000000b3;color:#fff;font-size:var(--type-nano-size);font-weight:var(--type-weight-semibold);letter-spacing:var(--type-tracking-wide);text-transform:uppercase;padding:3px 7px;border-radius:var(--radius-pill)}.tile .tile-trash{position:absolute;top:7px;right:7px;z-index:2;width:26px;height:26px;border-radius:50%;background:color-mix(in srgb,var(--surface-8) 72%,transparent);color:var(--text);display:grid;place-items:center;opacity:0;transition:opacity var(--dur-base) var(--motion-ease-standard)}.tile:hover .tile-trash{opacity:1}.tile .tile-trash:hover{background:var(--danger-hover-soft);color:var(--danger)}.tile .tile-hover{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;gap:6px;font-size:var(--type-caption-size);color:#fff;background:#0000;opacity:0;transition:background-color var(--dur-base) var(--motion-ease-standard),opacity var(--dur-base) var(--motion-ease-standard)}@media (hover: hover) and (pointer: fine){.tile:hover .tile-hover{background:#0000006b;opacity:1}}.tile .tile-label{font-size:var(--type-caption-size);color:var(--muted);font-weight:var(--type-weight-medium)}.tile input{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--control-gap-md);border-radius:var(--radius-pill);padding:7px var(--space-7);font-size:var(--type-control-size);font-weight:var(--type-weight-medium);letter-spacing:var(--type-tracking-normal);line-height:var(--type-line-tight);transition:background-color var(--dur-base) var(--motion-ease-standard),color var(--dur-base) var(--motion-ease-standard),opacity var(--dur-base) var(--motion-ease-standard),box-shadow var(--dur-base) var(--motion-ease-standard),transform var(--dur-fast) var(--motion-ease-standard);white-space:nowrap}.btn:active:not(:disabled){transform:scale(.96)}.btn-primary{background:var(--active);color:var(--active-text)}.btn-primary:hover:not(:disabled){opacity:.88}.btn-export{justify-content:center}.btn-ghost{border:none;color:var(--text-2)}.btn-ghost:hover:not(:disabled){background:var(--hover);color:var(--text)}.btn-reset{background:var(--danger);color:#fff}.btn-reset:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 82%,#000)}[data-theme=dark] .btn-reset{color:#f4f4f5}.btn-back{background:#1a7a3c;color:#fff;font-weight:var(--type-weight-bold);letter-spacing:var(--type-tracking-mono)}.btn-back:hover:not(:disabled){background:#156030}[data-theme=dark] .btn-back{background:#1fae52;color:#fff}[data-theme=dark] .btn-back:hover:not(:disabled){background:#178c41}.btn:disabled{opacity:.4;cursor:default}.iconbtn{width:var(--control-height-md);height:var(--control-height-md);border-radius:var(--radius-brand);display:grid;place-items:center;color:var(--text-2);transition:background-color var(--dur-fast) var(--motion-ease-standard),color var(--dur-fast) var(--motion-ease-standard),transform var(--dur-fast) var(--motion-ease-standard)}.iconbtn:hover:not(:disabled){background:var(--hover);color:var(--text)}.iconbtn:active:not(:disabled){transform:scale(.92)}.iconbtn:disabled{opacity:.3;cursor:default}.swap-btn{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line-2);color:var(--text-2);border-radius:var(--radius-pill);padding:3px 9px;font-size:var(--type-caption-size);transition:border-color var(--dur-base) var(--motion-ease-standard),color var(--dur-base) var(--motion-ease-standard)}.swap-btn:hover{border-color:var(--text);color:var(--text)}.reset-link{font-size:var(--type-section-size);color:var(--muted);padding:0;transition:color var(--dur-base) var(--motion-ease-standard)}.reset-link:hover{color:var(--text)}.seg-stack{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px}.fmt{border:1px solid var(--line-2);background:var(--surface);border-radius:var(--radius);padding:8px 10px;text-align:left;transition:background-color var(--dur-base) var(--motion-ease-standard),border-color var(--dur-base) var(--motion-ease-standard),color var(--dur-base) var(--motion-ease-standard)}.fmt:hover:not(:disabled){border-color:var(--text)}.fmt.active{background:var(--active);border-color:var(--active)}.fmt.active .fmt-name{color:var(--active-text)}.fmt.active .fmt-note{color:color-mix(in srgb,var(--active-text) 55%,transparent)}.fmt:disabled{opacity:.4;cursor:default}.fmt-name{display:block;font-size:var(--type-control-size);font-weight:var(--type-weight-semibold);letter-spacing:var(--type-tracking-mono)}.fmt-note{display:block;font-size:var(--type-label-size);color:var(--muted);margin-top:2px}.mini-row{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:4px}.compress{margin-top:10px}.modeswitch{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:3px;background:var(--field);border:1px solid var(--line-2);border-radius:var(--radius-brand);box-sizing:border-box}.modeswitch button{border-radius:calc(var(--radius-brand) - 2px);padding:5px var(--space-2);min-height:26px;font-size:var(--type-micro-size);font-weight:var(--type-weight-medium);color:var(--muted);display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.2;box-sizing:border-box;transition:background-color var(--motion-duration-fast) var(--motion-ease-standard),color var(--motion-duration-fast) var(--motion-ease-standard),box-shadow var(--motion-duration-fast) var(--motion-ease-standard)}@media (hover: hover) and (pointer: fine){.modeswitch button:not(.on):not(:disabled):hover{background:var(--hover);color:var(--text-2)}}.modeswitch button.on{background:var(--active);color:var(--active-text)}.modeswitch .b4-button-bg{display:none}[data-theme=dark] .modeswitch button.on{background:var(--surface-5);color:var(--text);box-shadow:inset 0 1px #ffffff0a,inset 0 0 0 1px #ffffff0f}.b4tabs{--b4tabs-col-count: 1;--b4tabs-track: color-mix(in srgb, var(--surface-1) 82%, var(--text) 8%);--b4tabs-active: var(--surface-4);--b4tabs-active-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .04), inset 0 0 0 1px rgba(255, 255, 255, .08), 0 1px 1px -.5px rgba(0, 0, 0, .28), 0 3px 3px -1.5px rgba(0, 0, 0, .22);--b4tabs-hover: color-mix(in srgb, var(--text) 8%, transparent);--b4tabs-focus: rgba(255, 255, 255, .16);position:relative;display:grid;grid-template-columns:repeat(var(--b4tabs-col-count),minmax(0,1fr));align-items:center;gap:2px;width:100%;padding:3px;background:var(--b4tabs-track);border-radius:var(--radius);overflow:hidden;isolation:isolate;user-select:none}[data-theme=dark] .b4tabs{--b4tabs-track: #1f1f1f;--b4tabs-active: #2b2b30;--b4tabs-hover: rgba(255, 255, 255, .06)}.b4tabs--sm{min-height:34px}.b4tabs--md{min-height:44px}.b4tabs__indicator,.b4tabs__hover,.b4tabs__focus{position:absolute;pointer-events:none;border-radius:var(--radius-brand)}.b4tabs__indicator{z-index:0;background:var(--b4tabs-active);box-shadow:var(--b4tabs-active-shadow)}.b4tabs__hover{z-index:1;background:var(--b4tabs-hover)}.b4tabs__focus{z-index:3;border:1px solid var(--b4tabs-focus)}.b4tabs__trigger{position:relative;z-index:2;min-width:0;min-height:30px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:6px 12px;border-radius:var(--radius-brand);color:var(--text-2);font-size:var(--type-control-size);font-weight:var(--type-weight-medium);letter-spacing:var(--type-tracking-normal);text-transform:none;line-height:var(--type-line-tight);transition:color var(--dur-fast) var(--motion-ease-standard),opacity var(--dur-fast) var(--motion-ease-standard);-webkit-tap-highlight-color:transparent}.b4tabs--md .b4tabs__trigger{min-height:36px;font-size:var(--type-body-size)}.b4tabs__trigger[data-state=active]{color:var(--text)}.b4tabs__trigger:disabled{cursor:default;opacity:.4}.b4tabs__trigger:focus{outline:none}.b4tabs__trigger:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.b4tabs__icon{flex:0 0 auto}.b4tabs__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-mode-tabs{margin-bottom:10px}.color-preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.color-preset-button{min-width:0;min-height:28px;padding:4px 10px;border-radius:var(--radius-brand);background:#1f1f1f;color:var(--muted);box-shadow:inset 0 1px #ffffff06,inset 0 0 0 1px #ffffff0b;font-size:var(--type-control-size);font-weight:var(--type-weight-medium);letter-spacing:var(--type-tracking-normal);line-height:1.1;text-align:center;transition:background var(--dur-base) var(--motion-ease-standard),color var(--dur-base) var(--motion-ease-standard),box-shadow var(--dur-base) var(--motion-ease-standard),transform var(--dur-base) var(--motion-ease-standard);-webkit-tap-highlight-color:transparent}.color-preset-button:hover{background:#272727;color:var(--text-2);box-shadow:inset 0 1px #ffffff09,inset 0 0 0 1px #ffffff12,0 1px 1px -.5px #0000002e;transform:translateY(-1px)}.color-preset-button.is-active{background:#2b2b30;color:var(--text);box-shadow:inset 0 1px #ffffff0a,inset 0 0 0 1px #ffffff14,0 1px 1px -.5px #00000047,0 3px 3px -1.5px #00000038}.color-preset-button:focus{outline:none}.color-preset-button:focus-visible{outline:1px solid rgba(255,255,255,.16);outline-offset:2px}:root:not([data-theme=dark]) .color-preset-button{background:color-mix(in srgb,var(--surface-1) 82%,var(--text) 8%);color:var(--text-2);box-shadow:inset 0 1px #fff9,inset 0 0 0 1px #0000000a}:root:not([data-theme=dark]) .color-preset-button:hover{background:var(--surface-2);color:var(--text);box-shadow:inset 0 1px #ffffffbf,inset 0 0 0 1px #0000000f,0 1px 1px -.5px #0000001f}:root:not([data-theme=dark]) .color-preset-button.is-active{background:var(--surface-4);color:var(--text);box-shadow:var(--shadow-4)}.color-preset-button.b4-button-base{border-radius:var(--radius-brand)}.custom-mb{display:flex;align-items:center;gap:8px;margin-top:9px}.custom-mb .field{width:90px}.custom-mb span{font-size:var(--type-control-size);color:var(--muted)}.micro-note{margin:9px 0 0;font-size:var(--type-micro-size);line-height:var(--type-line-relaxed);color:var(--muted)}.readout{margin-top:14px;padding:11px 12px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius)}.readout-top{display:flex;align-items:baseline;justify-content:space-between}.readout-top .dims{font-size:var(--type-caption-size);color:var(--muted)}.readout-top .size{font-size:var(--type-title-size);font-weight:var(--type-weight-medium);color:var(--text);letter-spacing:var(--type-tracking-tight);transition:color var(--motion-duration-slow) var(--motion-ease-standard)}.readout-top .size.pending{color:var(--muted);font-size:var(--type-control-size);font-weight:var(--type-weight-regular)}.meter{margin:9px 0 7px;height:4px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--accent) 18%,var(--line-2));overflow:hidden}.meter-fill{height:100%;border-radius:var(--radius-pill);background:var(--text);transition:width .5s cubic-bezier(.2,.7,.2,1)}.readout-bot{display:flex;align-items:center;justify-content:space-between;font-size:var(--type-micro-size);color:var(--muted)}.readout-bot .save{color:var(--accent);font-weight:var(--type-weight-semibold);letter-spacing:var(--type-tracking-mono)}.export-btn{width:100%;margin-top:12px;padding:9px;font-size:var(--type-body-size)}.workspace{display:flex;flex:1;min-height:0;overflow:hidden!important}@media (max-width: 900px){.workspace{flex-direction:column}}.rail{width:var(--layout-rail-width);flex-shrink:0;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:var(--control-gap-xs);padding:var(--space-4) var(--space-3);overflow-y:auto}@media (max-width: 900px){.rail{width:100%;flex-direction:row;border-right:none;border-bottom:1px solid var(--line);overflow-x:auto;padding:6px 12px;height:64px;align-items:center}}.rail-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:100%;aspect-ratio:1 / 1;border-radius:var(--radius-brand);color:var(--muted);transition:background-color var(--dur-base) var(--motion-ease-standard),color var(--dur-base) var(--motion-ease-standard);flex-shrink:0}.rail-item span{font-size:var(--type-section-size);font-weight:var(--type-weight-medium);line-height:var(--type-line-tight)}.rail-item:hover{background:var(--hover);color:var(--text-2)}.rail-item.active{background:var(--active);color:var(--active-text)}.canvas-col{flex:1;min-width:0;display:flex;flex-direction:column;position:relative;background:radial-gradient(var(--dot) 1px,transparent 1px) 0 0 / 22px 22px;background-color:var(--stage)}.cqmini{position:absolute;top:18px;left:50%;z-index:var(--z-cqmini);display:flex;flex-direction:column;align-items:center;gap:0px;max-width:calc(100% - 32px);transform:translate(-50%);pointer-events:none}.cqmini-bar{display:flex;align-items:center;gap:4px;max-width:100%;padding:6px 8px;border:1px solid rgba(0,0,0,.06);border-radius:var(--radius-bar);background:#ffffffbf;box-shadow:0 8px 30px #0000000f,inset 0 1px #ffffff80;backdrop-filter:blur(12px) saturate(1.2);pointer-events:auto;box-sizing:border-box;height:44px}[data-theme=dark] .cqmini-bar{background:#141416b3;border-color:#ffffff0f;box-shadow:0 12px 36px #00000073,inset 0 1px #ffffff08}.cqmini-formats{display:inline-flex;align-items:center;gap:2px;flex:0 0 auto;height:30px;padding:2px;border-radius:var(--radius-brand);border:1px solid var(--border-color-control);background:#00000008;box-sizing:border-box}[data-theme=dark] .cqmini-formats{background:#ffffff08}.cqmini-aspect-menu{position:relative;flex:0 0 auto}.cqmini-aspect-trigger.b4-button-base{height:30px;min-width:unset;gap:5px;padding:0 8px;font-size:10.5px;font-weight:var(--type-weight-medium);border-radius:var(--radius-brand);color:var(--text-2);background:transparent;border:none;transition:background-color var(--dur-base) var(--motion-ease-standard),color var(--dur-base) var(--motion-ease-standard)}.cqmini-aspect-trigger.b4-button-base:hover,.cqmini-aspect-trigger.b4-button-base[aria-expanded=true]{background:var(--hover);color:var(--text)}.cqmini-shape-wrap{width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.cqmini-shape{display:block;flex:0 0 auto;background:currentColor;opacity:.85}.cqmini-shape--custom{width:8px;height:8px;border:1px dashed currentColor;background:transparent}.cqmini-label{white-space:nowrap}.cqmini-menu{position:absolute;top:calc(100% + 6px);left:0;display:grid;grid-template-columns:repeat(2,minmax(66px,1fr));gap:4px;width:148px;padding:5px;border:var(--border-width-default) solid color-mix(in srgb,var(--line) 82%,transparent);border-radius:var(--radius-popover);background:color-mix(in srgb,var(--surface) 95%,transparent);box-shadow:0 10px 30px #00000040;backdrop-filter:var(--backdrop-strong) saturate(1.2)}[data-theme=dark] .cqmini-menu{background:#19191bf2;border-color:#ffffff14}.cqmini-menu-item.b4-button-base{height:28px;display:inline-flex;align-items:center;justify-content:flex-start;gap:6px;padding:0 8px;border-radius:var(--radius-brand);color:var(--text-2);font-size:10.5px;font-weight:var(--type-weight-medium);background:transparent;border:none;transition:background-color var(--dur-fast) var(--motion-ease-standard),color var(--dur-fast) var(--motion-ease-standard)}.cqmini-menu-item.b4-button-base .b4-button-bg{background:transparent}.cqmini-menu-item.b4-button-base:hover{background:var(--hover);color:var(--text)}.cqmini-menu-item.b4-button-base:hover .b4-button-bg{background:var(--hover)}.cqmini-menu-item.b4-button-base.active{background:var(--active);color:var(--active-text);font-weight:var(--type-weight-medium)}.cqmini-menu-item.b4-button-base.active .b4-button-bg{background:var(--active)}.cqmini-menu-original.b4-button-base{grid-column:1 / -1;width:100%;justify-content:center}.cqmini-menu-sep{grid-column:1 / -1;height:1px;background:var(--line-2);margin:3px 2px}.cqmini-menu-custom{grid-column:1 / -1;display:flex;align-items:flex-end;gap:4px;width:100%;padding:2px 0}.cqmini-menu-custom-field{display:flex;flex-direction:column;align-items:flex-start;gap:2px;flex:1;min-width:0}.cqmini-menu-custom-label{font-size:8px;font-weight:var(--type-weight-medium);color:var(--muted);text-transform:uppercase;margin-left:2px}.cqmini-menu-custom-input{width:100%;height:22px;padding:0 4px;border-radius:var(--radius-micro);border:var(--border-width-default) solid var(--border-color-control);background:var(--field);color:var(--text);font-size:10px;font-weight:var(--type-weight-medium);text-align:center;font-variant-numeric:tabular-nums;outline:none}.cqmini-menu-custom-input:focus{border-color:var(--text-2)}.cqmini-menu-custom-lock.b4-button-base{flex-shrink:0;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border:var(--border-width-default) solid var(--border-color-control);background:var(--field);color:var(--muted);border-radius:var(--radius-micro);cursor:pointer;padding:0;transition:background-color var(--dur-fast) var(--motion-ease-standard),border-color var(--dur-fast) var(--motion-ease-standard),color var(--dur-fast) var(--motion-ease-standard)}.cqmini-menu-custom-lock.b4-button-base:hover{border-color:var(--text-2);color:var(--text)}.cqmini-menu-custom-lock.b4-button-base.on{border-color:var(--active);background:var(--active);color:var(--active-text)}.cqmini-menu-custom-lock.b4-button-base.on .b4-button-bg{background:var(--active)}.cqmini-div{width:1px;height:16px;margin:0 2px;background:color-mix(in srgb,var(--line) 45%,transparent);flex:0 0 auto}.cqmini-toggles{display:inline-flex;align-items:center;gap:8px;padding:0 2px}.cqmini-toggle{display:inline-flex;align-items:center;gap:5px;cursor:pointer;user-select:none;height:30px}.cqmini-toggle-label{font-size:11px;font-weight:var(--type-weight-medium);color:var(--text-2);white-space:nowrap;line-height:1}.cqmini-toggle:hover .cqmini-toggle-label{color:var(--text)}.cqmini-toggle .switch-track{width:22px;height:13px;padding:1px;box-sizing:border-box}.cqmini-toggle .switch-thumb{width:9px;height:9px}.cqmini-toggle .switch-track.on .switch-thumb{transform:translate(9px)}.cqmini-toggle .switch-track:hover:not(.pressing) .switch-thumb{width:11px}.cqmini-toggle .switch-track.on:hover:not(.pressing) .switch-thumb{width:11px;transform:translate(7px)}.cqmini-toggle .switch-track.pressing .switch-thumb{width:13px;height:7px}.cqmini-toggle .switch-track.on.pressing .switch-thumb{width:13px;height:7px;transform:translate(6px)}.cqmini-info-panel{width:auto;height:24px;background:#ffffffbf;border:1px solid rgba(0,0,0,.06);border-radius:var(--radius-brand);box-shadow:0 6px 20px #0000000f,inset 0 1px #ffffff80;backdrop-filter:blur(12px) saturate(1.2);padding:0 10px;opacity:0;pointer-events:none;transform:translateY(-24px);transition:opacity var(--motion-duration-moderate) var(--motion-ease-out),transform var(--motion-duration-moderate) var(--motion-ease-out);display:flex;align-items:center;justify-content:center;z-index:var(--z-cqmini);margin-top:4px}[data-theme=dark] .cqmini-info-panel{background:#141416b3;border-color:#ffffff0f;box-shadow:0 8px 24px #00000073,inset 0 1px #ffffff08}.cqmini-info-panel.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.cqmini-info-row-single,.cqmini-info-loading-single{display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.cqmini-info-text{font-size:10px;color:var(--muted);font-weight:var(--type-weight-medium);white-space:nowrap}.cqmini-info-sep{font-size:8px;color:color-mix(in srgb,var(--text) 20%,transparent);user-select:none}.cqmini-info-size-val,.cqmini-info-save-val{font-size:10px;font-weight:var(--type-weight-bold);color:var(--text);white-space:nowrap}.cqmini-info-skeleton-text{height:8px;width:70px;background:linear-gradient(90deg,var(--line-2) 25%,var(--surface-2) 50%,var(--line-2) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite linear;border-radius:4px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.cqmini-format.b4-button-base{height:26px;min-width:26px;width:auto;padding:0;border-radius:var(--radius-brand);background:transparent;border:none;color:var(--text-2);display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:var(--type-weight-medium);transition:background-color var(--dur-base) var(--motion-ease-standard),color var(--dur-base) var(--motion-ease-standard),padding var(--dur-base) var(--motion-ease-standard);flex-shrink:0}.cqmini-format.b4-button-base .b4-button-bg{background:transparent}.cqmini-format.b4-button-base:hover:not(:disabled){background:var(--hover);color:var(--text)}.cqmini-format.b4-button-base:hover:not(:disabled) .b4-button-bg{background:var(--hover)}.cqmini-format.b4-button-base.active{background:var(--active);color:var(--active-text);padding:0 8px;border-radius:var(--radius-brand)}.cqmini-format.b4-button-base.active:hover:not(:disabled){background:var(--active);color:var(--active-text)}.cqmini-format.b4-button-base.active .b4-button-bg{background:var(--active)}.cqmini-export.b4-button-base{width:30px;height:30px;flex:0 0 30px;padding:0;border:none;border-radius:var(--radius-brand);background:var(--active);color:var(--active-text);display:inline-flex;align-items:center;justify-content:center;transition:filter var(--dur-base) var(--motion-ease-standard),transform var(--dur-fast) var(--motion-ease-standard)}.cqmini-export.b4-button-base:hover:not(:disabled){background:var(--active);filter:brightness(1.1)}[data-theme=dark] .cqmini-export.b4-button-base:hover:not(:disabled){background:#fff;box-shadow:0 0 8px #ffffff40}.cqmini-export.b4-button-base:active:not(:disabled){transform:scale(.95)}.cqmini-export.b4-button-base:disabled{opacity:.5}.canvas-col--focused .cqmini{z-index:calc(var(--z-focused-canvas) + 1)}@media (max-width: 900px){.cqmini{top:10px;max-width:calc(100% - 20px)}.cqmini-bar{overflow-x:auto}.cqmini-menu{left:50%;transform:translate(-50%)}}.actionbar input:focus,.actionbar input:focus-visible,.actionbar textarea:focus,.actionbar textarea:focus-visible{outline:none;box-shadow:none}.toggle:focus-visible,.switch-track:focus-visible,.chip:focus-visible,.modeswitch button:focus-visible,.btn:focus-visible,.iconbtn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.field:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:0;border-color:var(--focus-ring-color)}.actionbar{position:absolute;bottom:0;left:0;right:0;z-index:var(--z-canvas-overlay);display:flex;justify-content:center;padding:0 var(--section-padding-x) var(--section-padding-x);pointer-events:none}.actionbar>*{pointer-events:auto}.bar{display:flex;align-items:center;gap:var(--control-gap-md);height:44px;padding:0 var(--space-3);background:var(--surface);border:var(--border-width-default) solid var(--border-color-layout);border-radius:var(--radius-bar);box-shadow:var(--shadow-actionbar);overflow:visible}.bar-tools{display:flex;gap:2px}.tool{position:relative;width:var(--control-height-md);height:var(--control-height-md);border-radius:var(--radius-brand);display:grid;place-items:center;color:var(--text-2);transition:background-color var(--dur-fast) var(--motion-ease-standard),color var(--dur-fast) var(--motion-ease-standard),transform var(--dur-fast) var(--motion-ease-standard)}.tool:hover:not(:disabled){background:var(--hover);color:var(--text)}.tool:active:not(:disabled){transform:scale(.9)}.tool.active{background:var(--active);color:var(--active-text)}.tool:disabled{opacity:.3;cursor:default}.tool .tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);background:var(--active);color:var(--active-text);padding:5px 9px;border-radius:var(--radius-sm);font-size:var(--type-micro-size);font-weight:var(--type-weight-medium);line-height:var(--type-line-tight);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s var(--motion-ease-out),transform .12s var(--motion-ease-out);box-shadow:0 4px 14px #00000029;border:var(--border-width-default) solid var(--border-color-control);z-index:var(--z-tooltip)}.tool:hover:not(:disabled) .tooltip{opacity:1;transform:translate(-50%) translateY(0)}.tool.danger:hover{background:color-mix(in srgb,var(--danger) 16%,transparent);color:var(--danger)}.soon{position:absolute;top:6px;right:7px;width:4px;height:4px;border-radius:50%;background:var(--muted)}.bar-div{width:1px;height:24px;background:var(--line-2);margin:0;flex-shrink:0}.bar-colors{display:flex;gap:5px;align-items:center;padding:0 2px 0 6px}.adot{width:18px;height:18px;border-radius:50%;border:1px solid var(--line-2);transition:transform var(--motion-duration-fast) var(--motion-ease-standard)}.adot:hover{transform:scale(1.12)}.adot.active{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--text)}.bar-props{display:flex;align-items:center;gap:8px}.bar-text{width:120px;border:var(--border-width-default) solid var(--border-color-control);background:var(--field);color:var(--text);border-radius:var(--radius-control);padding:6px 9px;font-size:var(--type-body-size);outline:none}.bar-text:focus{border-color:var(--border-color-focus)}.bar-size{width:84px;display:flex;align-items:center}.bar-size>div{margin-top:0!important;margin-bottom:0!important}.bar-size [class*=h-8]{height:28px!important}.bar-clear{font-size:var(--type-control-size);color:var(--muted);padding:6px 10px;border-radius:var(--radius-control)}.bar-clear:hover{color:var(--danger)}.handle-row{display:flex;align-items:center;justify-content:space-between;margin-top:14px;font-size:var(--type-control-size);color:var(--text-2)}.grade-sub{font-size:var(--type-label-size);font-weight:var(--type-weight-semibold);letter-spacing:var(--type-tracking-ui);line-height:var(--type-line-tight);text-transform:uppercase;color:var(--muted);margin:4px 0 9px}.grade-group .grade-sub:first-child{margin-top:0}.split-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.split-row .mono{font-size:var(--type-mono-size);color:var(--text-2)}.canvas-col--focused{position:fixed;inset:0;z-index:var(--z-focused-canvas);background:var(--stage);display:flex;flex-direction:column}.canvas-col--focused .stage{flex:1;min-height:0;padding:0;background:none;background-color:var(--stage);overflow:hidden}.canvas-col--focused .canvas-wrap,.canvas-col--focused .canvas-frame{width:100%;height:100%}.canvas-col--focused canvas.preview{max-width:none;max-height:none;filter:none}.canvas-col--focused .stage-meta{display:none}.canvas-col--focused .actionbar{position:absolute;bottom:0;left:0;right:0;z-index:var(--z-canvas-overlay);padding-bottom:28px;opacity:0;transition:opacity var(--motion-duration-reveal) var(--motion-ease-standard);pointer-events:none}.canvas-col--focused:hover .actionbar,.canvas-col--focused .actionbar:focus-within{opacity:1;pointer-events:auto}.canvas-col--focused .bar{background:color-mix(in srgb,var(--surface) 85%,transparent);backdrop-filter:var(--backdrop-standard);-webkit-backdrop-filter:var(--backdrop-standard);border-color:var(--border-color-layout);box-shadow:0 8px 32px #00000059}.canvas-col--focused .tool{color:var(--text-2)}.canvas-col--focused .tool:hover:not(:disabled){background:var(--hover);color:var(--text)}.canvas-col--focused .tool.active{background:var(--accent-soft);color:var(--text)}.canvas-col--focused .bar-div{background:var(--line-2)}.crop-overlay{position:absolute;inset:0;z-index:10;pointer-events:none;overflow:hidden;user-select:none;-webkit-user-select:none}.crop-dim{position:absolute;background:#00000073;pointer-events:none;transition:none}.crop-box{position:absolute;border:1.5px solid #ffffff;box-sizing:border-box;mix-blend-mode:difference;cursor:move;pointer-events:auto;box-shadow:0 0 0 1px #00000080}.crop-grid{position:absolute;inset:0;pointer-events:none}.crop-grid:before{content:"";position:absolute;inset:0 33.33%;border-left:1px dashed rgba(255,255,255,.4);border-right:1px dashed rgba(255,255,255,.4)}.crop-grid:after{content:"";position:absolute;inset:33.33% 0;border-top:1px dashed rgba(255,255,255,.4);border-bottom:1px dashed rgba(255,255,255,.4)}.crop-handle{position:absolute;pointer-events:auto;z-index:12}.crop-handle:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:#fff;border:1px solid #000000;border-radius:50%}.brand-vertical{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 0;border-bottom:1px solid var(--line);margin-bottom:16px;width:100%}.brand-vertical .brand-mark{width:32px;height:32px;border-radius:var(--radius-control);display:grid;place-items:center;background:transparent;box-shadow:none}.brand-vertical-text{text-align:center}.brand-vertical-text .brand-name{font-size:var(--type-hero-size);font-weight:var(--type-weight-bold);letter-spacing:var(--type-tracking-tight);line-height:var(--type-line-tight);color:var(--text)}.brand-vertical-text .brand-sub{margin-top:2px;font-size:var(--type-nano-size);letter-spacing:var(--type-tracking-wide);text-transform:uppercase;color:var(--muted);font-weight:var(--type-weight-semibold)}.rail-stations{display:flex;flex-direction:column;align-items:center;gap:3px;width:100%}.rail-section-label{width:44px;display:flex;align-items:center;justify-content:center;font-size:7px;font-weight:var(--type-weight-semibold);letter-spacing:0;line-height:1;color:color-mix(in srgb,var(--muted) 84%,transparent);text-transform:uppercase;user-select:none}.rail-section-label--kits{margin-top:13px}.rail-section-divider{width:18px;height:1px;margin:4px 0 7px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--line-3) 64%,transparent),transparent);flex-shrink:0}@media (max-width: 900px){.brand-vertical{display:none!important}.rail-stations{display:flex;flex-direction:row;width:100%;height:100%;gap:8px;justify-content:space-around;align-items:center}.rail-section-label{width:auto;font-size:6px;letter-spacing:0}.rail-section-label--kits{margin-top:0}.rail-section-divider{width:1px;height:22px;margin:0 1px;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--line-3) 64%,transparent),transparent)}.rail-item{width:auto;height:100%;aspect-ratio:1 / 1;padding:4px}}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-7);background:var(--surface-2);border-bottom:1px solid var(--line-2);flex-shrink:0}.panel-header-icons{display:flex;gap:4px;align-items:center}.panel-header-icons .iconbtn,.panel-header-buttons .iconbtn{width:28px;height:28px;border-radius:var(--radius-sm);display:grid;place-items:center;color:var(--text-2);border:var(--border-width-default) solid var(--border-color-layout);background:var(--surface);transition:background-color var(--dur-fast) var(--motion-ease-standard),border-color var(--dur-fast) var(--motion-ease-standard),color var(--dur-fast) var(--motion-ease-standard)}.panel-header-icons .iconbtn:hover:not(:disabled){background:var(--line-2);color:var(--text);border-color:var(--muted)}.panel-header-buttons{display:flex;gap:6px;align-items:center}@media (max-width: 900px){.section{padding:var(--section-mobile-padding-y) var(--section-mobile-padding-x)}.section:first-child{padding-top:var(--section-mobile-padding-y)}.field-label{font-size:var(--type-micro-size);margin-bottom:6px}.slider-head{font-size:var(--type-control-size);margin-bottom:7px}.slider-head .val{font-size:var(--type-control-size)}.seg{min-height:var(--control-touch-height);padding:var(--space-5) var(--space-6);font-size:var(--type-body-size)}input[type=range]{height:20px}input[type=range]::-webkit-slider-thumb{width:22px;height:22px;border-width:2px;box-shadow:0 1px 4px #00000040}input[type=range]::-moz-range-thumb{width:22px;height:22px;border-width:2px}input[type=range]::-webkit-slider-runnable-track{height:4px}.panel-scroll{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.panel-scroll>*{max-width:100%;box-sizing:border-box}}@media (max-width: 900px){.grade-group{gap:0}}select.field{appearance:none!important;-webkit-appearance:none!important;background-color:var(--field)!important;color:var(--text)!important;border:var(--border-width-default) solid var(--border-color-control)!important;border-radius:var(--radius-control)!important;padding-left:8px!important;padding-right:28px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2371717a' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 10px center!important;background-size:11px!important}.text-fill-gradient-button{position:relative;overflow:hidden;isolation:isolate;color:#000!important;background:transparent!important;border-color:transparent!important}.text-fill-gradient-button:before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:0;pointer-events:none;background-image:var(--text-fill-gradient-preview);background-size:var(--text-fill-gradient-size, 100% 100%);background-position:var(--text-fill-gradient-position, center)}.text-fill-gradient-button:after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:1;pointer-events:none;background:linear-gradient(to bottom,#fff3,#ffffff0a 38%,#00000014),radial-gradient(circle at 18% 18%,rgba(255,255,255,.35),transparent 24%)}.text-fill-gradient-button-label{position:relative;z-index:2}.text-fill-gradient-button-idle{--text-fill-gradient-preview: radial-gradient( circle at 12% 18%, rgba(255, 255, 255, .98) 0%, transparent 18% ), radial-gradient( circle at 80% 20%, rgba(0, 250, 154, .95) 0%, transparent 28% ), radial-gradient( circle at 18% 92%, rgba(0, 213, 255, .95) 0%, transparent 30% ), linear-gradient( 120deg, #00d5ff 0%, #00fa9a 22%, #eeff00 42%, #00fa9a 56%, #00d5ff 74%, #eeff00 100% );--text-fill-gradient-size: 260% 260%;--text-fill-gradient-position: 0% 50%}[data-theme=dark] .text-fill-gradient-button-idle{--text-fill-gradient-preview: radial-gradient( circle at 12% 18%, rgba(255, 68, 0, .98) 0%, transparent 18% ), radial-gradient( circle at 80% 20%, rgba(255, 174, 0, .95) 0%, transparent 28% ), radial-gradient( circle at 18% 92%, rgba(176, 1, 1, .95) 0%, transparent 30% ), linear-gradient( 120deg, #b00101 0%, #ff4d00 22%, #ffae00 42%, #ff4400 56%, #ff3d00 74%, #b00101 100% )}.text-fill-gradient-button-idle:before{animation:text-fill-gradient-screensaver 8s ease-in-out infinite}.text-fill-gradient-button-active{--text-fill-gradient-size: 100% 100%;--text-fill-gradient-position: center;border-color:transparent!important}.text-fill-gradient-button-active:before{animation:none}@keyframes text-fill-gradient-screensaver{0%{background-position:0% 50%,100% 30%,20% 100%,0% 50%}25%{background-position:35% 20%,70% 60%,45% 80%,35% 45%}50%{background-position:100% 50%,20% 80%,70% 30%,100% 50%}75%{background-position:65% 80%,40% 25%,15% 55%,65% 55%}to{background-position:0% 50%,100% 30%,20% 100%,0% 50%}}@media (prefers-reduced-motion: reduce){.text-fill-gradient-button-idle:before{animation:none}}.bento-drag-handle__tip{position:absolute;top:calc(100% + 5px);left:50%;transform:translate(-50%);white-space:nowrap;font-size:var(--type-micro-size);font-weight:var(--type-weight-medium);color:#ffffffe6;background:#000000b8;backdrop-filter:blur(6px);padding:3px 7px;border-radius:5px;pointer-events:none;opacity:0;transition:opacity var(--motion-duration-overlay) var(--motion-ease-standard);letter-spacing:var(--type-tracking-mono)}.bento-drag-handle:hover .bento-drag-handle__tip{opacity:1}.bento-add-layer-toggle:hover{color:#fff!important;background:#00000070!important}.bento-add-layer-btn:hover{background:#ffffff24!important;color:#fff!important}.bento-overlay-marquee{border:1.5px dashed rgba(124,58,237,.7);background:#7c3aed14;border-radius:3px;pointer-events:none;z-index:var(--z-tooltip)}.compare-hud-hint{display:inline-flex;align-items:center;justify-content:center;height:24px;box-sizing:border-box;padding:0 12px;background:color-mix(in srgb,var(--field) 86%,transparent);backdrop-filter:var(--backdrop-medium);border:var(--border-width-default) solid color-mix(in srgb,var(--line-3) 72%,transparent);border-radius:var(--radius-pill);box-shadow:var(--shadow-hud);color:var(--text);font-size:var(--type-label-size);font-weight:var(--type-weight-medium);letter-spacing:var(--type-tracking-wide);text-transform:uppercase;pointer-events:none;opacity:0;transition:opacity var(--motion-duration-slow) var(--motion-ease-standard);white-space:nowrap}.canvas-frame:hover .compare-hud-hint{opacity:1}.compare-hud-pill{display:inline-flex;align-items:center;justify-content:center;height:24px;box-sizing:border-box;padding:0 12px;background:color-mix(in srgb,var(--field) 86%,transparent);backdrop-filter:var(--backdrop-medium);border:var(--border-width-default) solid color-mix(in srgb,var(--line-3) 72%,transparent);border-radius:var(--radius-pill);box-shadow:var(--shadow-hud);color:var(--text);font-size:var(--type-label-size);font-weight:var(--type-weight-medium);letter-spacing:var(--type-tracking-wide);text-transform:uppercase;pointer-events:none;white-space:nowrap}.compare-hud-reset{display:inline-flex;align-items:center;justify-content:center;height:24px;box-sizing:border-box;padding:0 13px;gap:6px;border-radius:var(--radius-pill);font-size:var(--type-label-size);font-weight:var(--type-weight-medium);white-space:nowrap;background:var(--danger);color:#fff;border:none;cursor:pointer;user-select:none;pointer-events:auto;transition:background var(--motion-duration-overlay) var(--motion-ease-standard)}.compare-hud-reset:hover{background:#d00000}.compare-hud-reset:active{background:#900000}.cp-mode-section{padding-bottom:var(--space-6);border-bottom:1px solid var(--line);margin-bottom:var(--space-7)}.cp-mode-heading{font-weight:var(--type-weight-semibold);color:var(--text-2);margin-bottom:var(--space-7);display:block}.cp-mode-grid{margin-bottom:var(--space-7)}.cp-subsection-heading{font-weight:var(--type-weight-semibold);color:var(--text-2);margin-bottom:var(--space-7);display:block}.cp-labels-content{padding:var(--space-5);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-card);margin-bottom:var(--space-5)}.cp-labels-inputs{margin-bottom:var(--space-4)}.cp-labels-field{margin-top:var(--space-4)}.cp-advanced-btn{font-weight:var(--type-weight-semibold);display:flex;align-items:center;gap:var(--space-2);font-size:var(--type-control-size);color:var(--accent);margin-top:var(--space-2)}.cp-advanced-open{margin-bottom:var(--space-6)}.cp-advanced-panel{padding:var(--space-5);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-card);display:flex;flex-direction:column;gap:var(--space-6);animation:rise var(--motion-duration-fast) var(--motion-ease-standard);margin-bottom:var(--space-5)}.cp-colors-section{border-top:1px solid var(--line);padding-top:var(--space-5)}.cp-colors-heading{font-weight:var(--type-weight-semibold)}.cp-colors-swatches{display:flex;gap:var(--space-6);margin-top:var(--space-2)}.cp-border-color-row{margin-top:var(--space-4);display:flex;gap:var(--space-4);margin-bottom:var(--space-6)}.cp-border-color-col{flex:1}.cp-slider-head-mt{margin-top:var(--space-4)}.cp-divider-card{display:grid;grid-template-columns:72px 1fr;gap:var(--space-6);align-items:center;padding:var(--space-5);border:var(--border-width-default) solid var(--border-color-control);border-radius:var(--radius-control);background:var(--surface-2);margin-bottom:var(--space-7)}.cp-divider-preview{height:72px;border-radius:var(--radius-control);background:var(--field);position:relative;overflow:hidden;border:var(--border-width-default) solid var(--border-color-control)}.cp-divider-controls{display:flex;justify-content:space-between;gap:var(--space-4);align-items:center}.cp-divider-label{margin-bottom:var(--space-0);color:var(--text-2)}.cp-toggle-row{display:flex;gap:var(--space-4);margin-top:var(--space-4)}.cp-toggle-col{flex:1;margin:var(--space-0)}.cp-swatch-row{display:flex;gap:var(--space-5);align-items:center;margin-bottom:var(--space-7);flex-wrap:wrap}.cp-handle-icon-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--space-4)}.cp-handle-logo-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--type-micro-size);font-weight:var(--type-weight-bold);line-height:1;cursor:pointer}.cp-pip-field-label{margin-top:var(--space-6);margin-bottom:var(--space-3);display:block}.cp-section-mb{margin-bottom:var(--space-7)}.export-panel-group{padding-bottom:var(--space-6);border-bottom:1px solid var(--line);margin-bottom:var(--space-6)}.export-panel-mb-12{margin-bottom:var(--space-6)}.export-panel-label{font-weight:var(--type-weight-semibold);color:var(--text-2);margin-bottom:var(--space-4);display:block}.export-panel-mb-8{margin-bottom:var(--space-4)}.export-panel-custom-mb{margin-top:var(--space-4);animation:rise var(--motion-duration-slow) var(--motion-ease-standard)}.export-panel-grid2{margin-bottom:var(--space-5)}.export-panel-full-width{width:100%}.export-panel-quality-container{transition:opacity var(--motion-duration-fast) var(--motion-ease-standard);margin-bottom:var(--space-6)}.export-panel-limit-size-container{transition:opacity var(--motion-duration-fast) var(--motion-ease-standard)}.export-panel-info-note{font-size:var(--type-caption-size);color:var(--muted);margin-bottom:var(--space-6)}.export-panel-slider-head{margin-top:var(--space-4)}.export-panel-handle-row-margins{margin-top:var(--space-6);margin-bottom:var(--space-6)}.export-panel-flex-col{display:flex;flex-direction:column}.export-panel-toggle-title{font-size:var(--type-control-size);font-weight:var(--type-weight-medium);color:var(--text-2)}.export-panel-toggle-desc{font-size:var(--type-section-size);color:var(--muted);font-weight:400;margin-top:var(--space-1)}.export-panel-btn-margin{margin-top:var(--space-7)}.surface-level-1{--elevated-bg: var(--surface-1);--elevated-border: var(--line-2);--elevated-shadow: var(--shadow-1);--elevated-bg-hover: var(--hover);--elevated-bg-selected: var(--active);--elevated-ring: var(--accent)}.surface-level-2{--elevated-bg: var(--surface-2);--elevated-border: var(--line-2);--elevated-shadow: var(--shadow-2);--elevated-bg-hover: var(--hover);--elevated-bg-selected: var(--active);--elevated-ring: var(--accent)}.surface-level-3{--elevated-bg: var(--surface-3);--elevated-border: var(--line-2);--elevated-shadow: var(--shadow-3);--elevated-bg-hover: var(--hover);--elevated-bg-selected: var(--active);--elevated-ring: var(--accent)}.surface-level-4{--elevated-bg: var(--surface-4);--elevated-border: var(--line-2);--elevated-shadow: var(--shadow-4);--elevated-bg-hover: var(--hover);--elevated-bg-selected: var(--active);--elevated-ring: var(--accent)}.surface-level-5{--elevated-bg: var(--surface-5);--elevated-border: var(--line-2);--elevated-shadow: var(--shadow-5);--elevated-bg-hover: var(--hover);--elevated-bg-selected: var(--active);--elevated-ring: var(--accent)}.surface-level-6{--elevated-bg: var(--surface-6);--elevated-border: var(--line-2);--elevated-shadow: var(--shadow-6);--elevated-bg-hover: var(--hover);--elevated-bg-selected: var(--active);--elevated-ring: var(--accent)}.surface-level-7{--elevated-bg: var(--surface-7);--elevated-border: var(--line-2);--elevated-shadow: var(--shadow-7);--elevated-bg-hover: var(--hover);--elevated-bg-selected: var(--active);--elevated-ring: var(--accent)}.surface-level-8{--elevated-bg: var(--surface-8);--elevated-border: var(--line-2);--elevated-shadow: var(--shadow-8);--elevated-bg-hover: var(--hover);--elevated-bg-selected: var(--active);--elevated-ring: var(--accent)}.b4-button-base{position:relative;isolate:isolate;display:inline-flex;align-items:center;justify-content:center;outline:none;cursor:pointer;pointer-events:auto;font-family:inherit;font-size:var(--type-control-size);font-weight:var(--type-weight-medium);letter-spacing:var(--type-tracking-normal);line-height:var(--type-line-tight);white-space:nowrap;text-decoration:none;user-select:none;border-radius:var(--radius-pill);font-variation-settings:"wght" 500,"opsz" 14;transition:color var(--motion-duration-micro) var(--motion-ease-standard),border-color var(--motion-duration-micro) var(--motion-ease-standard),transform var(--motion-duration-micro) var(--motion-ease-standard),font-variation-settings var(--motion-duration-micro) var(--motion-ease-standard);-webkit-tap-highlight-color:transparent}.b4-button-bg{position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;transition:background-color var(--motion-duration-micro) var(--motion-ease-standard),transform var(--motion-duration-micro) var(--motion-ease-standard)}.b4-button-base:hover:not(:disabled){font-variation-settings:"wght" 550,"opsz" 14}.b4-button-base:active:not(:disabled){transform:scale(.98)}.b4-button-base svg{stroke-width:1.5;transition:stroke-width var(--motion-duration-micro) var(--motion-ease-standard)}.b4-button-base:hover:not(:disabled) svg{stroke-width:2}.b4-button-base.is-loading>*:not(.b4-button-bg):not(.b4-spinner){opacity:0!important;pointer-events:none!important}.b4-btn--primary{color:var(--active-text);border:none}.b4-btn--primary .b4-button-bg{background:var(--active)}.b4-btn--primary:hover:not(:disabled) .b4-button-bg{background:color-mix(in srgb,var(--active) 90%,var(--active-text))}.b4-btn--primary:active:not(:disabled) .b4-button-bg{background:color-mix(in srgb,var(--active) 80%,var(--active-text))}.b4-btn--secondary{color:var(--text);border:1px solid var(--elevated-border)}.b4-btn--secondary .b4-button-bg{background:var(--elevated-bg)}.b4-btn--secondary:hover:not(:disabled){border-color:var(--text-2)}.b4-btn--secondary:hover:not(:disabled) .b4-button-bg{background:var(--elevated-bg-hover)}.b4-btn--secondary:active:not(:disabled) .b4-button-bg{background:var(--line-2)}.b4-btn--soft{color:var(--text);border:none}.b4-btn--soft .b4-button-bg{background:var(--accent-soft)}.b4-btn--soft:hover:not(:disabled) .b4-button-bg{background:color-mix(in srgb,var(--accent-soft) 85%,var(--text))}.b4-btn--soft:active:not(:disabled) .b4-button-bg{background:color-mix(in srgb,var(--accent-soft) 70%,var(--text))}.b4-btn--outline{color:var(--text);border:1px solid var(--elevated-border)}.b4-btn--outline .b4-button-bg{background:transparent}.b4-btn--outline:hover:not(:disabled){border-color:var(--text-2)}.b4-btn--outline:hover:not(:disabled) .b4-button-bg{background:var(--elevated-bg-hover)}.b4-btn--outline:active:not(:disabled) .b4-button-bg{background:var(--line-2)}.b4-btn--ghost{color:var(--text-2);border:none}.b4-btn--ghost .b4-button-bg{background:transparent}.b4-btn--ghost:hover:not(:disabled){color:var(--text)}.b4-btn--ghost:hover:not(:disabled) .b4-button-bg{background:var(--elevated-bg-hover)}.b4-btn--ghost:active:not(:disabled) .b4-button-bg{background:var(--line-2)}.b4-btn--danger{color:var(--danger);border:1px solid var(--danger-border)}.b4-btn--danger .b4-button-bg{background:var(--danger-soft)}.b4-btn--danger:hover:not(:disabled){color:#fff;border-color:var(--danger)}.b4-btn--danger:hover:not(:disabled) .b4-button-bg{background:var(--danger)}.b4-btn--danger:active:not(:disabled) .b4-button-bg{background:color-mix(in srgb,var(--danger) 85%,#000)}.b4-btn--danger-strong{color:var(--danger);border:1px solid var(--danger-border-strong)}.b4-btn--danger-strong .b4-button-bg{background:var(--danger-strong)}.b4-btn--danger-strong:hover:not(:disabled) .b4-button-bg{background:var(--danger-hover-strong)}.b4-btn--danger-strong:active:not(:disabled) .b4-button-bg{background:color-mix(in srgb,var(--danger) 85%,#000)}.b4-btn--back{color:#fff;border:none}.b4-btn--back .b4-button-bg{background:#1a7a3c}.b4-btn--back:hover:not(:disabled) .b4-button-bg{background:#156030}[data-theme=dark] .b4-btn--back .b4-button-bg{background:#1fae52}[data-theme=dark] .b4-btn--back:hover:not(:disabled) .b4-button-bg{background:#178c41}.b4-btn--resetSolid{color:#fff;border:none}.b4-btn--resetSolid .b4-button-bg{background:var(--danger)}.b4-btn--resetSolid:hover:not(:disabled) .b4-button-bg{background:color-mix(in srgb,var(--danger) 82%,#000)}.b4-btn--yellow,.panel-header-icons .iconbtn.b4-btn--yellow,.panel-header-buttons .iconbtn.b4-btn--yellow{color:#0d0d0d!important;border:none!important;background:#eab308!important;font-weight:600}.b4-btn--yellow .b4-button-bg{background:#eab308}.b4-btn--yellow:hover:not(:disabled),.panel-header-icons .iconbtn.b4-btn--yellow:hover:not(:disabled),.panel-header-buttons .iconbtn.b4-btn--yellow:hover:not(:disabled){background:#ca8a04!important;color:#0d0d0d!important}.b4-btn--red,.panel-header-icons .iconbtn.b4-btn--red,.panel-header-buttons .iconbtn.b4-btn--red{color:#fff!important;border:none!important;background:var(--danger)!important;font-weight:600}.b4-btn--red .b4-button-bg{background:var(--danger)}.b4-btn--red:hover:not(:disabled),.panel-header-icons .iconbtn.b4-btn--red:hover:not(:disabled),.panel-header-buttons .iconbtn.b4-btn--red:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 82%,#000)!important;color:#fff!important}.b4-btn--green,.panel-header-icons .iconbtn.b4-btn--green,.panel-header-buttons .iconbtn.b4-btn--green{color:#fff!important;border:none!important;background:#16a34a!important;font-weight:600}.b4-btn--green .b4-button-bg{background:#16a34a}.b4-btn--green:hover:not(:disabled),.panel-header-icons .iconbtn.b4-btn--green:hover:not(:disabled),.panel-header-buttons .iconbtn.b4-btn--green:hover:not(:disabled){background:#15803d!important;color:#fff!important}.b4-button-base.is-active-trigger .b4-button-bg{background:var(--line-2)}.b4-btn--primary.is-active-trigger .b4-button-bg{background:color-mix(in srgb,var(--active) 80%,var(--active-text))}.b4-button-base.b4-btn--rail{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;width:36px;height:36px;flex-shrink:0;border-radius:var(--radius-brand);color:var(--muted);background:transparent;border:none}.b4-button-base.b4-btn--rail .b4-button-bg{background:transparent;border-radius:var(--radius-brand)}.b4-button-base.b4-btn--rail:hover:not(:disabled){color:var(--text-2)}.b4-button-base.b4-btn--rail:hover:not(:disabled) .b4-button-bg{background:var(--hover)}.b4-button-base.b4-btn--rail.is-active-trigger{color:#fff;background:var(--active)}.b4-button-base.b4-btn--rail.is-active-trigger .b4-button-bg{background:transparent}[data-theme=dark] .b4-button-base.b4-btn--rail.is-active-trigger{color:var(--text);background:var(--surface-5)}[data-theme=dark] .b4-button-base.b4-btn--rail.is-active-trigger .b4-button-bg{background:transparent}.b4-button-base.b4-btn--tool{position:relative;width:30px;height:30px;border-radius:var(--radius-brand);display:grid;place-items:center;color:var(--text-2);background:transparent;border:none}.b4-button-base.b4-btn--tool .b4-button-bg{background:transparent;border-radius:var(--radius-brand)}.b4-button-base.b4-btn--tool:hover:not(:disabled){color:var(--text)}.b4-button-base.b4-btn--tool:hover:not(:disabled) .b4-button-bg{background:var(--hover)}.b4-button-base.b4-btn--tool.is-active-trigger{color:var(--text-2);background:color-mix(in srgb,var(--text) 14%,transparent)}.b4-button-base.b4-btn--danger.tool{border-radius:var(--radius-brand);width:30px;height:30px;padding:0;display:grid;place-items:center}.b4-btn--selected{color:var(--text);border:1px solid var(--accent-border)}.b4-btn--selected .b4-button-bg{background:var(--accent-soft)}.b4-btn--selected:hover:not(:disabled) .b4-button-bg{background:color-mix(in srgb,var(--accent-soft) 85%,var(--text))}.b4-btn--icon{color:var(--text-2);border:none}.b4-btn--icon .b4-button-bg{background:transparent}.b4-btn--icon:hover:not(:disabled){color:var(--text)}.b4-btn--icon:hover:not(:disabled) .b4-button-bg{background:var(--surface-2)}.b4-btn--icon:active:not(:disabled) .b4-button-bg{background:var(--line-2)}.b4-btn--icon.is-active-trigger{color:var(--text)}.b4-btn--icon.is-active-trigger .b4-button-bg{background:var(--line-2)}.b4-btn--xs{height:24px;padding:0 8px;font-size:var(--type-section-size);font-weight:var(--type-weight-medium);gap:4px}.b4-btn--sm{height:28px;padding:0 12px;font-size:var(--type-micro-size);font-weight:var(--type-weight-medium);gap:6px}.b4-btn--md{height:32px;padding:0 14px;font-size:var(--type-control-size);font-weight:var(--type-weight-medium);gap:6px}.b4-btn--lg{height:36px;padding:0 18px;font-size:var(--type-body-size);font-weight:var(--type-weight-medium);gap:8px}.b4-button-base.b4-btn--icon-xs{height:24px;width:24px;padding:0;border-radius:var(--radius-sm)}.b4-button-base.b4-btn--icon-sm{height:28px;width:28px;padding:0;border-radius:var(--radius-sm)}.b4-button-base.b4-btn--icon-md{height:32px;width:32px;padding:0;border-radius:var(--radius-brand)}.b4-button-base.b4-btn--icon-lg{height:36px;width:36px;padding:0;border-radius:var(--radius-control)}@keyframes spinner-move{to{stroke-dashoffset:-100}}@keyframes spinner-dash{0%,to{stroke-dasharray:15 85}50%{stroke-dasharray:40 60}}@media (prefers-reduced-motion: reduce){:root{--motion-duration-fast: 0s !important;--motion-duration-base: 0s !important;--motion-duration-slow: 0s !important;--motion-duration-panel: 0s !important;--motion-duration-overlay: 0s !important}*,:before,:after{animation-delay:-1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;background-attachment:scroll!important;scroll-behavior:auto!important;transition-duration:0s!important;transition-delay:0s!important}}.cp-sidebar{display:flex;flex-direction:column;flex:1;min-height:0}.panel .section{padding:12px 14px!important;border-top:1px solid var(--line)!important}.panel .section:first-child{border-top:none!important;padding-top:12px!important}.panel .section-title span{font-size:var(--type-section-size)!important;font-weight:var(--type-weight-semibold)!important;letter-spacing:var(--type-tracking-ui)!important}.panel .cp-mode-section{padding-bottom:var(--space-4)!important;margin-bottom:var(--space-4)!important;border-bottom:none!important}.panel .cp-mode-grid{margin-bottom:var(--space-4)!important}.panel .cp-section-mb{margin-bottom:var(--space-5)!important}.panel .cp-labels-content{padding:var(--space-5)!important;background:var(--surface-2)!important;border:1px solid var(--line)!important;border-radius:var(--radius-card)!important;margin-bottom:var(--space-5)!important}.panel .cp-labels-inputs{margin-bottom:var(--space-3)!important}.panel .cp-labels-field{margin-top:var(--space-3)!important}.panel .field,.panel .cp-labels-field button,.panel .section button[aria-haspopup=listbox],.panel .section button[aria-haspopup=dialog]:not(.swatch),.panel .section button[data-state]:not(.swatch){height:30px!important;border-radius:var(--radius-brand)!important;font-size:var(--type-control-size)!important;border:1px solid var(--line-2)!important;background:var(--field)!important;color:var(--text)!important;box-sizing:border-box!important}.panel .field{padding:0 var(--space-4)!important}.panel textarea.field{height:auto!important;min-height:calc(var(--space-10) * 3)!important;padding:var(--space-3) var(--space-4)!important;line-height:var(--type-line-normal)!important}.panel .cp-labels-field button,.panel .section button[aria-haspopup=listbox],.panel .section button[aria-haspopup=dialog]:not(.swatch),.panel .section button[data-state]:not(.swatch){padding:0 var(--space-4)!important;line-height:28px!important}.panel .field:hover,.panel .cp-labels-field button:hover,.panel .section button[aria-haspopup=listbox]:hover,.panel .section button[aria-haspopup=dialog]:not(.swatch):hover,.panel .section button[data-state]:not(.swatch):hover{background:var(--field-hover)!important}.panel .field:focus,.panel .cp-labels-field button:focus-visible,.panel .section button[aria-haspopup=listbox]:focus-visible,.panel .section button[aria-haspopup=dialog]:not(.swatch):focus-visible,.panel .section button[data-state]:not(.swatch):focus-visible{border-color:var(--border-color-focus)!important}.panel .field-label{margin-top:var(--space-10)}.panel .field-label:first-child,.panel :first-child>.field-label:first-child{margin-top:var(--space-6)}.panel .marks-editor-stack{display:flex;flex-direction:column;gap:var(--space-4)!important}.panel .marks-editor-stack>*{margin-top:0!important}.panel .marks-editor-stack .marks-editor-group{display:flex;flex-direction:column;gap:var(--space-4)!important}.panel .marks-editor-stack .marks-editor-card{display:flex;flex-direction:column;gap:var(--space-10);padding:0 var(--space-2);border:none;border-radius:var(--radius-card);background:transparent;box-sizing:border-box}.panel .marks-editor-stack .marks-editor-slider-stack{display:flex;flex-direction:column;gap:var(--space-4)}.panel .marks-editor-stack .marks-editor-slider-stack .slider-head{margin-bottom:0;padding-top:0;padding-bottom:0}.panel .marks-editor-stack .marks-editor-slider-stack .b4-range-slider{margin-top:var(--space-0)!important;margin-bottom:var(--space-0)!important}.panel .marks-editor-stack .marks-editor-group .field-label,.panel .marks-editor-stack .marks-editor-group .slider-head{margin:0!important;padding:0!important}.panel .marks-editor-stack .marks-editor-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)!important}.panel .marks-editor-stack .marks-editor-row .field-label{margin:0!important;padding:0!important}.panel .marks-editor-stack .marks-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8)!important}.panel .marks-editor-stack .marks-editor-color-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-10)}.panel .marks-editor-stack .marks-editor-separator{border-top:1px solid var(--line-2)!important;margin:0!important}.panel .marks-editor-stack .marks-editor-group:has(.slider-head) .b4-range-slider{margin-top:0!important;margin-bottom:0!important}.panel .seg.b4-button-base,.panel .cp-handle-icon-grid .seg.b4-button-base,.panel .cp-handle-logo-btn{height:32px!important;border-radius:var(--radius-control)!important;border:1px solid var(--line-2)!important;background:var(--field)!important;color:var(--text-2)!important;font-size:var(--type-control-size)!important;font-weight:var(--type-weight-medium)!important;box-shadow:none!important;box-sizing:border-box!important;transition:background-color var(--motion-duration-micro) var(--motion-ease-standard),border-color var(--motion-duration-micro) var(--motion-ease-standard),color var(--motion-duration-micro) var(--motion-ease-standard)!important}.panel .seg.b4-button-base .b4-button-bg,.panel .cp-handle-icon-grid .seg.b4-button-base .b4-button-bg{display:none!important}.panel .seg.b4-button-base:focus,.panel .seg.b4-button-base:focus-visible,.panel .cp-handle-logo-btn:focus,.panel .cp-handle-logo-btn:focus-visible{outline:none!important;box-shadow:none!important}.panel .seg.b4-button-base:hover:not(:disabled):not(.active):not(.is-active-trigger),.panel .cp-handle-logo-btn:hover:not(.active){background:var(--field-hover)!important;color:var(--text-2)!important;border-color:var(--line-2)!important}.panel .seg.active,.panel .seg.is-active-trigger,.panel .cp-handle-logo-btn.active{background:var(--slider-fill)!important;border-color:var(--line-2)!important;color:var(--text-2)!important}.shaders-eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 10px;font-size:var(--type-nano-size);font-weight:var(--type-weight-semibold);letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.shaders-eyebrow:after{content:"";flex:1;height:1px;background:var(--line)}.shaders-eyebrow .shaders-eyebrow__count{font-variant-numeric:tabular-nums;letter-spacing:var(--type-tracking-mono);color:var(--muted);opacity:.7}.shaders-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.shaders-card{position:relative;display:flex;flex-direction:column;padding:5px 5px 7px;border-radius:var(--radius-card);border:1px solid var(--line-2);background:var(--surface);cursor:pointer;text-align:left;-webkit-appearance:none;appearance:none;transition:transform .45s cubic-bezier(.32,.72,0,1),border-color .25s ease,background .25s ease,box-shadow .45s cubic-bezier(.32,.72,0,1)}.shaders-card:hover{transform:translateY(-2px);border-color:var(--line);box-shadow:var(--shadow-pop)}.shaders-card:active{transform:translateY(0) scale(.985)}.shaders-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.shaders-card.is-active{border-color:var(--accent-border);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-border)}.shaders-card__swatch{height:42px;border-radius:8px;border:1px solid var(--line-2);box-shadow:inset 0 1px #ffffff24}.shaders-card__name{margin-top:7px;font-size:var(--type-control-size);font-weight:var(--type-weight-medium);line-height:1.15;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shaders-card__dot{position:absolute;top:10px;right:10px;width:6px;height:6px;border-radius:50%;box-shadow:0 0 0 2px var(--surface)}.shaders-card.is-active .shaders-card__dot{box-shadow:0 0 0 2px var(--accent-soft)}@media (prefers-reduced-motion: reduce){.shaders-card{transition:none}}