:root{--color-brand-emerald:#147d5c;--color-brand-ocean:#02271f;--color-brand-black:#1d1d1b;--color-brand-white:#fff;--color-green-forest:#124035;--color-green-leaf:#00a75d;--color-green-moss:#659a7e;--color-green-lime:#97f881;--color-green-lime-hover:#8f0;--color-green-pistache:#cbe8c5;--color-green-pastel:#c2f4c4;--color-green-pear:#e2ffdc;--color-green-frost:#ebf5eb;--color-green-snow:#f2f6f2;--color-neutral-black:#1d1d1b;--color-neutral-90:#343432;--color-neutral-75:#545452;--color-neutral-50:#8a8a89;--color-neutral-25:#c1c1c1;--color-neutral-10:#e2e2e2;--color-neutral-5:#ededed;--color-neutral-2-5:#f3f3f2;--color-neutral-white:#fff;--color-status-warning:#e1931d;--color-status-stop:#d91919;--color-status-stop-hover:#a91b1b;--color-status-stop-dark:#f87171;--color-status-link:#0038ff;--color-status-link-dark:#87a0ff;--color-overlay-35:#1d1d1b59;--space-0:0px;--space-1:2px;--space-2:4px;--space-3:8px;--space-4:12px;--space-5:16px;--space-6:20px;--space-7:24px;--space-8:32px;--space-9:40px;--space-10:48px;--space-11:64px;--space-12:80px;--space-13:96px;--radius-none:0px;--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-full:9999px;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:30px;--font-size-4xl:36px;--font-size-5xl:48px;--font-size-6xl:60px;--font-line-height-xs:16px;--font-line-height-sm:20px;--font-line-height-base:24px;--font-line-height-lg:28px;--font-line-height-xl:28px;--font-line-height-2xl:29px;--font-line-height-3xl:36px;--font-line-height-4xl:40px;--font-line-height-5xl:56px;--font-line-height-6xl:68px;--font-family-display:"TT Hoves Pro", system-ui, sans-serif;--font-family-body:"TT Hoves Pro", system-ui, sans-serif;--font-family-accent:"TT Hoves Pro", system-ui, sans-serif;--font-family-strong:"Montserrat", "TT Hoves Pro", system-ui, sans-serif;--font-family-mono:"JetBrains Mono", ui-monospace, SF Mono, monospace;--font-weight-regular:400;--font-weight-demibold:600;--font-weight-semibold:600;--font-weight-bold:700;--icon-size-xs:12px;--icon-size-sm:14px;--icon-size-md:16px;--icon-size-lg:20px;--icon-size-xl:24px;--font-sans:var(--font-family-body);--color-bg-default:var(--color-brand-white);--color-bg-subtle:var(--color-neutral-2-5);--color-bg-muted:var(--color-neutral-5);--color-bg-inverse:var(--color-brand-ocean);--color-bg-brand:var(--color-brand-emerald);--color-bg-brand-subtle:var(--color-green-frost);--color-text-primary:var(--color-brand-black);--color-text-secondary:var(--color-neutral-75);--color-text-tertiary:var(--color-neutral-75);--color-text-disabled:var(--color-neutral-75);--color-text-inverse:var(--color-brand-white);--color-text-brand:var(--color-brand-emerald);--color-text-link:var(--color-status-link);--color-text-on-brand:var(--color-brand-white);--color-text-on-action:var(--color-brand-white);--color-text-on-warning:var(--color-brand-black);--color-text-on-danger:var(--color-brand-white);--color-text-on-success:var(--color-brand-white);--color-text-on-info:var(--color-brand-white);--color-border-default:var(--color-neutral-10);--color-border-subtle:var(--color-neutral-5);--color-border-strong:var(--color-neutral-75);--color-border-focus:var(--color-green-moss);--color-border-brand:var(--color-brand-emerald);--color-border-interactive:var(--color-neutral-75);--color-border-interactive-hover:var(--color-brand-black);--color-action-default:var(--color-brand-emerald);--color-action-hover:var(--color-brand-ocean);--color-action-pressed:var(--color-green-forest);--color-action-subtle:var(--color-green-frost);--color-success-default:var(--color-brand-emerald);--color-success-subtle:var(--color-green-pear);--color-success-text:var(--color-green-forest);--color-warning-default:var(--color-status-warning);--color-warning-subtle:var(--color-status-warning);--color-warning-text:var(--color-status-warning);--color-danger-default:var(--color-status-stop);--color-danger-subtle:var(--color-status-stop);--color-danger-text:var(--color-status-stop);--color-info-default:var(--color-status-link);--color-info-subtle:var(--color-status-link);--color-info-text:var(--color-status-link);--color-icon-default:var(--color-brand-black);--color-icon-subtle:var(--color-neutral-75);--color-icon-brand:var(--color-green-leaf);--color-icon-on-action:var(--color-brand-white);--color-icon-disabled:var(--color-neutral-50);--color-icon-danger:var(--color-status-stop);--color-icon-warning:var(--color-status-warning);--color-icon-success:var(--color-brand-emerald);--color-icon-info:var(--color-status-link);--color-overlay-scrim:var(--color-overlay-35);--color-button-primary-bg:var(--color-brand-emerald);--color-button-primary-bg-hover:var(--color-green-forest);--color-button-primary-text:var(--color-brand-white);--color-button-secondary-bg:var(--color-brand-white);--color-button-secondary-bg-hover:var(--color-neutral-2-5);--color-button-secondary-border:var(--color-brand-ocean);--color-button-secondary-text:var(--color-brand-ocean);--color-button-secondary-text-hover:var(--color-brand-ocean);--color-button-ghost-bg:var(--color-brand-white);--color-button-ghost-bg-hover:var(--color-neutral-5);--color-button-ghost-text:var(--color-brand-ocean);--color-button-stop-bg:var(--color-status-stop);--color-button-stop-bg-hover:var(--color-status-stop-hover);--color-button-stop-text:var(--color-brand-white);--color-button-sleep-bg:var(--color-neutral-10);--color-button-sleep-text:var(--color-neutral-75);--color-tooltip-bg:var(--color-brand-ocean);--color-tooltip-text:var(--color-green-snow);--color-scrollbar-track:var(--color-green-snow);--color-scrollbar-thumb:var(--color-green-forest);--color-sidebar-border:var(--color-neutral-10);--color-menu-item-bg:var(--color-green-snow);--color-menu-item-bg-hover:var(--color-neutral-10);--color-menu-item-text-hover:var(--color-brand-black);--color-menu-item-bg-selected:var(--color-green-forest);--color-menu-item-text-selected:var(--color-brand-white);--color-select-item-bg:var(--color-brand-white);--color-select-item-border:var(--color-brand-black);--color-select-item-bg-selected:var(--color-brand-emerald);--color-select-item-mark:var(--color-brand-white);--color-slider-track:var(--color-green-snow);--color-slider-thumb:var(--color-green-forest);--color-slider-track-square:var(--color-green-lime);--color-toggle-track-on:var(--color-brand-emerald);--color-toggle-track-off:var(--color-neutral-50);--color-toggle-knob:var(--color-brand-white);--color-toggle-content-track:var(--color-neutral-2-5);--color-toggle-content-segment-active:var(--color-neutral-10);--color-toggle-content-text:var(--color-brand-ocean);--color-card-icon-fg:var(--color-brand-white);--color-card-icon-bg:var(--color-green-leaf);--color-card-icon-bg-hover:var(--color-neutral-75);--color-card-text:var(--color-brand-white);--color-card-bg:var(--color-neutral-2-5);--color-card-bg-hover:var(--color-green-frost);--color-card-small-icon-fg:var(--color-brand-black);--color-card-small-icon-bg:var(--color-neutral-2-5);--color-card-small-icon-bg-hover:var(--color-neutral-10);--color-card-small-text:var(--color-brand-black);--color-card-small-bg:var(--color-brand-white);--color-card-small-bg-hover:var(--color-neutral-2-5);--color-input-placeholder:var(--color-neutral-75);--color-dropdown-bg:var(--color-brand-white);--color-shadow-default:#1d1d1b4d;--shadow-xs:0 1px 2px 0 #1018280d;--space-xs:var(--space-2);--space-sm:var(--space-3);--space-md:var(--space-4);--space-lg:var(--space-5);--space-xl:var(--space-7);--space-2xl:var(--space-8);--space-3xl:var(--space-10);--icon-size-on-button-sm:var(--icon-size-sm);--icon-size-on-button-md:var(--icon-size-md);--icon-size-on-button-lg:var(--icon-size-lg);--bg-default:var(--color-bg-default);--bg-subtle:var(--color-bg-subtle);--bg-muted:var(--color-bg-muted);--bg-brand-subtle:var(--color-bg-brand-subtle);--text-primary:var(--color-text-primary);--text-secondary:var(--color-text-secondary);--text-tertiary:var(--color-text-tertiary);--text-disabled:var(--color-text-disabled);--text-brand:var(--color-text-brand);--text-link:var(--color-text-link);--text-on-action:var(--color-text-on-action);--text-on-success:var(--color-text-on-success);--text-on-warning:var(--color-text-on-warning);--text-on-danger:var(--color-text-on-danger);--text-on-info:var(--color-text-on-info);--surface-action:var(--color-action-default);--surface-success:var(--color-success-default);--surface-warning:var(--color-warning-default);--surface-danger:var(--color-danger-default);--surface-info:var(--color-info-default);--border-default:var(--color-border-default);--border-subtle:var(--color-border-subtle);--border-strong:var(--color-border-strong);--border-interactive:var(--color-border-interactive);--border-focus:var(--color-border-focus);--button-primary-bg:var(--color-button-primary-bg);--button-primary-bg-hover:var(--color-button-primary-bg-hover);--button-primary-text:var(--color-button-primary-text);--button-secondary-bg:var(--color-button-secondary-bg);--button-secondary-bg-hover:var(--color-button-secondary-bg-hover);--button-secondary-text:var(--color-button-secondary-text);--button-secondary-border:var(--color-button-secondary-border);--button-ghost-bg:var(--color-button-ghost-bg);--button-ghost-bg-hover:var(--color-button-ghost-bg-hover);--button-ghost-text:var(--color-button-ghost-text);--button-stop-bg:var(--color-button-stop-bg);--button-stop-bg-hover:var(--color-button-stop-bg-hover);--button-stop-text:var(--color-button-stop-text);--button-disabled-bg:var(--color-button-sleep-bg);--button-disabled-text:var(--color-button-sleep-text);--card-icon-fg:var(--color-card-icon-fg);--card-icon-bg:var(--color-card-icon-bg);--card-icon-bg-hover:var(--color-card-icon-bg-hover);--card-text:var(--color-card-text);--card-bg:var(--color-card-bg);--card-bg-hover:var(--color-card-bg-hover);--card-small-icon-fg:var(--color-card-small-icon-fg);--card-small-icon-bg:var(--color-card-small-icon-bg);--card-small-icon-bg-hover:var(--color-card-small-icon-bg-hover);--card-small-text:var(--color-card-small-text);--card-small-bg:var(--color-card-small-bg);--card-small-bg-hover:var(--color-card-small-bg-hover);--toggle-content-track:var(--color-toggle-content-track);--toggle-content-segment-active:var(--color-toggle-content-segment-active);--toggle-content-text:var(--color-toggle-content-text);--tooltip-bg:var(--color-tooltip-bg);--tooltip-text:var(--color-tooltip-text);--scrollbar-track:var(--color-scrollbar-track);--scrollbar-thumb:var(--color-scrollbar-thumb);--font-label-default-size:var(--font-size-sm);--font-label-default-lh:18px;--font-label-default-weight:500;--font-label-sm-size:var(--font-size-xs);--font-label-sm-lh:var(--font-line-height-xs);--font-label-sm-weight:500;--font-label-xs-size:10px;--font-label-xs-lh:10px;--font-label-xs-weight:500;--font-label-strong-size:var(--font-size-base);--font-label-strong-lh:19.5px;--font-label-strong-weight:500;--font-body-xs-size:var(--font-size-xs);--font-body-xs-lh:var(--font-line-height-xs);--font-body-xs-weight:var(--font-weight-regular);--font-body-sm-size:var(--font-size-sm);--font-body-sm-lh:var(--font-line-height-sm);--font-body-sm-weight:var(--font-weight-regular);--font-body-default-size:var(--font-size-base);--font-body-default-lh:var(--font-line-height-base);--font-body-default-weight:var(--font-weight-regular);--font-body-lg-size:var(--font-size-lg);--font-body-lg-lh:var(--font-line-height-lg);--font-body-lg-weight:var(--font-weight-regular);--font-h1-size:var(--font-size-4xl);--font-h1-lh:44px;--font-h1-weight:600;--font-h2-size:var(--font-size-3xl);--font-h2-lh:var(--font-line-height-3xl);--font-h2-weight:600;--font-h3-size:var(--font-size-2xl);--font-h3-lh:var(--font-line-height-2xl);--font-h3-weight:600;--font-h4-size:var(--font-size-xl);--font-h4-lh:var(--font-line-height-xl);--font-h4-weight:600;--font-h5-size:var(--font-size-lg);--font-h5-lh:26px;--font-h5-weight:600;--font-h6-size:var(--font-size-base);--font-h6-lh:22px;--font-h6-weight:600}[data-theme=dark]{--color-bg-default:var(--color-neutral-90);--color-bg-subtle:var(--color-brand-black);--color-bg-muted:var(--color-green-forest);--color-bg-inverse:var(--color-brand-white);--color-bg-brand:var(--color-brand-emerald);--color-bg-brand-subtle:var(--color-green-forest);--color-text-primary:var(--color-brand-white);--color-text-secondary:var(--color-neutral-25);--color-text-tertiary:var(--color-neutral-50);--color-text-disabled:var(--color-neutral-25);--color-text-inverse:var(--color-brand-black);--color-text-brand:var(--color-green-leaf);--color-text-link:var(--color-status-link-dark);--color-text-on-brand:var(--color-brand-white);--color-text-on-action:var(--color-brand-white);--color-text-on-warning:var(--color-brand-black);--color-text-on-danger:var(--color-brand-white);--color-text-on-success:var(--color-brand-white);--color-text-on-info:var(--color-brand-black);--color-border-default:var(--color-neutral-75);--color-border-subtle:var(--color-green-forest);--color-border-strong:var(--color-neutral-25);--color-border-focus:var(--color-green-leaf);--color-border-brand:var(--color-green-leaf);--color-border-interactive:var(--color-neutral-25);--color-border-interactive-hover:var(--color-brand-white);--color-action-default:var(--color-brand-emerald);--color-action-hover:var(--color-green-leaf);--color-action-pressed:var(--color-green-lime);--color-action-subtle:var(--color-green-forest);--color-success-default:var(--color-brand-emerald);--color-success-subtle:var(--color-green-forest);--color-success-text:var(--color-green-leaf);--color-info-default:var(--color-status-link-dark);--color-info-subtle:var(--color-status-link-dark);--color-info-text:var(--color-status-link-dark);--color-danger-text:var(--color-status-stop-dark);--color-icon-default:var(--color-brand-white);--color-icon-subtle:var(--color-neutral-50);--color-icon-success:var(--color-green-leaf);--color-icon-info:var(--color-status-link-dark);--color-icon-danger:var(--color-status-stop-dark);--color-button-primary-bg:var(--color-green-lime);--color-button-primary-bg-hover:var(--color-green-lime-hover);--color-button-primary-text:var(--color-brand-ocean);--color-button-secondary-bg:var(--color-green-forest);--color-button-secondary-bg-hover:var(--color-brand-black);--color-button-secondary-border:var(--color-green-lime);--color-button-secondary-text:var(--color-green-lime);--color-button-secondary-text-hover:var(--color-green-lime);--color-button-ghost-bg:var(--color-neutral-90);--color-button-ghost-bg-hover:var(--color-green-forest);--color-button-ghost-text:var(--color-brand-white);--color-button-sleep-bg:var(--color-neutral-75);--color-button-sleep-text:var(--color-neutral-10);--color-card-icon-fg:var(--color-brand-ocean);--color-card-icon-bg:var(--color-green-lime);--color-card-icon-bg-hover:var(--color-green-lime-hover);--color-card-small-icon-fg:var(--color-brand-white);--color-card-small-icon-bg:var(--color-green-moss);--color-card-small-icon-bg-hover:var(--color-green-pistache);--color-card-small-text:var(--color-brand-white);--color-card-small-bg:var(--color-neutral-90);--color-card-small-bg-hover:var(--color-green-forest);--color-toggle-content-track:var(--color-neutral-75);--color-toggle-content-segment-active:var(--color-green-forest);--color-toggle-content-text:var(--color-brand-white);--color-toggle-track-on:var(--color-green-lime);--color-toggle-knob:var(--color-brand-ocean);--color-tooltip-bg:var(--color-green-snow);--color-tooltip-text:var(--color-brand-ocean);--color-scrollbar-track:var(--color-green-forest);--color-scrollbar-thumb:var(--color-green-snow);--color-menu-item-bg:var(--color-neutral-75);--color-menu-item-bg-hover:var(--color-green-forest);--color-menu-item-text-hover:var(--color-brand-white);--color-menu-item-bg-selected:var(--color-green-lime);--color-menu-item-text-selected:var(--color-brand-black);--color-select-item-bg:var(--color-brand-black);--color-select-item-border:var(--color-brand-white);--color-select-item-bg-selected:var(--color-green-pastel);--color-select-item-mark:var(--color-brand-black);--color-slider-track:var(--color-green-moss);--color-slider-thumb:var(--color-green-lime);--color-slider-track-square:var(--color-green-pear);--color-input-placeholder:var(--color-neutral-25);--color-dropdown-bg:var(--color-neutral-90);--color-shadow-default:#97f8818c}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg-default:var(--color-neutral-90);--color-bg-subtle:var(--color-brand-black);--color-bg-muted:var(--color-green-forest);--color-bg-inverse:var(--color-brand-white);--color-bg-brand-subtle:var(--color-green-forest);--color-text-primary:var(--color-brand-white);--color-text-secondary:var(--color-neutral-25);--color-text-tertiary:var(--color-neutral-50);--color-text-disabled:var(--color-neutral-25);--color-text-inverse:var(--color-brand-black);--color-text-brand:var(--color-green-leaf);--color-text-link:var(--color-status-link-dark);--color-text-on-info:var(--color-brand-black);--color-danger-text:var(--color-status-stop-dark);--color-border-default:var(--color-neutral-75);--color-border-subtle:var(--color-green-forest);--color-border-strong:var(--color-neutral-25);--color-border-focus:var(--color-green-leaf);--color-border-brand:var(--color-green-leaf);--color-border-interactive:var(--color-neutral-25);--color-border-interactive-hover:var(--color-brand-white);--color-action-hover:var(--color-green-leaf);--color-action-pressed:var(--color-green-lime);--color-action-subtle:var(--color-green-forest);--color-success-subtle:var(--color-green-forest);--color-success-text:var(--color-green-leaf);--color-info-default:var(--color-status-link-dark);--color-info-subtle:var(--color-status-link-dark);--color-info-text:var(--color-status-link-dark);--color-icon-default:var(--color-brand-white);--color-icon-subtle:var(--color-neutral-50);--color-icon-success:var(--color-green-leaf);--color-icon-info:var(--color-status-link-dark);--color-icon-danger:var(--color-status-stop-dark);--color-tooltip-bg:var(--color-green-snow);--color-tooltip-text:var(--color-brand-ocean);--color-scrollbar-track:var(--color-green-forest);--color-scrollbar-thumb:var(--color-green-snow);--color-button-primary-bg:var(--color-green-lime);--color-button-primary-bg-hover:var(--color-green-lime-hover);--color-button-primary-text:var(--color-brand-ocean);--color-button-secondary-bg:var(--color-green-forest);--color-button-secondary-bg-hover:var(--color-brand-black);--color-button-secondary-border:var(--color-green-lime);--color-button-secondary-text:var(--color-green-lime);--color-button-secondary-text-hover:var(--color-green-lime);--color-button-ghost-bg:var(--color-neutral-90);--color-button-ghost-bg-hover:var(--color-green-forest);--color-button-ghost-text:var(--color-brand-white);--color-button-sleep-bg:var(--color-neutral-75);--color-button-sleep-text:var(--color-neutral-10);--color-card-icon-fg:var(--color-brand-ocean);--color-card-icon-bg:var(--color-green-lime);--color-card-icon-bg-hover:var(--color-green-lime-hover);--color-card-small-icon-fg:var(--color-brand-white);--color-card-small-icon-bg:var(--color-green-moss);--color-card-small-icon-bg-hover:var(--color-green-pistache);--color-card-small-text:var(--color-brand-white);--color-card-small-bg:var(--color-neutral-90);--color-card-small-bg-hover:var(--color-green-forest);--color-toggle-content-track:var(--color-neutral-75);--color-toggle-content-segment-active:var(--color-green-forest);--color-toggle-content-text:var(--color-brand-white);--color-toggle-track-on:var(--color-green-lime);--color-toggle-knob:var(--color-brand-ocean);--color-menu-item-bg:var(--color-neutral-75);--color-menu-item-bg-hover:var(--color-green-forest);--color-menu-item-text-hover:var(--color-brand-white);--color-menu-item-bg-selected:var(--color-green-lime);--color-menu-item-text-selected:var(--color-brand-black);--color-select-item-bg:var(--color-brand-black);--color-select-item-border:var(--color-brand-white);--color-select-item-bg-selected:var(--color-green-pastel);--color-select-item-mark:var(--color-brand-black);--color-slider-track:var(--color-green-moss);--color-slider-thumb:var(--color-green-lime);--color-slider-track-square:var(--color-green-pear);--color-input-placeholder:var(--color-neutral-25);--color-dropdown-bg:var(--color-neutral-90);--color-shadow-default:#97f8818c}}:root{--color-shadow-glyph:color-mix(in srgb, var(--color-brand-black) 16%, transparent)}[data-theme=dark]{--color-shadow-glyph:color-mix(in srgb, var(--color-brand-white) 16%, transparent)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-shadow-glyph:color-mix(in srgb, var(--color-brand-white) 16%, transparent)}}
@font-face{font-family:TT Hoves Pro;src:url(/fonts/TT_Hoves_Pro_Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:TT Hoves Pro;src:url(/fonts/TT_Hoves_Pro_Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:TT Hoves Pro;src:url(/fonts/TT_Hoves_Pro_DemiBold.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}
*{box-sizing:border-box}body{font-family:var(--font-family-body);color:var(--color-text-primary);background:var(--color-bg-default);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}button{font:inherit;cursor:pointer}*{scrollbar-width:thin;scrollbar-color:var(--color-scrollbar-thumb) var(--color-scrollbar-track)}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.shell{grid-template-columns:64px 445px 1fr;height:100vh;display:grid}.rail{border-right:.5px solid var(--color-sidebar-border);background:var(--color-bg-default);padding:var(--space-9) var(--space-4);align-items:center;gap:var(--space-5);flex-direction:column;display:flex}.rail-logo{color:var(--color-icon-brand);margin-bottom:var(--space-7);display:flex}.rail-btn{border-radius:var(--radius-lg);width:40px;height:40px;color:var(--color-icon-default);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.rail-btn.active{background:var(--color-bg-subtle);color:var(--color-icon-default)}.rail-spacer{flex:1}.rail-avatar{border-radius:var(--radius-full);background:var(--color-bg-brand);width:36px;height:36px;color:var(--color-text-on-brand);font-size:var(--font-label-sm-size);font-weight:var(--font-label-sm-weight);justify-content:center;align-items:center;display:flex}.panel{border-right:.5px solid var(--color-border-default);flex-direction:column;display:flex;overflow-y:auto}.panel-header{padding:var(--space-6) var(--space-7);border-bottom:.5px solid var(--color-border-default);background:var(--color-bg-default);z-index:2;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.panel-title{font-size:var(--font-label-default-size);line-height:var(--font-label-default-lh);font-weight:var(--font-weight-demibold)}.status-chip{align-items:center;gap:var(--space-3);font-size:var(--font-body-xs-size);line-height:var(--font-line-height-xs);color:var(--color-text-primary);display:flex}.status-dot{border-radius:var(--radius-full);background:var(--color-success-default);width:8px;height:8px}.status-dot.dirty{background:var(--color-warning-default)}.panel-section{padding:var(--space-6) var(--space-7) var(--space-7);border-bottom:.5px solid var(--color-border-default)}.panel-section:last-child{border-bottom:0}.panel-section-title{align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);line-height:18px;font-weight:var(--font-weight-demibold);margin:0 0 var(--space-4);display:flex}.info-dot{color:var(--color-icon-subtle);cursor:help;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.block-list{gap:var(--space-2);flex-direction:column;display:flex}.block-card{align-items:center;gap:var(--space-5);background:var(--color-bg-default);border:.5px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5) var(--space-4) var(--space-3);display:flex}.block-card.dragging{opacity:.4}.block-card.drop-target{border-color:var(--color-border-brand);box-shadow:0 0 0 1px var(--color-border-brand)}.block-card.disabled-block .block-name{color:var(--color-text-disabled)}.block-grip{color:var(--color-icon-default);cursor:grab;background:0 0;border:none;padding:2px;display:flex}.block-grip:active{cursor:grabbing}.block-grip-placeholder{width:20px}.block-name{font-size:var(--font-label-default-size);line-height:var(--font-label-default-lh);font-weight:var(--font-label-default-weight);align-items:center;gap:var(--space-3);flex:1;min-width:0;display:flex}.block-name span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.edited-dot{border-radius:var(--radius-full);background:var(--color-warning-default);flex:none;width:6px;height:6px}.lock-badge{font-size:var(--font-label-sm-size);line-height:var(--font-label-sm-lh);color:var(--color-text-secondary);border:.5px solid var(--color-border-default);border-radius:var(--radius-full);padding:2px var(--space-3);align-items:center;gap:var(--space-2);flex:none;display:inline-flex}.icon-btn{color:var(--color-icon-default);padding:var(--space-2);border-radius:var(--radius-md);background:0 0;border:none;display:flex}.icon-btn:hover{background:var(--color-bg-muted);color:var(--color-icon-default)}.toggle{border-radius:var(--radius-xl);background:var(--color-toggle-track-off);border:none;flex:none;width:42px;height:20px;transition:background-color .16s;position:relative}.toggle.on{background:var(--color-toggle-track-on)}.toggle:after{content:"";border-radius:var(--radius-lg);background:var(--color-toggle-knob);width:16px;height:16px;transition:transform .16s;position:absolute;top:2px;left:2px}.toggle.on:after{transform:translate(22px)}.toggle:disabled{opacity:.5;cursor:not-allowed}.add-block-btn{margin-top:var(--space-4);color:var(--color-icon-default);padding:var(--space-3);border-radius:var(--radius-lg);background:0 0;border:none;align-self:center;display:flex}.add-block-btn:hover{background:var(--color-bg-subtle)}.guidelines-box textarea{border:.5px solid var(--color-border-default);border-radius:var(--radius-lg);width:100%;min-height:96px;padding:var(--space-4);font:inherit;font-size:var(--font-body-sm-size);line-height:var(--font-line-height-sm);resize:vertical}.guidelines-box textarea::placeholder{color:var(--color-input-placeholder)}.guidelines-box textarea:focus{outline:2px solid var(--color-border-focus);outline-offset:2px}.model-choice{gap:var(--space-3);background:var(--color-bg-brand-subtle);border-radius:var(--radius-lg);padding:var(--space-5);font-size:var(--font-body-sm-size);line-height:var(--font-line-height-sm);flex-direction:column;display:flex}.model-choice strong{font-weight:var(--font-weight-demibold)}.model-choice p{color:var(--color-text-secondary);margin:0}.preview{background:var(--color-bg-subtle);flex-direction:column;height:100%;display:flex;overflow:hidden}.preview-header{align-items:center;gap:var(--space-5);padding:var(--space-5) var(--space-7);display:flex}.preview-header>.preview-eye{color:var(--color-icon-subtle);display:flex}.preview-title{font-size:var(--font-size-sm);line-height:18px;font-weight:var(--font-weight-demibold)}.preview-sub{font-size:var(--font-body-xs-size);line-height:var(--font-line-height-xs);color:var(--color-text-secondary)}.sample-select{font:inherit;font-size:var(--font-label-default-size);height:34px;padding:0 var(--space-4);border:.5px solid var(--color-border-interactive);border-radius:var(--radius-md);background:var(--color-bg-default);max-width:340px}.btn{border-radius:var(--radius-md);height:34px;padding:var(--space-3) var(--space-6);font-size:var(--font-label-default-size);line-height:var(--font-label-default-lh);font-weight:var(--font-label-default-weight);border:.5px solid var(--color-button-secondary-border);background:var(--color-button-secondary-bg);color:var(--color-button-secondary-text);justify-content:center;align-items:center;gap:var(--space-3);white-space:nowrap;transition:background-color .12s,color .12s,border-color .12s;display:inline-flex}.btn:hover:not(:disabled){background:var(--color-button-secondary-bg-hover)}.btn:disabled{cursor:not-allowed;background:var(--color-button-sleep-bg);color:var(--color-button-sleep-text);border-color:#0000}.btn-primary{background:var(--color-button-primary-bg);color:var(--color-button-primary-text);border:none}.btn-primary:hover:not(:disabled){background:var(--color-button-primary-bg-hover)}.preview-body{min-height:0;padding:0 var(--space-7);flex:1;display:flex}.preview-card{background:var(--color-bg-default);border:.5px solid var(--color-border-default);border-radius:var(--radius-2xl);padding:var(--space-8) var(--space-9);flex:1;overflow-y:auto}.preview-empty{min-height:60vh;font-size:var(--font-h4-size);line-height:var(--font-h4-lh);font-weight:var(--font-h4-weight);color:var(--color-text-primary);text-align:center;justify-content:center;align-items:center;display:flex}.preview-output{font-size:var(--font-body-sm-size);max-width:760px;margin:0 auto;line-height:1.6}.preview-part{transition:opacity .15s;position:relative}.preview-part.regenerating{opacity:.45}.preview-part .part-spinner{position:absolute;top:6px;right:0}.preview-part .part-spinner .spinner{border-color:var(--color-border-subtle);border-top-color:var(--color-icon-subtle)}.preview-output h1,.preview-output h2,.preview-output h3{line-height:1.25}.preview-footer{padding:var(--space-3) var(--space-7) var(--space-5);font-size:var(--font-body-xs-size);line-height:var(--font-line-height-xs);color:var(--color-text-secondary);justify-content:space-between;gap:var(--space-4);display:flex}.error-banner{background:color-mix(in srgb, var(--color-danger-default) 8%, var(--color-bg-default));color:var(--color-danger-text);border-radius:var(--radius-md);padding:var(--space-3) var(--space-5);font-size:var(--font-body-sm-size);margin:var(--space-4) var(--space-7) 0}.spinner{border:2px solid color-mix(in srgb, currentColor 30%, transparent);border-radius:var(--radius-full);border-top-color:currentColor;width:16px;height:16px;animation:.8s linear infinite spin}.spinner.dark{border-color:var(--color-border-subtle);border-top-color:var(--color-icon-subtle)}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{background:color-mix(in srgb, var(--color-bg-inverse) 45%, transparent);z-index:20;padding:var(--space-7);justify-content:center;align-items:center;animation:.12s ease-out modal-overlay-in;display:flex;position:fixed;inset:0}.modal{background:var(--color-bg-default);border-radius:var(--radius-2xl);width:640px;max-width:100%;max-height:86vh;padding:var(--space-7) var(--space-8);gap:var(--space-5);flex-direction:column;animation:.14s ease-out modal-panel-in;display:flex}@keyframes modal-overlay-in{0%{opacity:0}}@keyframes modal-panel-in{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.modal-backdrop,.modal{animation:none}}.modal h2{font-size:var(--font-h6-size);line-height:var(--font-h6-lh);font-weight:var(--font-h6-weight);margin:0}.modal .modal-hint{font-size:var(--font-body-sm-size);line-height:var(--font-line-height-sm);color:var(--color-text-secondary);margin:0}.modal textarea{border:.5px solid var(--color-border-default);border-radius:var(--radius-lg);width:100%;min-height:260px;padding:var(--space-4);font-family:var(--font-family-mono);resize:vertical;flex:1;font-size:13px;line-height:1.5}.modal input[type=text]{border:.5px solid var(--color-border-interactive);border-radius:var(--radius-md);width:100%;padding:var(--space-3) var(--space-4);font:inherit;font-size:var(--font-label-default-size)}.modal input[type=text]::placeholder,.modal textarea::placeholder{color:var(--color-input-placeholder)}.modal-actions{justify-content:flex-end;gap:var(--space-3);display:flex}.modal-actions .left{margin-right:auto}.btn-quiet{background:var(--color-button-ghost-bg);height:34px;color:var(--color-button-ghost-text);font-size:var(--font-label-default-size);font-weight:var(--font-label-default-weight);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:none;align-items:center;transition:background-color .12s;display:inline-flex}.btn-quiet:hover{background:var(--color-button-ghost-bg-hover)}.btn-danger-quiet{color:var(--color-danger-text)}.screen-center{height:100vh;color:var(--color-text-secondary);font-size:var(--font-body-sm-size);justify-content:center;align-items:center;display:flex}.pb-shell{background:var(--color-bg-default);height:100vh;display:flex;overflow:hidden}.pb-main{flex:auto;min-width:0;height:100vh;padding:60px 56px 80px;overflow-y:auto}.pb-content{gap:var(--space-10);flex-direction:column;max-width:1090px;margin:0 auto;display:flex}.pb-header{justify-content:space-between;align-items:center;gap:var(--space-7);display:flex}.pb-title{color:var(--color-text-primary);font-size:var(--font-h3-size);line-height:var(--font-h3-lh);font-weight:var(--font-h3-weight);margin:0}.pb-seg{background:var(--color-toggle-content-track);border-radius:var(--radius-md);padding:2px;display:inline-flex}.pb-seg button{height:24px;padding:0 var(--space-4);border-radius:var(--radius-md);font-size:var(--font-label-sm-size);line-height:var(--font-label-sm-lh);font-weight:var(--font-label-sm-weight);color:var(--color-toggle-content-text);background:0 0;border:none}.pb-seg button.active{background:var(--color-toggle-content-segment-active)}.pb-label{padding-left:var(--space-7);color:var(--color-text-primary);font-size:var(--font-size-sm);line-height:18px;font-weight:var(--font-weight-demibold);margin:0}.pb-sections{gap:var(--space-9);flex-direction:column;display:flex}.pb-section{gap:var(--space-4);flex-direction:column;display:flex}.pb-row{gap:var(--space-7);align-items:stretch;display:flex}.pb-row>*{flex:1 1 0;min-width:0}.pb-card{cursor:pointer;text-align:left;border:0;font-family:inherit;text-decoration:none;transition:background-color .12s;display:flex}.pb-card.featured{align-items:flex-start;gap:var(--space-7);padding:var(--space-7);border-radius:var(--radius-xl);background-image:linear-gradient(90deg, var(--pb-from) 0%, var(--pb-to) 100%);color:var(--color-card-text);flex-direction:column}.pb-card.scheme1{--pb-from:var(--color-brand-emerald);--pb-to:var(--color-green-leaf)}.pb-card.scheme2{--pb-from:var(--color-green-forest);--pb-to:var(--color-brand-emerald)}.pb-card.scheme3{--pb-from:var(--color-brand-ocean);--pb-to:var(--color-green-forest)}.pb-card.featured:hover{background-image:linear-gradient(270deg, var(--pb-from) 0%, var(--pb-to) 100%)}.pb-card-header{justify-content:space-between;align-items:flex-start;width:100%;display:flex}.pb-badge{padding:var(--space-4);border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;transition:background-color .12s;display:inline-flex}.pb-card.featured .pb-badge{background:var(--color-card-icon-bg);color:var(--color-card-icon-fg)}.pb-card.featured:hover .pb-badge{background:var(--color-card-icon-bg-hover)}.pb-arrow{color:var(--color-card-text);opacity:0;flex-shrink:0;transition:opacity .12s}.pb-card.featured:hover .pb-arrow{opacity:1}.pb-card-text{align-items:flex-start;gap:var(--space-2);flex-direction:column;width:100%;min-width:0;display:flex}.pb-card.featured .pb-card-title{font-size:var(--font-h6-size);line-height:var(--font-h6-lh);font-weight:var(--font-h6-weight);margin:0}.pb-card.featured .pb-card-desc{font-size:var(--font-body-sm-size);line-height:var(--font-line-height-sm);font-weight:var(--font-body-sm-weight);margin:0}.pb-card.small{align-items:flex-start;gap:var(--space-7);padding:var(--space-4) var(--space-7);border-radius:var(--radius-lg);background:var(--color-card-small-bg);color:var(--color-card-small-text);flex-direction:row;position:relative}.pb-card.small:hover{background:var(--color-card-small-bg-hover)}.pb-card.small .pb-badge{background:var(--color-card-small-icon-bg);color:var(--color-card-small-icon-fg)}.pb-card.small:hover .pb-badge{background:var(--color-card-small-icon-bg-hover)}.pb-card.small .pb-card-text{gap:var(--space-1);flex:1 0 0}.pb-card.small .pb-card-title{font-size:var(--font-size-sm);line-height:18px;font-weight:var(--font-weight-demibold);margin:0}.pb-card.small .pb-card-desc{font-size:var(--font-body-xs-size);line-height:var(--font-line-height-xs);font-weight:var(--font-body-xs-weight);color:var(--color-text-secondary);margin:0}.pb-arrow-small{top:var(--space-4);right:var(--space-4);color:var(--color-card-small-text);opacity:0;transition:opacity .12s;position:absolute}.pb-card.small:hover .pb-arrow-small{opacity:1}@media (max-width:900px){.pb-main{padding:40px 24px 56px}.pb-row{flex-direction:column}}