:root{--color-success:#10b981;--color-success-subtle:#10b9811a;--color-success-hover:#059669;--color-warning:#fbbf24;--color-warning-subtle:#94a3b814;--color-warning-hover:#eab308;--color-error:#ef4444;--color-error-subtle:#ef44441a;--color-error-hover:#dc2626;--color-error-text:#fff;--font-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--text-xs:.6875rem;--text-sm:.8125rem;--text-base:.875rem;--text-lg:1rem;--text-xl:1.125rem;--text-2xl:1.5rem;--text-heading-lg-size:1.5rem;--text-heading-lg-weight:600;--text-heading-lg-leading:1.25;--text-heading-lg-tracking:-.01em;--text-heading-lg-family:var(--font-sans);--text-heading-md-size:1.125rem;--text-heading-md-weight:600;--text-heading-md-leading:1.25;--text-heading-md-tracking:-.01em;--text-heading-md-family:var(--font-sans);--text-heading-sm-size:1rem;--text-heading-sm-weight:600;--text-heading-sm-leading:1.25;--text-heading-sm-tracking:0;--text-heading-sm-family:var(--font-sans);--text-body-lg-size:.875rem;--text-body-lg-weight:400;--text-body-lg-leading:1.5;--text-body-lg-tracking:0;--text-body-lg-family:var(--font-sans);--text-body-md-size:.8125rem;--text-body-md-weight:400;--text-body-md-leading:1.5;--text-body-md-tracking:0;--text-body-md-family:var(--font-sans);--text-body-sm-size:.75rem;--text-body-sm-weight:400;--text-body-sm-leading:1.5;--text-body-sm-tracking:0;--text-body-sm-family:var(--font-sans);--text-body-xs-size:.6875rem;--text-body-xs-weight:400;--text-body-xs-leading:1.5;--text-body-xs-tracking:0;--text-body-xs-family:var(--font-sans);--text-label-size:.6875rem;--text-label-weight:500;--text-label-leading:1;--text-label-tracking:.025em;--text-label-family:var(--font-sans);--text-mono-size:.8125rem;--text-mono-weight:400;--text-mono-leading:1.5;--text-mono-tracking:0;--text-mono-family:var(--font-mono);--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--space-0_5:.125rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-full:9999px;--duration-instant:0s;--duration-fast:.1s;--duration-normal:.15s;--duration-slow:.2s;--ease-out:cubic-bezier(.16, 1, .3, 1);--page-control-height:30px;--page-control-font-size:var(--text-sm);--page-control-menu-font-size:.75rem;--page-control-radius:var(--radius-md);--page-control-border:var(--color-border-default);--page-control-border-hover:var(--color-border-hover);--font-weight-bold:700;--content-nav-height:3rem;--shadow-focus:0 0 0 2px var(--color-focus-ring);--editor-selection-color:var(--color-accent-primary);--canvas-dim-overlay-bg:#0006}.content-layout select:not([multiple]){appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1.5l5 5 5-5' stroke='%239ca3af' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:2rem}@media (prefers-reduced-motion:reduce){:root{--duration-instant:0s;--duration-fast:0s;--duration-normal:0s;--duration-slow:0s}}.theme-switching *,.theme-switching :before,.theme-switching :after{transition:background-color var(--duration-slow) var(--ease-out), color var(--duration-slow) var(--ease-out), border-color var(--duration-slow) var(--ease-out), fill var(--duration-slow) var(--ease-out), box-shadow var(--duration-slow) var(--ease-out)!important}html,body,#root{height:100%;margin:0;padding:0;overflow:hidden}body{background-color:var(--color-surface-primary,#0a0a0a);font-family:var(--font-sans)}.content-layout{background-color:var(--color-surface-primary,#fff);color:var(--color-text-primary,#0f172a);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal)}.dark .content-layout{background-color:var(--color-surface-primary,#0a0a0a);color:var(--color-text-primary,#f1f5f9)}.content-layout{-webkit-user-select:none;user-select:none}.content-layout input,.content-layout textarea,.content-layout [contenteditable]{-webkit-user-select:text;user-select:text}.team-impersonation{align-items:center;gap:var(--space-2);display:flex}.team-impersonation--menu{align-items:stretch;gap:var(--space-1);flex-direction:column;width:100%}.team-impersonation__label{font-size:var(--text-xs,.6875rem);font-weight:var(--font-weight-medium,500);color:var(--color-text-muted)}.team-impersonation__select{font-size:var(--text-sm);color:var(--color-text-primary);background:var(--color-surface-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);cursor:pointer;width:100%}.team-impersonation__select:focus-visible{box-shadow:0 0 0 2px var(--color-focus-ring-offset), 0 0 0 4px var(--color-focus-ring);outline:none}.team-impersonation__badge{font-size:var(--text-xs,.6875rem);padding:var(--space-0_5) var(--space-1);background:var(--color-warning-surface,#fbbf24);color:var(--color-warning-text,#78350f);border-radius:var(--radius-sm);font-weight:var(--font-weight-bold,700);align-self:flex-start}.theme-toggle{border-radius:var(--radius-md);background:var(--color-surface-tertiary);cursor:pointer;width:2rem;height:2rem;transition:background-color var(--duration-normal) var(--ease-out);border:none;justify-content:center;align-items:center;padding:0;display:flex}.theme-toggle:hover{background:var(--color-interactive-hover)}.theme-toggle:focus-visible{box-shadow:0 0 0 2px var(--color-focus-ring-offset), 0 0 0 4px var(--color-focus-ring);outline:none}.theme-toggle__icon{width:1rem;height:1rem;color:var(--color-text-muted);transition:color var(--duration-normal) var(--ease-out)}.theme-toggle:hover .theme-toggle__icon{color:var(--color-text-secondary)}.content-nav{height:3rem;padding:0 var(--space-4);background:var(--color-surface-secondary);border-bottom:1px solid var(--color-border-default);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.content-nav__left{align-items:center;display:flex}.content-nav__title{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:-.01em;text-decoration:none}.content-nav__title:hover{color:var(--color-text-secondary)}.content-nav__right{align-items:center;gap:var(--space-2);display:flex}.content-nav__links{align-items:center;gap:var(--space-1);display:flex}.content-nav__link{font-size:var(--text-sm);font-weight:var(--font-weight-medium,500);color:var(--color-text-muted);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);text-decoration:none}.content-nav__link:hover{color:var(--color-text-secondary);background:var(--color-interactive-hover)}.content-nav__link--active{color:var(--color-text-primary)}.content-nav__link:focus-visible{box-shadow:0 0 0 2px var(--color-focus-ring-offset), 0 0 0 4px var(--color-focus-ring);outline:none}.content-nav__divider{background:var(--color-border-subtle);flex-shrink:0;width:1px;height:20px}.content-nav__user-menu{position:relative}.content-nav__avatar{background:var(--color-surface-tertiary);width:2rem;height:2rem;color:var(--color-text-muted);font-size:.75rem;font-weight:var(--text-heading-sm-weight);letter-spacing:.02em;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.content-nav__avatar:hover{background:var(--color-interactive-hover);color:var(--color-text-secondary)}.content-nav__avatar:focus-visible{box-shadow:0 0 0 2px var(--color-focus-ring-offset), 0 0 0 4px var(--color-focus-ring);outline:none}.content-nav__dropdown{top:calc(100% + var(--space-1));background:var(--color-surface-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-md);min-width:12rem;box-shadow:var(--shadow-md);z-index:100;position:absolute;right:0;overflow:hidden}.content-nav__dropdown-profile{gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-subtle);flex-direction:column;display:flex}.content-nav__dropdown-name{font-size:var(--text-sm);font-weight:var(--font-weight-medium,500);color:var(--color-text-primary)}.content-nav__dropdown-email{font-size:var(--text-xs,.6875rem);color:var(--color-text-muted)}.content-nav__dropdown-item{width:100%;padding:var(--space-2) var(--space-3);text-align:left;font-size:var(--text-sm);color:var(--color-text-primary);cursor:pointer;background:0 0;border:none;display:block}.content-nav__dropdown-item:hover{background:var(--color-interactive-hover)}.content-nav__filter-block{align-items:flex-start;gap:var(--space-3);margin-left:var(--space-4);display:flex}.content-nav__filter-field{gap:var(--space-0_5);flex-direction:column;display:flex}.content-nav__filter-label{font-size:var(--text-xs,.6875rem);font-weight:var(--font-weight-medium,500);color:var(--color-text-muted);line-height:1}.content-nav__filter-select{font-size:var(--text-sm);color:var(--color-text-primary);background:var(--color-surface-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);padding:var(--space-0_5) var(--space-2);cursor:pointer;height:1.75rem}.content-nav__filter-select:focus-visible{box-shadow:0 0 0 2px var(--color-focus-ring-offset), 0 0 0 4px var(--color-focus-ring);outline:none}.content-nav__filter-indicator{font-size:var(--text-xs,.6875rem);color:var(--color-text-muted);line-height:1}.auth-page{background:var(--color-surface-primary);justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-spinner-container{align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.auth-spinner{border:3px solid var(--color-border-default);border-top-color:var(--color-accent-primary);border-radius:50%;width:2.5rem;height:2.5rem;animation:.75s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-spinner-label{color:var(--color-text-secondary);font-size:.9375rem}.auth-card{text-align:center;max-width:28rem;padding:0 var(--space-8)}.auth-card__title{font-size:var(--text-2xl);font-weight:var(--text-heading-sm-weight);color:var(--color-text-primary);margin:0 0 var(--space-2);letter-spacing:-.02em}.auth-card__subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);margin:0 0 var(--space-8)}.auth-card__error-title{font-size:1.25rem;font-weight:var(--text-heading-sm-weight);color:var(--color-text-primary);margin:0 0 var(--space-4)}.auth-card__error-message{color:var(--color-text-secondary);margin:0 0 var(--space-6);font-size:.9375rem}.auth-card__actions{gap:var(--space-3);justify-content:center;display:flex}.auth-btn-primary{padding:var(--space-3) var(--space-8);background:var(--color-accent-primary);color:var(--color-accent-contrast);border-radius:var(--radius-md);font-size:var(--text-lg);font-weight:var(--text-label-weight);cursor:pointer;transition:opacity var(--duration-normal) var(--ease-out);border:none;text-decoration:none;display:inline-block}.auth-btn-primary:hover{opacity:.9}.auth-btn-primary:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}.auth-btn-secondary{padding:var(--space-3) var(--space-8);color:var(--color-text-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);font-size:var(--text-lg);font-weight:var(--text-label-weight);cursor:pointer;transition:background var(--duration-normal) var(--ease-out);background:0 0}.auth-btn-secondary:hover{background:var(--color-interactive-hover)}.auth-btn-secondary:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}.content-layout{flex-direction:column;height:100vh;display:flex;overflow:hidden}.content-layout__main{flex-direction:column;flex:1;min-height:0;display:flex}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);-webkit-user-select:none;user-select:none;border-radius:.25rem;width:100%;line-height:1;display:inline-flex;position:relative;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);background-repeat:no-repeat;background-image:var(--custom-highlight-background,linear-gradient(90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100%));height:100%;animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute;top:0;left:0;right:0;transform:translate(-100%)}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display:none}}.execution-editor-page{flex-direction:column;width:100%;height:100%;display:flex}.execution-editor-page>.execution-editor-canvas,.execution-editor-page>.execution-editor-page__status{flex:1;min-height:0}.execution-editor-page__status{height:100%;color:var(--text-secondary,#666);justify-content:center;align-items:center;padding:2rem;display:flex}.ce-theme-selector{position:relative}.ce-theme-trigger{align-items:center;gap:var(--space-2);height:var(--ff-control-height,24px);padding:0 var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--ff-control-border,var(--color-border-subtle));background:var(--color-surface-secondary);color:var(--color-text-primary);cursor:pointer;white-space:nowrap;transition:border-color var(--duration-fast), background var(--duration-fast);font-family:inherit;font-size:12px;display:flex}.ce-theme-trigger:hover:not(:disabled){border-color:var(--ff-control-border-hover,var(--color-border-hover))}.ce-theme-trigger:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.ce-theme-trigger:disabled{opacity:.5;cursor:not-allowed}.ce-theme-trigger-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.ce-theme-trigger-chevron{color:var(--color-text-muted);flex-shrink:0}.ce-theme-dropdown{z-index:9999;background:var(--color-surface-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-dropdown);flex-direction:column;display:flex;overflow:hidden}.ce-theme-dropdown__header{border-bottom:1px solid var(--ff-control-border,var(--color-border-subtle));background:var(--color-surface-secondary);flex-shrink:0;padding:6px 8px}.ce-theme-dropdown__search{box-sizing:border-box;width:100%;height:var(--ff-control-height,24px);color:var(--ff-text-primary,var(--color-text-primary));background:var(--ff-control-bg,var(--color-surface-secondary));border:1px solid var(--ff-control-border,var(--color-border-subtle));border-radius:var(--ff-control-radius,4px);outline:none;padding:0 8px;font-family:inherit;font-size:12px}.ce-theme-dropdown__search:focus{border-color:var(--ff-control-border-focus,var(--color-border-focus))}.ce-theme-dropdown__search::placeholder{color:var(--ff-text-muted,var(--color-text-muted))}.ce-theme-dropdown__body{overscroll-behavior:contain;flex:1;overflow-y:auto}.ce-theme-dropdown__group-header{z-index:1;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--text-heading-sm-weight);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;background:var(--color-surface-secondary);border-bottom:1px solid var(--color-border-subtle);pointer-events:none;position:sticky;top:0}.ce-theme-dropdown__option{cursor:pointer;min-height:30px;color:var(--color-text-secondary);transition:background var(--duration-fast);outline:none;align-items:center;padding:2px 8px;font-size:12px;display:flex}.ce-theme-dropdown__option:hover,.ce-theme-dropdown__option--focused{background:var(--color-interactive-hover);color:var(--color-text-primary)}.ce-theme-dropdown__option--selected{background:var(--color-selection);color:var(--color-selection-text)}.ce-theme-dropdown__option--selected:hover,.ce-theme-dropdown__option--selected.ce-theme-dropdown__option--focused{background:var(--color-selection-hover)}.ce-theme-dropdown__option-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.ce-theme-dropdown__empty{padding:var(--space-3) var(--space-3);color:var(--color-text-muted);text-align:center;font-size:12px}.campaign-header{height:var(--content-nav-height);padding:0 var(--space-4);border-bottom:1px solid var(--color-border-default);background:var(--color-surface-secondary);flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;display:flex}.campaign-header__left{flex-direction:column;gap:.25rem;min-width:0;display:flex}.campaign-header__title-row{align-items:center;gap:0;min-width:0;display:flex;overflow:hidden}.campaign-header__back{color:var(--color-text-secondary);cursor:pointer;font-size:var(--text-sm);transition:color var(--duration-normal) var(--ease-out);white-space:nowrap;background:0 0;border:none;flex-shrink:0;align-items:center;gap:2px;padding:0;display:flex}.campaign-header__back:hover{color:var(--color-text-primary)}.campaign-header__back-icon{flex-shrink:0;width:16px;height:16px}.campaign-header__divider{width:1px;height:1rem;margin:0 var(--space-1);background:var(--color-border-subtle);flex-shrink:0}.campaign-header__name{font-size:var(--text-lg);color:var(--color-text-primary);cursor:pointer;padding:var(--space-0_5) var(--space-2);border-radius:var(--radius-sm);transition:border-color var(--duration-normal) var(--ease-out), background-color var(--duration-normal) var(--ease-out);white-space:nowrap;text-overflow:ellipsis;border:1px solid #0000;max-width:320px;font-weight:600;line-height:1.5;display:block;overflow:hidden}.campaign-header__name:hover{border-color:color-mix(in srgb, var(--color-focus-ring) 30%, transparent);background:var(--color-surface-tertiary)}.campaign-header__name--static{cursor:default;pointer-events:none}.campaign-header__name--static:hover{background:0 0;border-color:#0000}.campaign-header__name-sizer{max-width:100%;display:inline-block;position:relative}.campaign-header__name-measure{visibility:hidden;white-space:pre;font-size:var(--text-lg);padding:var(--space-0_5) 0;pointer-events:none;height:0;font-weight:600;line-height:1.5;position:absolute;top:0;left:0;overflow:hidden}.campaign-header__name-input{font-size:var(--text-lg);color:var(--color-text-primary);background:var(--color-surface-tertiary);border:1px solid var(--color-focus-ring);border-radius:var(--radius-sm);padding:var(--space-0_5) var(--space-2);box-sizing:border-box;outline:none;min-width:4rem;max-width:320px;font-weight:600;line-height:1.5}.campaign-header__right{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.campaign-header__view-toggle{background-color:var(--color-surface-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);align-items:center;gap:2px;padding:3px;display:inline-flex}.campaign-header__view-btn{padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-body-sm-size);font-weight:var(--text-label-weight);color:var(--color-text-muted);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);white-space:nowrap;background:0 0;border:none;justify-content:center;align-items:center;min-width:40px;font-family:inherit;display:inline-flex}.campaign-header__view-btn:hover:not(.campaign-header__view-btn--active){color:var(--color-text-primary);background-color:var(--color-interactive-hover)}.campaign-header__view-btn--active{background-color:var(--color-accent-primary);color:var(--color-accent-contrast)}.campaign-header__overflow{position:relative}.campaign-header__overflow-btn{cursor:pointer;width:2rem;height:2rem;color:var(--color-text-secondary);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;font-size:1.25rem;line-height:1;display:flex}.campaign-header__overflow-btn:hover{background:var(--color-surface-secondary)}.campaign-header__overflow-menu{right:0;top:calc(100% + var(--space-1));background:var(--color-surface-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-1) 0;z-index:100;min-width:10rem;position:absolute}.campaign-header__overflow-item{width:100%;padding:var(--space-2) var(--space-3);text-align:left;cursor:pointer;font-size:var(--text-sm);color:var(--color-text-primary);background:0 0;border:none;font-family:inherit;display:block}.campaign-header__overflow-item:hover{background:var(--color-interactive-hover)}.campaign-header__overflow-item--danger{color:var(--color-error)}.execution-editor-canvas{width:100%;height:100%;min-height:480px}.execution-editor-canvas__node{display:inline-flex}.react-flow{--xy-edge-stroke-default:#b1b1b7;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#555;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#ffffff80;--xy-minimap-background-color-default:#fff;--xy-minimap-mask-background-color-default:#f0f0f099;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#e2e2e2;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:transparent;--xy-background-pattern-dots-color-default:#91919a;--xy-background-pattern-lines-color-default:#eee;--xy-background-pattern-cross-color-default:#e2e2e2;background-color:var(--xy-background-color,var(--xy-background-color-default));--xy-node-color-default:inherit;--xy-node-border-default:1px solid #1a192b;--xy-node-background-color-default:#fff;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #00000014;--xy-node-boxshadow-selected-default:0 0 0 .5px #1a192b;--xy-node-border-radius-default:3px;--xy-handle-background-color-default:#1a192b;--xy-handle-border-color-default:#fff;--xy-selection-background-color-default:#0059dc14;--xy-selection-border-default:1px dotted #0059dccc;--xy-controls-button-background-color-default:#fefefe;--xy-controls-button-background-color-hover-default:#f4f4f4;--xy-controls-button-color-default:inherit;--xy-controls-button-color-hover-default:inherit;--xy-controls-button-border-color-default:#eee;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#fff;--xy-edge-label-color-default:inherit;--xy-resize-background-color-default:#3367d9;direction:ltr}.react-flow.dark{--xy-edge-stroke-default:#3e3e3e;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#727272;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#96969640;--xy-minimap-background-color-default:#141414;--xy-minimap-mask-background-color-default:#3c3c3c99;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#2b2b2b;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:#141414;--xy-background-pattern-dots-color-default:#777;--xy-background-pattern-lines-color-default:#777;--xy-background-pattern-cross-color-default:#777;--xy-node-color-default:#f8f8f8;--xy-node-border-default:1px solid #3c3c3c;--xy-node-background-color-default:#1e1e1e;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #ffffff14;--xy-node-boxshadow-selected-default:0 0 0 .5px #999;--xy-handle-background-color-default:#bebebe;--xy-handle-border-color-default:#1e1e1e;--xy-selection-background-color-default:#c8c8dc14;--xy-selection-border-default:1px dotted #c8c8dccc;--xy-controls-button-background-color-default:#2b2b2b;--xy-controls-button-background-color-hover-default:#3e3e3e;--xy-controls-button-color-default:#f8f8f8;--xy-controls-button-color-hover-default:#fff;--xy-controls-button-border-color-default:#5b5b5b;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#141414;--xy-edge-label-color-default:#f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props,var(--xy-background-color,var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width,var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke,var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width,var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{pointer-events:none;position:absolute;overflow:visible}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected,var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}svg.react-flow__connectionline{z-index:1001;position:absolute;overflow:visible}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default;position:absolute}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:0 0;pointer-events:none}.react-flow__nodesselection-rect{pointer-events:all;cursor:grab;position:absolute}.react-flow__handle{pointer-events:none;background-color:var(--xy-handle-background-color,var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color,var(--xy-handle-border-color-default));border-radius:100%;width:6px;min-width:5px;height:6px;min-height:5px;position:absolute}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;bottom:0;left:50%;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{z-index:5;margin:15px;position:absolute}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px)translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px)translateY(-50%)}.react-flow__attribution{background:var(--xy-attribution-background-color,var(--xy-attribution-background-color-default));margin:0;padding:2px 3px;font-size:10px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10px}}.react-flow__edgelabel-renderer{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__viewport-portal{-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__minimap{background:var(--xy-minimap-background-color-props,var(--xy-minimap-background-color,var(--xy-minimap-background-color-default)))}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var(--xy-minimap-mask-background-color-props,var(--xy-minimap-mask-background-color,var(--xy-minimap-mask-background-color-default)));stroke:var(--xy-minimap-mask-stroke-color-props,var(--xy-minimap-mask-stroke-color,var(--xy-minimap-mask-stroke-color-default)));stroke-width:var(--xy-minimap-mask-stroke-width-props,var(--xy-minimap-mask-stroke-width,var(--xy-minimap-mask-stroke-width-default)))}.react-flow__minimap-node{fill:var(--xy-minimap-node-background-color-props,var(--xy-minimap-node-background-color,var(--xy-minimap-node-background-color-default)));stroke:var(--xy-minimap-node-stroke-color-props,var(--xy-minimap-node-stroke-color,var(--xy-minimap-node-stroke-color-default)));stroke-width:var(--xy-minimap-node-stroke-width-props,var(--xy-minimap-node-stroke-width,var(--xy-minimap-node-stroke-width-default)))}.react-flow__background-pattern.dots{fill:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-dots-color-default)))}.react-flow__background-pattern.lines{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-lines-color-default)))}.react-flow__background-pattern.cross{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-cross-color-default)))}.react-flow__controls{box-shadow:var(--xy-controls-box-shadow,var(--xy-controls-box-shadow-default));flex-direction:column;display:flex}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{background:var(--xy-controls-button-background-color,var(--xy-controls-button-background-color-default));border:none;border-bottom:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)));width:26px;height:26px;color:var(--xy-controls-button-color-props,var(--xy-controls-button-color,var(--xy-controls-button-color-default)));cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:4px;display:flex}.react-flow__controls-button svg{fill:currentColor;width:100%;max-width:12px;max-height:12px}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{border-radius:var(--xy-node-border-radius,var(--xy-node-border-radius-default));width:150px;color:var(--xy-node-color,var(--xy-node-color-default));text-align:center;border:var(--xy-node-border,var(--xy-node-border-default));background-color:var(--xy-node-background-color,var(--xy-node-background-color-default));padding:10px;font-size:12px}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover,var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected,var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color,var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color,var(--xy-selection-background-color-default));border:var(--xy-selection-border,var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var(--xy-controls-button-background-color-hover-props,var(--xy-controls-button-background-color-hover,var(--xy-controls-button-background-color-hover-default)));color:var(--xy-controls-button-color-hover-props,var(--xy-controls-button-color-hover,var(--xy-controls-button-color-hover-default)))}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)))}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border:1px solid #fff;border-radius:1px;width:5px;height:5px;translate:-50% -50%}.react-flow__resize-control.handle.left{top:50%;left:0}.react-flow__resize-control.handle.right{top:50%;left:100%}.react-flow__resize-control.handle.top{top:0;left:50%}.react-flow__resize-control.handle.bottom{top:100%;left:50%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border-style:solid;border-width:0}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;height:100%;top:0;transform:translate(-50%)}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{width:100%;height:1px;left:0;transform:translateY(-50%)}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color,var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color,var(--xy-edge-label-color-default))}.preview-container{border:2px dashed var(--preview-color-collection-border);border-radius:var(--preview-radius-container);background:var(--preview-color-bg);font-family:var(--preview-font-family);font-size:var(--preview-font-size-base);padding:1.25rem}.preview-container--bare{background:0 0;border:none;border-radius:0;padding:0}.preview-container-header{border-bottom:1px solid var(--preview-color-border);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.preview-container-title{color:var(--preview-color-title);font-size:1rem;font-weight:700}.preview-content{flex-direction:column;gap:.75rem;display:flex}.spotlight-card{border-radius:var(--preview-radius-card);background:var(--preview-color-surface);border:1px solid var(--preview-color-border);display:flex;overflow:hidden}.spotlight-card-accent{background:var(--preview-color-component-name);border-radius:var(--preview-radius-card) 0 0 var(--preview-radius-card);flex-shrink:0;width:5px}.spotlight-card-body{flex-direction:column;flex:1;gap:.5rem;padding:1.25rem 1.25rem 1.25rem 1rem;display:flex}.spotlight-card-meta{align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.spotlight-card-id{color:var(--preview-color-component-name);font-family:Courier New,monospace;font-size:.7rem;font-weight:700}.spotlight-card-template{color:var(--preview-color-attribute-label);background:var(--preview-color-surface-nested);border-radius:4px;padding:.1rem .35rem;font-family:Courier New,monospace;font-size:.62rem}.spotlight-card-title{color:var(--preview-color-title);letter-spacing:-.02em;font-size:1.4rem;font-weight:800;line-height:1.2}.spotlight-card-subtitle{color:var(--preview-color-attribute-value);font-size:.95rem;line-height:1.5}.spotlight-card-empty{color:var(--preview-color-attribute-value-empty);font-style:italic;font-weight:400}.standard-card{border-radius:var(--preview-radius-card);background:var(--preview-color-surface);border:1px solid var(--preview-color-border);flex-direction:column;gap:.5rem;padding:.875rem 1rem;display:flex}.standard-card-header{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.standard-card-id{color:var(--preview-color-component-name);font-family:Courier New,monospace;font-size:.68rem;font-weight:700}.standard-card-template{color:var(--preview-color-attribute-label);background:var(--preview-color-surface-nested);border-radius:4px;padding:.08rem .3rem;font-family:Courier New,monospace;font-size:.6rem}.standard-card-title{color:var(--preview-color-attribute-value);font-size:1rem;font-weight:600;line-height:1.4}.standard-card-empty{color:var(--preview-color-attribute-value-empty);font-style:italic;font-weight:400}.generic-card{border-radius:var(--preview-radius-card);background:var(--preview-color-surface);border:1px solid var(--preview-color-border);flex-direction:column;gap:.375rem;padding:.875rem 1rem;display:flex}.generic-card-header{flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.125rem;display:flex}.generic-card-id{color:var(--preview-color-component-name);font-family:Courier New,monospace;font-size:.68rem;font-weight:700}.generic-card-template{color:var(--preview-color-attribute-label);background:var(--preview-color-surface-nested);border-radius:4px;padding:.08rem .3rem;font-family:Courier New,monospace;font-size:.6rem}.generic-card-attr{flex-direction:column;gap:.125rem;display:flex}.generic-card-attr-label{color:var(--preview-color-attribute-label);text-transform:uppercase;letter-spacing:.04em;font-size:.65rem;font-weight:600}.generic-card-attr-value{color:var(--preview-color-attribute-value);font-size:.95rem;line-height:1.4}.generic-card-attr-empty{color:var(--preview-color-attribute-value-empty);font-style:italic}.doorway-menu-item{border-bottom:1px solid var(--podium-color-border-primary);cursor:default;flex-direction:row;align-items:center;gap:8px;padding:14px 16px;display:flex}.doorway-menu-item-title{font-size:var(--podium-text-body-1-font-size);font-weight:var(--podium-text-body-1-font-weight);color:var(--podium-color-text-primary);white-space:nowrap;text-overflow:ellipsis;line-height:var(--podium-text-body-1-line-height);flex:1;overflow:hidden}.doorway-menu-item-chevron{width:16px;height:16px;color:var(--podium-color-text-secondary);font-size:var(--podium-text-caption-font-size);flex-shrink:0;justify-content:center;align-items:center;display:flex}.doorway-menu-item-nav-url{display:none}.doorway-carousel-card{border-radius:var(--podium-radius-level-2);background:var(--podium-color-background-secondary);cursor:default;aspect-ratio:3/4;width:100%;position:relative;overflow:hidden}.doorway-carousel-card-image{object-fit:cover;width:100%;height:100%;display:block}.doorway-carousel-card-placeholder{background:var(--podium-color-background-tertiary);width:100%;height:100%}.doorway-carousel-card-scrim{background:linear-gradient(to top, color-mix(in srgb, var(--podium-color-text-primary-always-dark) 70%, transparent) 0%, transparent 60%);pointer-events:none;position:absolute;inset:0}.doorway-carousel-card-overlay{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:8px;padding:12px;display:flex;position:absolute;bottom:0;left:0;right:0}.doorway-carousel-card-title{font-size:var(--podium-text-body-2-font-size);font-weight:var(--podium-text-body-2-font-weight);color:var(--podium-color-text-primary-always-light);line-height:var(--podium-text-body-2-line-height);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;display:-webkit-box;overflow:hidden}.doorway-carousel-card-nav-indicator{background:color-mix(in srgb, var(--podium-color-text-primary-always-light) 20%, transparent);width:24px;height:24px;color:var(--podium-color-text-primary-always-light);font-size:var(--podium-text-caption-font-size);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.shop-feed{font-family:var(--podium-text-body-1-font-family);flex-direction:column;gap:8px;padding:12px;display:flex}.shop-feed-label{font-size:var(--podium-text-caption-font-size);font-weight:var(--podium-text-caption-font-weight);letter-spacing:var(--podium-text-caption-letter-spacing);text-transform:uppercase;color:var(--podium-color-text-secondary);margin-bottom:4px}.shop-feed-rows{flex-direction:column;display:flex}.shop-feed-skeleton-row,.shop-feed-product-row{border-bottom:1px solid var(--podium-color-border-primary);align-items:center;gap:10px;padding:8px 0;display:flex}.shop-feed-skeleton-row:last-child,.shop-feed-product-row:last-child{border-bottom:none}.shop-feed-image-placeholder{background-color:var(--podium-color-background-secondary);border:1px solid var(--podium-color-border-secondary);border-radius:var(--podium-radius-level-1);flex-shrink:0;width:48px;height:48px}.shop-feed-product-image{object-fit:cover;border-radius:var(--podium-radius-level-1);flex-shrink:0;width:48px;height:48px}.shop-feed-product-info{flex-direction:column;flex:1;gap:2px;display:flex}.shop-feed-product-name{font-size:var(--podium-text-body-2-font-size);color:var(--podium-color-text-primary)}.shop-feed-product-price{font-size:var(--podium-text-body-2-font-size);color:var(--podium-color-text-secondary)}.shop-feed-muted{color:var(--podium-color-text-disabled)}.shop-carousel{font-family:var(--podium-text-body-1-font-family);flex-direction:column;gap:8px;padding:12px;display:flex}.shop-carousel-label{font-size:var(--podium-text-caption-font-size);font-weight:var(--podium-text-caption-font-weight);letter-spacing:var(--podium-text-caption-letter-spacing);text-transform:uppercase;color:var(--podium-color-text-secondary);margin-bottom:4px}.shop-carousel-scroll{pointer-events:auto;scrollbar-width:none;flex-direction:row;gap:10px;padding-bottom:4px;display:flex;overflow-x:hidden}.shop-carousel-scroll::-webkit-scrollbar{display:none}[data-drill-carousel] .shop-carousel-scroll{gap:16px;overflow:visible}.shop-carousel-skeleton-card,.shop-carousel-product-card{flex-direction:column;flex-shrink:0;align-items:center;gap:6px;display:flex}.shop-carousel-image-placeholder{background-color:var(--podium-color-background-secondary);border:1px solid var(--podium-color-border-secondary);border-radius:var(--podium-radius-level-1);width:72px;height:72px}.shop-carousel-product-image{object-fit:cover;border-radius:var(--podium-radius-level-1);width:72px;height:72px}.shop-carousel-card-name{font-size:var(--podium-text-caption-font-size);color:var(--podium-color-text-primary);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:72px;overflow:hidden}.shop-carousel-muted{color:var(--podium-color-text-disabled)}.ff-panel{--ff-field-height:28px;--ff-field-gap:2px;--ff-label-width:100px;--ff-control-height:24px;--ff-control-font-size:12px;--ff-control-bg:var(--color-surface-secondary);--ff-control-border:var(--color-border-subtle);--ff-control-border-focus:var(--color-border-focus);--ff-control-border-hover:var(--color-border-hover);--ff-control-radius:4px;--ff-text-primary:var(--color-text-primary);--ff-text-secondary:var(--color-text-secondary);--ff-text-muted:var(--color-text-muted);--ff-accent:var(--color-accent-primary);--ff-accent-muted:var(--color-accent-tint);--ff-group-separator:var(--color-border-subtle);--ff-group-header-text:var(--color-text-secondary);--ff-group-header-text-hover:var(--color-text-primary);--ff-group-chevron:var(--color-text-secondary);--ff-group-header-height:28px;--ff-panel-padding:10px;--ff-panel-padding-right:6px;padding:0 0 var(--ff-panel-padding);flex-direction:column;display:flex}.ff-panel--empty{min-height:80px;padding:var(--ff-panel-padding);text-align:center;justify-content:center;align-items:center}.ff-empty-title{color:var(--ff-text-primary,var(--color-text-primary));margin:0 0 4px;font-size:13px;font-weight:500}.ff-empty-subtitle{color:var(--ff-text-muted,var(--color-text-muted));margin:0;font-size:11px}.cf-control{background:var(--ff-control-bg);border:1px solid var(--ff-control-border);border-radius:var(--ff-control-radius);height:var(--ff-control-height);color:var(--ff-text-primary);font-size:12px}.cf-control:hover{border-color:var(--ff-control-border-hover)}.cf-control:focus,.cf-control:focus-visible{border-color:var(--ff-control-border-focus);outline:none}.cf-compound-field{background:var(--ff-control-bg);border:1px solid var(--ff-control-border);border-radius:var(--ff-control-radius);height:var(--ff-control-height);box-sizing:border-box;padding:0 6px;transition:border-color .15s}.cf-compound-field:hover{border-color:var(--ff-control-border-hover)}.cf-compound-field:focus-within{border-color:var(--ff-control-border-focus)}.cf-field-divider{background:var(--ff-group-separator);flex-shrink:0;align-self:center;width:1px;height:14px}.ff-component-group{gap:var(--ff-field-gap,4px);flex-direction:column;display:flex}.ff-component-group__header{height:var(--ff-group-header-height,28px);padding:0 var(--ff-panel-padding-right,6px) 0 var(--ff-panel-padding,10px);color:var(--ff-text-muted);justify-content:space-between;align-items:center;font-size:11px;display:flex}.ff-component-group__id{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ff-component-group__override{color:var(--ff-accent);margin-left:4px}.ff-component-group__template{flex-shrink:0;margin-left:8px}.ff-component-group__fields{gap:var(--ff-field-gap,2px);flex-direction:column;padding:2px 0 4px;display:flex}.ff-component-group+.ff-component-group .ff-component-group__header{border-top:1px solid var(--ff-group-separator)}.ff-review-disabled{pointer-events:none;opacity:.7}.cf-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cf-field-label{align-items:center;gap:var(--space-1);width:var(--ff-label-width,90px);min-width:0;color:var(--ff-text-secondary,var(--color-text-secondary));cursor:default;flex-shrink:0;font-size:12px;display:inline-flex}.cf-field-label__text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.cf-field-label__required{color:var(--color-error);flex-shrink:0;transition:color .15s}.cf-field-label__required--satisfied{color:var(--color-success,#4ade80)}.cf-clear-button{width:14px;height:14px;color:var(--color-text-secondary,#888);cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:4px;padding:0;transition:opacity .15s,background .15s;display:inline-flex}.cf-clear-button--hidden{opacity:0;pointer-events:none}.cf-clear-button:hover:not(.cf-clear-button--hidden){opacity:1;background:var(--color-surface-hover,#00000014)}.cf-clear-button:focus-visible:not(.cf-clear-button--hidden){outline:2px solid var(--color-focus-ring,#0070f3);outline-offset:1px;opacity:1}.cf-field-wrapper-outer{padding:0 var(--ff-panel-padding-right,6px) 0 var(--ff-panel-padding,10px);flex-direction:column;display:flex}.cf-field-wrapper{min-height:var(--ff-field-height,28px);flex-direction:row;align-items:center;display:flex}.cf-field-wrapper__control{min-width:0;min-height:var(--ff-control-height,24px);flex:1;align-items:center;display:flex}.cf-field-wrapper--multirow{align-items:flex-start;padding-top:4px;padding-bottom:4px}.cf-field-wrapper--multirow .cf-field-label{line-height:var(--ff-control-height,24px)}.cf-field-wrapper--multirow .cf-clear-button{margin-top:calc((var(--ff-control-height,24px) - 14px) / 2)}.cf-field-wrapper__error{font-size:var(--text-xs);color:var(--color-error);line-height:var(--leading-normal)}.cf-text-field{gap:var(--space-1);flex-direction:column;width:100%;display:flex}.cf-text-field--multiline{position:relative}.cf-text-field__inline-row{align-items:center;width:100%;display:flex}.cf-text-field__input{width:100%;height:var(--ff-control-height,24px);font-family:var(--font-sans);color:var(--ff-text-primary);background:var(--ff-control-bg);border:1px solid var(--ff-control-border);border-radius:var(--ff-control-radius);box-sizing:border-box;transition:border-color var(--duration-fast) var(--ease-out);outline:none;padding:0 6px;font-size:12px}.cf-text-field__input::placeholder{color:var(--ff-text-muted,var(--color-text-muted))}.cf-text-field__input:hover{border-color:var(--ff-control-border-hover)}.cf-text-field__input:focus{border-color:var(--ff-control-border-focus)}.cf-text-field__input--error{border-color:var(--color-error)}.cf-text-field__expand-btn{width:20px;height:var(--ff-control-height,24px);color:var(--ff-text-secondary,var(--color-text-secondary));cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-left:2px;padding:0;font-size:12px;display:inline-flex}.cf-text-field__expand-btn:hover{color:var(--ff-text-primary,var(--color-text-primary))}.cf-text-field__popover{z-index:10;background:var(--ff-control-bg);border:1px solid var(--ff-control-border);border-radius:var(--ff-control-radius);position:absolute;top:calc(100% + 2px);left:0;right:0}.cf-text-field__popover-textarea{width:100%;font-family:var(--font-sans);color:var(--ff-text-primary);resize:vertical;box-sizing:border-box;background:0 0;border:none;outline:none;padding:6px;font-size:12px}.cf-text-field--review{border-left:2px solid var(--ff-control-border-focus,var(--color-info));padding-left:var(--space-1,4px)}.cf-text-field__source-ref{color:var(--ff-text-muted,var(--color-text-muted));white-space:nowrap;text-overflow:ellipsis;padding:0 6px;font-size:11px;font-style:italic;line-height:1.4;overflow:hidden}.cf-text-field__input--untranslated::placeholder{color:var(--ff-text-muted,var(--color-text-muted));font-style:italic}.cf-segmented-control{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-sizing:border-box;background:0 0;align-items:stretch;gap:2px;width:100%;padding:2px;display:flex}.cf-segmented-control--xs{height:var(--ff-control-height,24px)}.cf-segmented-control--xs .cf-segmented-control__segment{padding:0 6px;font-size:11px}.cf-segmented-control--sm{height:28px}.cf-segmented-control--md{height:34px}.cf-segmented-control__segment{padding:0 var(--space-2);color:var(--color-text-muted);font-size:11px;font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);white-space:nowrap;background:0 0;border:1px solid #0000;flex:1;justify-content:center;align-items:center;display:inline-flex}.cf-segmented-control__segment:hover:not(.cf-segmented-control__segment--active){color:var(--color-text-secondary);background:var(--color-interactive-hover);border-color:var(--color-border-hover)}.cf-segmented-control__segment--active{background:var(--color-accent-tint);border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.cf-segmented-control__segment:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px;z-index:1;position:relative}.cf-segmented-control--selection{border:none}.cf-segmented-control--muted{background:var(--ff-control-bg,var(--color-surface-secondary));border:1px solid var(--ff-control-border,var(--color-border-subtle));border-radius:var(--ff-control-radius,4px);gap:1px;padding:1px}.cf-segmented-control--muted .cf-segmented-control__segment{border:none;border-radius:3px}.cf-segmented-control--muted .cf-segmented-control__segment:hover:not(.cf-segmented-control__segment--active){color:var(--color-text-secondary);background:var(--color-interactive-hover)}.cf-segmented-control--muted .cf-segmented-control__segment--active{background:var(--color-selection);color:var(--color-accent-primary)}.cf-text-alignment__icon{color:currentColor;justify-content:center;align-items:center;width:14px;height:14px;display:inline-flex}.cf-image-field__badge{background:var(--color-text-accent);color:#fff;border-radius:4px;margin-left:8px;padding:2px 6px;font-size:11px;font-weight:500}.cf-image-field__edit-btn{width:50%;height:var(--ff-control-height,24px);background:var(--color-surface-tertiary);cursor:pointer;color:var(--color-text-primary);border:none;border-radius:4px;justify-content:center;align-items:center;font-size:13px;font-weight:500;display:flex}.cf-image-field__edit-btn:hover{background:var(--color-surface-tertiary);opacity:.85}.cf-image-field__edit-btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.cf-transform-section{flex-direction:column;gap:12px;padding:12px;display:flex}.cf-transform-group{flex-direction:column;gap:8px;display:flex}.cf-transform-alignment{flex-direction:row;gap:8px;display:flex}.cf-transform-alignment>.cf-segmented-control{flex:1;min-width:0}.cf-transform-row{min-height:var(--ff-field-height,28px);flex-direction:row;align-items:center;display:flex}.cf-transform-label{width:var(--ff-label-width,90px);min-width:0;color:var(--ff-text-secondary,var(--color-text-secondary));cursor:default;flex-shrink:0;align-items:center;gap:4px;font-size:12px;display:inline-flex}.cf-transform-label__icon{color:var(--ff-text-secondary,var(--color-text-secondary));flex-shrink:0}.cf-transform-label__text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.cf-transform-row__control{min-width:0;min-height:var(--ff-control-height,24px);flex:1;align-items:center;display:flex}.cf-transform-icon{color:currentColor}.cf-transform-section :focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.cf-video-field__input{box-sizing:border-box;width:100%;height:var(--ff-control-height,24px);background:var(--ff-control-bg);border:1px solid var(--ff-control-border);border-radius:var(--ff-control-radius);color:var(--ff-text-primary);outline:none;padding:0 8px;font-size:12px}.cf-video-field__input:focus{border-color:var(--ff-control-border-focus)}.cf-video-field__input:hover:not(:focus){border-color:var(--ff-control-border-hover)}.cf-video-field__input::placeholder{color:var(--ff-text-muted)}.cf-selector-field__placeholder{height:var(--ff-control-height,24px);color:var(--ff-text-muted,var(--color-text-muted));background:var(--color-surface-secondary);border:1px dashed var(--color-border-subtle);border-radius:var(--ff-control-radius,var(--radius-md));align-items:center;padding:0 8px;font-size:12px;font-style:italic;display:flex}.chip{align-items:center;gap:var(--space-1);padding:var(--space-0_5) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);white-space:nowrap;border:1px solid #0000;font-weight:500;line-height:1.4;display:inline-flex}.chip--neutral{background:var(--color-surface-elevated);border-color:var(--color-border-subtle);color:var(--color-text-secondary)}.chip--accent{background:var(--color-accent-tint);border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.chip__dot{background:var(--color-text-muted);border-radius:50%;flex-shrink:0;width:6px;height:6px}.chip--neutral .chip__dot{background:var(--color-text-muted)}.chip--accent .chip__dot{background:var(--color-accent-primary)}.cf-selector-dropdown{width:fit-content;display:inline-flex;position:relative}.cf-selector-dropdown__trigger{width:100%;height:var(--ff-control-height,var(--page-control-height,24px));background:var(--color-surface-secondary);color:var(--color-text-primary);border:1px solid var(--ff-control-border,var(--page-control-border,var(--color-border-subtle)));border-radius:var(--ff-control-radius,var(--page-control-radius,var(--radius-md)));font-size:var(--ff-control-font-size,var(--page-control-font-size,12px));cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out);justify-content:space-between;align-items:center;padding:0 8px;font-family:inherit;display:flex}.cf-selector-dropdown__trigger:hover{border-color:var(--ff-control-border-hover,var(--page-control-border-hover,var(--color-border-hover)))}.cf-selector-dropdown__trigger:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.cf-selector-dropdown__trigger[aria-expanded=true]{border-color:var(--color-selection)}.cf-selector-dropdown__menu{z-index:9999;background:var(--color-surface-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);overscroll-behavior:contain;min-width:120px;box-shadow:var(--shadow-dropdown);animation:cf-dropdown-open var(--duration-normal) var(--ease-out);padding:2px 0;overflow-y:auto}@keyframes cf-dropdown-open{0%{opacity:0}to{opacity:1}}.cf-selector-dropdown__item{height:var(--ff-control-height,var(--page-control-height,24px));font-size:var(--ff-control-font-size,var(--page-control-menu-font-size,11px));color:var(--color-text-secondary);cursor:pointer;transition:background var(--duration-fast) var(--ease-out);align-items:center;padding:0 8px;display:flex}.cf-selector-dropdown__item:hover{background:var(--color-interactive-hover)}.cf-selector-dropdown__item--active{background:var(--color-selection);color:var(--color-selection-text)}.cf-selector-dropdown__item--active:hover{background:var(--color-selection-hover);color:var(--color-selection-text)}.cf-selector-dropdown__trigger-label{text-align:left;flex:1;min-width:0;display:grid}.cf-selector-dropdown__active-text{text-overflow:ellipsis;white-space:nowrap;grid-area:1/1;overflow:hidden}.cf-selector-dropdown__sizer{visibility:hidden;pointer-events:none;flex-direction:column;grid-area:1/1;height:0;display:flex;overflow:hidden}.cf-selector-dropdown__sizer-item{white-space:nowrap}.cf-selector-dropdown__chevron{color:var(--color-text-muted);transition:transform var(--duration-fast) var(--ease-out);flex-shrink:0}.cf-selector-dropdown__chevron--open{transform:rotate(180deg)}.cf-selector-icon-bar{gap:var(--space-1);flex-direction:row;align-items:center;display:flex}.cf-selector-icon-bar__button{min-width:24px;height:var(--ff-control-height,24px);background:var(--color-surface-secondary);color:var(--color-text-primary);border:1px solid var(--color-border-default);border-radius:var(--ff-control-radius,4px);cursor:pointer;justify-content:center;align-items:center;padding:0 6px;font-family:inherit;font-size:12px;display:inline-flex}.cf-selector-icon-bar__button:hover{background:var(--color-interactive-hover)}.cf-selector-icon-bar__button:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.cf-selector-icon-bar__button--active{background:var(--color-selection);color:var(--color-accent-primary);border-color:var(--color-border-subtle)}.cf-selector-icon-bar__button--active:hover{background:var(--color-selection-hover)}.cf-selector-icon-bar__icon{width:14px;height:14px;display:block}.cf-selector-text-bar{gap:var(--space-1);flex-direction:row;align-items:center;display:flex}.cf-selector-text-bar__button{height:var(--ff-control-height,24px);background:var(--color-surface-secondary);color:var(--color-text-primary);border:1px solid var(--color-border-default);border-radius:var(--ff-control-radius,4px);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;padding:0 8px;font-family:inherit;font-size:12px;display:inline-flex}.cf-selector-text-bar__button:hover{background:var(--color-interactive-hover)}.cf-selector-text-bar__button:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.cf-selector-text-bar__button--active{background:var(--color-selection);color:var(--color-accent-primary);border-color:var(--color-border-subtle)}.cf-selector-text-bar__button--active:hover{background:var(--color-selection-hover)}.cf-token-picker{width:100%;position:relative}.cf-token-picker__trigger{align-items:center;gap:var(--space-2);width:100%;height:var(--ff-control-height,24px);padding:0 var(--space-2);background:var(--color-surface-secondary);border:1px solid var(--ff-control-border,var(--color-border-subtle));border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:12px;font-family:var(--font-sans);cursor:pointer;text-align:left;transition:border-color var(--duration-fast), background var(--duration-fast);display:flex}.cf-token-picker__trigger:hover{border-color:var(--ff-control-border-hover,var(--color-border-hover))}.cf-token-picker__trigger:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.cf-token-picker__trigger-label{text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;overflow:hidden}.cf-token-picker__trigger-preview{flex:1;justify-content:flex-end;align-items:center;display:inline-flex;overflow:hidden}.cf-token-picker__placeholder{color:var(--color-text-muted);flex:1}.cf-token-picker__chevron{color:var(--color-text-muted);font-size:var(--text-xs);flex-shrink:0}.cf-token-picker__dropdown{z-index:9999;background:var(--color-surface-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-dropdown);overflow:hidden}.cf-token-picker__dropdown:not(.cf-token-picker__dropdown--searchable){overscroll-behavior:contain;overflow-y:auto}.cf-token-picker__dropdown--searchable{flex-direction:column;display:flex}.cf-token-picker__dropdown-body{overscroll-behavior:contain;flex:1;overflow-y:auto}.cf-token-picker__group-header{z-index:1;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--text-heading-sm-weight);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;background:var(--color-surface-secondary);border-bottom:1px solid var(--color-border-subtle);pointer-events:none;position:sticky;top:0}.cf-token-picker__option{align-items:center;gap:var(--space-2);cursor:pointer;min-height:30px;color:var(--color-text-secondary);transition:background var(--duration-fast);outline:none;flex-direction:row;padding:2px 8px;font-size:12px;display:flex}.cf-token-picker__option:hover{background:var(--color-interactive-hover)}.cf-token-picker__option--selected{background:var(--color-selection);color:var(--color-selection-text)}.cf-token-picker__option--selected:hover{background:var(--color-selection-hover)}.cf-token-picker__option-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.cf-token-picker__option-preview{flex-shrink:0;align-items:center;display:inline-flex}.cf-token-picker__dropdown-header{border-bottom:1px solid var(--ff-control-border,var(--color-border-subtle));background:var(--color-surface-secondary);flex-shrink:0;padding:6px 8px}.cf-token-picker__search{box-sizing:border-box;width:100%;height:var(--ff-control-height,24px);color:var(--ff-text-primary,var(--color-text-primary));background:var(--ff-control-bg,var(--color-surface-secondary));border:1px solid var(--ff-control-border,var(--color-border-subtle));border-radius:var(--ff-control-radius,4px);outline:none;padding:0 8px;font-size:12px}.cf-token-picker__search:focus{border-color:var(--ff-control-border-focus,var(--color-border-focus))}.cf-token-picker__search::placeholder{color:var(--ff-text-muted,var(--color-text-muted))}.cf-compound-field .cf-token-picker__trigger{background:0 0;border:none;padding:0 2px;font-size:11px}.cf-compound-field .cf-token-picker__trigger:hover{background:0 0}.cf-compound-field .cf-token-picker__trigger:focus-visible{outline:none}.cf-icon-field{width:100%;display:flex}.cf-icon-field__pickers{flex-direction:row;align-items:center;gap:4px;width:100%;display:flex}.cf-icon-field__picker-full{flex:1;min-width:0}.cf-icon-field__picker-name{flex:3;min-width:0}.cf-icon-field__picker-size{flex:2;min-width:0}.cf-icon-field__glyph{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.cf-icon-field__glyph--mapped{color:var(--color-text-primary)}.cf-icon-field__glyph--unmapped{color:var(--color-text-muted);opacity:.35}.cf-icon-field__size-preview{color:var(--ff-text-muted,var(--color-text-secondary));font-size:11px}.cf-button-field{flex-direction:column;gap:4px;width:100%;display:flex}.cf-button-field__row{height:var(--ff-control-height);align-items:center;gap:4px;display:flex}.cf-button-field .cf-field-divider{background:var(--ff-group-separator);flex-shrink:0;align-self:center;width:1px;height:12px}.cf-slider-input{align-items:center;gap:4px;width:100%;min-width:0;display:flex}.cf-slider-input--disabled{opacity:.5;pointer-events:none}.cf-slider-input--unset .cf-slider-input__track{opacity:.3}.cf-slider-input__number-container{flex-shrink:0;align-items:center;width:52px;display:inline-flex;position:relative}.cf-slider-input__number{border:1px solid var(--ff-control-border,var(--color-border-default));border-radius:var(--ff-control-radius,var(--radius-sm));background:var(--ff-control-bg,var(--color-surface-primary));width:100%;color:var(--ff-text-primary,var(--color-text-primary));font-size:12px;font-family:var(--font-mono,monospace);text-align:right;-moz-appearance:textfield;padding:2px 4px}.cf-compound-field .cf-slider-input__number{background:0 0;border:none;padding:0 4px;font-size:11px}.cf-slider-input__number-container--has-unit .cf-slider-input__number{padding-right:18px}.cf-slider-input__number::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cf-slider-input__number::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cf-slider-input__number:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.cf-compound-field .cf-slider-input__number:focus-visible{outline:none}.cf-slider-input__unit{color:var(--ff-text-muted,var(--color-text-muted));pointer-events:none;font-size:10px;position:absolute;right:4px}.cf-slider-input__track{appearance:none;cursor:pointer;border:none;border-radius:1px;outline:none;flex:1;min-width:0;height:2px}.cf-slider-input__track::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ff-accent,var(--color-selection));cursor:pointer;border:none;border-radius:50%;width:10px;height:10px;transition:transform .1s}.cf-slider-input__track::-webkit-slider-thumb:hover{transform:scale(1.15)}.cf-slider-input__track::-moz-range-thumb{background:var(--ff-accent,var(--color-selection));cursor:pointer;border:none;border-radius:50%;width:10px;height:10px}.cf-slider-input__track:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.cf-cycle-button{border:1px solid var(--ff-control-border);cursor:pointer;letter-spacing:.05em;background:var(--ff-control-bg);width:52px;height:18px;color:var(--ff-text-secondary);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:9px;font-weight:600;line-height:1;display:inline-flex}.cf-cycle-button:hover{border-color:var(--color-border-hover)}.cf-compound-field .cf-cycle-button{background:0 0;border:none}.cf-compound-field .cf-cycle-button:hover{background:var(--color-interactive-hover)}.cf-size-field{height:var(--ff-control-height);align-items:center;gap:4px;width:100%;display:flex}.cf-size-field .cf-slider-input{flex:1;min-width:0}.cf-size-field .cf-field-divider{background:var(--ff-group-separator);flex-shrink:0;align-self:center;width:1px;height:12px}.cf-spacing-field{height:var(--ff-control-height);align-items:center;gap:4px;width:100%;display:flex}.cf-spacing-field__token-picker,.cf-spacing-field .cf-slider-input{flex:1;min-width:0}.cf-spacing-field .cf-field-divider{background:var(--ff-group-separator);flex-shrink:0;align-self:center;width:1px;height:12px}.cf-spacing-field__preview{font-size:var(--text-xs);color:var(--color-text-secondary)}.cf-radius-field{height:var(--ff-control-height);align-items:center;gap:4px;width:100%;min-width:0;display:flex;position:relative}.cf-radius-field__token-picker,.cf-radius-field .cf-slider-input{flex:1;min-width:0}.cf-radius-field .cf-field-divider{background:var(--ff-group-separator);flex-shrink:0;align-self:center;width:1px;height:12px}.cf-radius-field__preview-text{color:var(--color-text-muted);white-space:nowrap;font-variant-numeric:tabular-nums;text-align:right;font-size:11px}.cf-radius-field__rounded-label{color:var(--ff-text-secondary);flex:1;font-size:11px}.cf-aspect-ratio-field{flex-direction:column;gap:4px;width:100%;display:flex}.cf-aspect-ratio-field .cf-compound-field{align-items:center;display:flex}.cf-aspect-ratio-field__presets{height:var(--ff-control-height,24px);background:var(--ff-control-bg,var(--color-surface-secondary));border:1px solid var(--ff-control-border,var(--color-border-subtle));border-radius:var(--ff-control-radius,4px);box-sizing:border-box;align-items:stretch;gap:1px;padding:1px;display:flex}.cf-aspect-ratio-field__preset-pill{font-size:11px;font-family:var(--font-sans);color:var(--color-text-muted);cursor:pointer;white-space:nowrap;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:none;border-radius:3px;flex:1;justify-content:center;align-items:center;padding:0;display:inline-flex}.cf-aspect-ratio-field__preset-pill:hover:not(.cf-aspect-ratio-field__preset-pill--active){color:var(--color-text-secondary);background:var(--color-interactive-hover)}.cf-aspect-ratio-field__preset-pill--active{background:var(--color-selection);color:var(--color-accent-primary)}.cf-bool-field__switch{cursor:pointer;background:0 0;border:none;flex-shrink:0;width:32px;height:18px;margin-left:auto;padding:0;display:inline-block;position:relative}.cf-bool-field__track{border-radius:var(--radius-full);background-color:var(--color-surface-tertiary);transition:background-color .25s var(--ease-out);position:absolute;inset:0}.cf-bool-field__switch--on .cf-bool-field__track{background-color:var(--color-accent-primary)}.cf-bool-field__thumb{border-radius:var(--radius-full);background-color:var(--color-text-muted);width:14px;height:14px;transition:transform .28s cubic-bezier(.34, 1.56, .64, 1), background-color .25s var(--ease-out);box-shadow:var(--shadow-sm);pointer-events:none;position:absolute;top:2px;left:2px}.cf-bool-field__switch--on .cf-bool-field__thumb{background-color:var(--color-accent-contrast);transform:translate(14px)}.cf-bool-field__switch:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.cf-alignment-field__icon{color:currentColor;justify-content:center;align-items:center;width:14px;height:14px;display:inline-flex}.cf-text-style-field__font-details{color:var(--ff-text-muted,var(--color-text-muted));opacity:.5;white-space:nowrap;text-overflow:ellipsis;font-size:10px;line-height:1.2;overflow:hidden}.cf-blur-field{flex-direction:column;gap:4px;width:100%;display:flex}.cf-blur-field__row{height:var(--ff-control-height);align-items:center;gap:4px;display:flex}.cf-blur-field__token-picker{flex:1;min-width:0}.cf-blur-field__sliders{flex-direction:column;gap:4px;display:flex}.cf-blur-field__slider-label{font-size:var(--text-xs);color:var(--ff-text-secondary);flex-shrink:0;min-width:44px}.cf-blur-field .cf-slider-input{flex:1;min-width:0}.cf-blur-field .cf-field-divider{background:var(--ff-group-separator);flex-shrink:0;align-self:center;width:1px;height:12px}.cf-blur-field__indent-spacer{flex-shrink:0;width:52px}.cf-blur-field__direction-trigger{align-items:center;gap:var(--space-2);min-width:0;height:100%;color:var(--ff-text-primary);font-size:var(--text-xs);cursor:pointer;text-align:left;background:0 0;border:none;flex:1;padding:0;font-family:inherit;display:flex}.cf-blur-field__direction-value{text-align:right;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.cf-blur-field__direction-chevron{color:var(--color-text-muted);font-size:var(--text-xs);flex-shrink:0}.cf-blur-field__direction-menu{background:var(--color-surface-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-dropdown);padding:2px 0;overflow:hidden}.cf-blur-field__direction-option{width:100%;height:24px;color:var(--color-text-secondary);cursor:pointer;text-align:left;transition:background var(--duration-fast) var(--ease-out);background:0 0;border:none;align-items:center;padding:0 8px;font-family:inherit;font-size:11px;display:flex}.cf-blur-field__direction-option:hover{background:var(--color-interactive-hover)}.cf-blur-field__direction-option--active{background:var(--color-selection);color:var(--color-selection-text)}.cf-blur-field__direction-option--active:hover{background:var(--color-selection-hover);color:var(--color-selection-text)}.cf-blur-field__preview{font-size:var(--text-xs);color:var(--color-text-secondary);font-family:var(--font-mono)}.cf-navigation-field{gap:var(--space-1);flex-direction:column;width:100%;display:flex}.cf-navigation-field__row{align-items:center;gap:var(--space-1);width:100%;display:flex}.cf-navigation-field__input{box-sizing:border-box;min-width:0;height:var(--ff-control-height,24px);background:var(--ff-control-bg);border:1px solid var(--ff-control-border);border-radius:var(--ff-control-radius);color:var(--ff-text-primary);outline:none;flex:1;padding:0 6px;font-size:12px;transition:border-color .15s}.cf-navigation-field__input:hover{border-color:var(--ff-control-border-hover)}.cf-navigation-field__input:focus{border-color:var(--ff-control-border-focus)}.cf-navigation-field__input::placeholder{color:var(--ff-text-muted)}.cf-navigation-field__indicator{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:11px;line-height:1;display:flex}.cf-navigation-field__indicator--spinner{border:1.5px solid var(--ff-control-border,#444);border-top-color:var(--ff-text-muted,#888);border-radius:50%;width:12px;height:12px;animation:.8s linear infinite cf-nav-spin}@keyframes cf-nav-spin{to{transform:rotate(360deg)}}.cf-navigation-field__indicator--success{color:var(--color-success,#22c55e)}.cf-navigation-field__indicator--error{color:var(--color-error,#ef4444)}.cf-navigation-field__indicator--url{width:12px;height:12px;color:var(--ff-text-muted,#888)}.cf-navigation-field__error{color:var(--color-error,#ef4444);text-align:left;font-size:11px;line-height:var(--leading-normal)}.cf-navigation-field__spec-row{align-items:center;gap:var(--space-1);width:100%;display:flex}.cf-navigation-field__label{color:var(--ff-text-muted);font-size:11px;line-height:var(--leading-normal)}.cf-navigation-field__badge{background:var(--ff-control-bg);border:1px solid var(--ff-control-border);border-radius:var(--ff-control-radius);color:var(--ff-text-muted);word-break:break-all;padding:2px 6px;font-size:11px}.cf-concept-field{gap:var(--space-1);flex-direction:column;width:100%;display:flex}.cf-concept-field__row{align-items:center;gap:var(--space-1);width:100%;display:flex;position:relative}.cf-concept-field__input{box-sizing:border-box;min-width:0;height:var(--ff-control-height,24px);color:var(--ff-text-primary);background:var(--ff-control-bg);border:1px solid var(--ff-control-border);border-radius:var(--ff-control-radius);outline:none;flex:1;padding:0 6px;font-size:12px;transition:border-color .15s}.cf-concept-field__input::placeholder{color:var(--ff-text-muted,var(--color-text-muted))}.cf-concept-field__input:hover{border-color:var(--ff-control-border-hover)}.cf-concept-field__input:focus{border-color:var(--ff-control-border-focus)}.cf-concept-field__loading{border:1.5px solid var(--ff-control-border,#444);border-top-color:var(--ff-text-muted,#888);border-radius:50%;flex-shrink:0;width:12px;height:12px;animation:.8s linear infinite cf-concept-spin}@keyframes cf-concept-spin{to{transform:rotate(360deg)}}.cf-concept-field__dropdown{z-index:9999;background:var(--ff-control-bg);border:1px solid var(--ff-control-border);border-radius:var(--ff-control-radius);max-height:200px;position:fixed;overflow-y:auto;box-shadow:0 4px 8px #00000026}.cf-concept-field__dropdown-item{justify-content:space-between;align-items:center;gap:var(--space-1);color:var(--ff-text-primary);cursor:pointer;padding:4px 8px;font-size:12px;display:flex}.cf-concept-field__dropdown-item:hover{background:var(--color-interactive-hover)}.cf-concept-field__dropdown-item--highlighted{background:var(--color-selection-hover)}.cf-concept-field__dropdown-item--selected{opacity:.5;cursor:default}.cf-concept-field__dropdown-item-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cf-concept-field__dropdown-item-id{font-family:var(--font-mono);color:var(--ff-text-muted,var(--color-text-muted));flex-shrink:0;font-size:10px}.cf-concept-field__dropdown-empty{color:var(--ff-text-muted,var(--color-text-muted));padding:6px 8px;font-size:12px;font-style:italic}.cf-concept-field__error{color:var(--color-error);text-align:left;font-size:11px;line-height:var(--leading-normal)}.cf-concept-field__search-error{color:var(--ff-text-muted,var(--color-text-muted));text-align:left;font-size:11px;font-style:italic;line-height:var(--leading-normal)}.cf-concept-field__chips{gap:var(--space-1);flex-wrap:wrap;display:flex}.cf-concept-field__chip{color:var(--ff-text-primary,var(--color-text-primary));background:var(--ff-control-bg,var(--color-surface-secondary));border-radius:var(--ff-control-radius,var(--radius-md));box-sizing:border-box;align-items:center;gap:4px;max-width:100%;padding:2px 6px;font-size:11px;display:flex}.cf-concept-field__chip-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cf-concept-field__chip-text--uuid{font-family:var(--font-mono)}.cf-concept-field__chip-text--resolving{animation:1.5s ease-in-out infinite cf-concept-pulse}@keyframes cf-concept-pulse{0%,to{opacity:1}50%{opacity:.4}}.cf-concept-field__chip-text--unresolved{color:var(--ff-text-muted,var(--color-text-muted));font-style:italic}.cf-concept-field__chip-remove{font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;line-height:1}.cf-concept-field__chip-remove:hover{color:var(--color-text-secondary,#888)}.cf-color-swatch{border-radius:var(--radius-md,6px);background:var(--color-surface-elevated,#1e1e1e);flex-shrink:0;position:relative;overflow:hidden}.cf-color-swatch__checkerboard{background-image:linear-gradient(45deg, var(--color-border-subtle) 25%, transparent 25%), linear-gradient(-45deg, var(--color-border-subtle) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--color-border-subtle) 75%), linear-gradient(-45deg, transparent 75%, var(--color-border-subtle) 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;position:absolute;inset:0}.cf-color-swatch__color{position:absolute;inset:0}.cf-sat-bright{aspect-ratio:5/3;cursor:crosshair;border-radius:var(--radius-md,6px);width:100%;position:relative;overflow:hidden}.cf-sat-bright:focus{outline:none}.cf-sat-bright__canvas{width:100%;height:100%;display:block}.cf-sat-bright__cursor{pointer-events:none;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0000004d,inset 0 0 0 1px #00000026}.cf-hue-slider{cursor:pointer;touch-action:none;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:7px;height:14px;margin:5px 0;position:relative}.cf-hue-slider:before{content:"";position:absolute;inset:-5px 0}.cf-hue-slider:focus{outline:none}.cf-hue-slider__thumb{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border:1.5px solid #fff;border-radius:5px;width:11px;height:20px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 3px #0000004d}.cf-alpha-slider{cursor:pointer;touch-action:none;border-radius:7px;height:14px;margin:5px 0;position:relative}.cf-alpha-slider:before{content:"";z-index:0;position:absolute;inset:-5px 0}.cf-alpha-slider:focus{outline:none}.cf-alpha-slider__checkerboard{background-image:linear-gradient(45deg, var(--color-border-subtle) 25%, transparent 25%), linear-gradient(-45deg, var(--color-border-subtle) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--color-border-subtle) 75%), linear-gradient(-45deg, transparent 75%, var(--color-border-subtle) 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;border-radius:7px;position:absolute;inset:0;overflow:hidden}.cf-alpha-slider__gradient{border-radius:7px;position:absolute;inset:0}.cf-alpha-slider__thumb{z-index:1;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border:1.5px solid #fff;border-radius:5px;width:11px;height:20px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 3px #0000004d}.cf-color-inputs{flex-direction:column;gap:10px;display:flex}.cf-color-inputs__hex-row{align-items:flex-start;gap:10px;display:flex}.cf-color-inputs__swatch{flex-shrink:0}.cf-color-inputs__hex-group{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.cf-color-inputs__label{color:var(--color-text-secondary);letter-spacing:.02em;font-size:11px}.cf-color-inputs__hex-field{background:var(--color-surface-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);align-items:center;height:30px;display:flex}.cf-color-inputs__hex-prefix{font-family:var(--font-mono);color:var(--color-text-muted);-webkit-user-select:none;user-select:none;padding-left:8px;font-size:12px}.cf-color-inputs__hex-input{min-width:0;font-family:var(--font-mono);color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;height:100%;padding:0 8px 0 2px;font-size:12px}.cf-color-inputs__hex-field:focus-within{border-color:var(--color-focus-ring)}.cf-color-inputs__rgba-row{gap:6px;display:flex}.cf-color-inputs__channel{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.cf-color-inputs__channel-input{box-sizing:border-box;text-align:center;width:100%;font-size:12px;font-family:var(--font-mono);color:var(--color-text-primary);background:var(--color-surface-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);-moz-appearance:textfield;height:30px;padding:4px 2px}.cf-color-inputs__channel-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cf-color-inputs__channel-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cf-color-inputs__channel-input:focus{border-color:var(--color-focus-ring);outline:none}.cf-color-inputs__alpha-field{width:100%;position:relative}.cf-color-inputs__alpha-field .cf-color-inputs__channel-input{padding-right:16px}.cf-color-inputs__alpha-suffix{color:var(--color-text-muted);pointer-events:none;font-size:11px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.cf-color-picker{display:inline-block;position:relative}.cf-color-picker__popover{top:calc(100% + var(--space-1));z-index:50;background:var(--color-surface-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);flex-direction:column;gap:12px;width:300px;padding:16px;display:flex;position:absolute;left:0;box-shadow:0 8px 24px #00000059}.cf-color-picker__close{top:var(--space-2);right:var(--space-2);cursor:pointer;color:var(--color-text-secondary);padding:var(--space-1);border-radius:var(--radius-sm);line-height:1;font-size:var(--text-sm);background:0 0;border:none;position:absolute}.cf-color-picker__close:hover{background:var(--color-interactive-hover)}.cf-color-picker__close:focus{outline:2px solid var(--color-focus-ring);outline-offset:2px}.cf-color-picker__slider-section{flex-direction:column;gap:2px;display:flex}.cf-color-picker__slider-label{color:var(--color-text-secondary);letter-spacing:.02em;font-size:11px}.cf-gradient-stops-container{flex-direction:column;gap:0;display:flex}.cf-gradient-stops-bar-wrap{border-radius:var(--radius-sm);cursor:crosshair;height:28px;position:relative;overflow:hidden}.cf-gradient-stops-bar__checker{background-image:repeating-conic-gradient(#404040 0% 25%,#303030 0% 50%);background-size:8px 8px;position:absolute;inset:0}.cf-gradient-stops-bar__gradient{position:absolute;inset:0}.cf-gradient-stops-handles{height:20px;position:relative}.cf-gradient-stops__handle{cursor:grab;-webkit-user-select:none;user-select:none;background:0 0;border:none;flex-direction:column;align-items:center;padding:0;display:flex;position:absolute;top:0;transform:translate(-50%)}.cf-gradient-stops__handle--dragging{cursor:grabbing;z-index:10}.cf-gradient-stops__handle:focus{outline:none}.cf-gradient-stops__handle:focus-visible{outline:2px solid var(--color-accent,#38bdf8);outline-offset:2px;border-radius:2px}.cf-gradient-stops__triangle{border-bottom:5px solid #ffffffb3;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0}.cf-gradient-stops__triangle--selected{border-bottom-color:var(--color-accent,#38bdf8)}.cf-gradient-stops__swatch{border:1.5px solid #ffffffb3;border-radius:2px;width:10px;height:10px;box-shadow:0 0 0 .5px #0000004d}.cf-gradient-stops__handle--selected .cf-gradient-stops__swatch{border-color:var(--color-accent,#38bdf8);box-shadow:none}.cf-angle-dial{align-items:center;gap:8px;display:flex}.cf-angle-dial__controls{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.cf-angle-dial--dragging .cf-angle-dial__input-wrap,.cf-angle-dial--dragging .cf-angle-dial__presets{pointer-events:none}.cf-angle-dial__circle{border:1px solid var(--color-border-default);background:var(--color-surface-secondary);cursor:grab;touch-action:none;border-radius:50%;flex-shrink:0;width:56px;height:56px;position:relative}.cf-angle-dial__circle:active{cursor:grabbing}.cf-angle-dial__circle:focus{outline:none}.cf-angle-dial__circle:focus-visible{outline:2px solid var(--color-accent,#38bdf8);outline-offset:2px}.cf-angle-dial__center-dot{background:var(--color-text-muted);pointer-events:none;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cf-angle-dial__indicator{background:var(--color-accent,#38bdf8);transform-origin:bottom;pointer-events:none;border-radius:1px;width:2px;height:20px;position:absolute;top:50%;left:50%}.cf-angle-dial__input-wrap{width:60px;position:relative}.cf-angle-dial__input{box-sizing:border-box;border-radius:var(--ff-control-radius,4px);border:1px solid var(--color-border-default);background:var(--color-surface-secondary);width:100%;height:26px;color:var(--color-text-primary);text-align:right;padding:0 16px 0 4px;font-family:monospace;font-size:12px}.cf-angle-dial__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cf-angle-dial__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cf-angle-dial__input[type=number]{-moz-appearance:textfield}.cf-angle-dial__input:focus{outline:2px solid var(--color-accent,#38bdf8);outline-offset:1px}.cf-angle-dial__suffix{color:var(--color-text-muted);pointer-events:none;font-size:11px;position:absolute;top:50%;right:6px;transform:translateY(-60%)}.cf-angle-dial__presets{background:var(--color-surface-secondary);border:1px solid var(--color-border-default);border-radius:var(--ff-control-radius,4px);gap:1px;padding:1px;display:flex}.cf-angle-dial__preset-btn{aspect-ratio:1;cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;border-radius:3px;flex:1;justify-content:center;align-items:center;font-size:11px;transition:color .1s,background .1s;display:flex}.cf-angle-dial__preset-btn:hover:not(.cf-angle-dial__preset-btn--active){color:var(--color-text-secondary);background:var(--color-interactive-hover)}.cf-angle-dial__preset-btn--active{background:var(--color-selection);color:var(--color-accent-primary)}.cf-radial-picker{align-items:flex-start;gap:8px;display:flex}.cf-radial-picker__area{border-radius:var(--radius-md);cursor:crosshair;touch-action:none;flex:1;height:68px;position:relative;overflow:hidden}.cf-radial-picker__checker{background-image:repeating-conic-gradient(#404040 0% 25%,#303030 0% 50%);background-size:6px 6px;position:absolute;inset:0}.cf-radial-picker__gradient{position:absolute;inset:0}.cf-radial-picker__indicator{pointer-events:none;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0000004d,inset 0 0 0 1px #00000026}.cf-radial-picker__indicator--oob{border-color:#fff}.cf-radial-picker__inputs{flex-direction:column;flex-shrink:0;gap:4px;height:68px;display:flex}.cf-radial-picker__field{border-radius:var(--radius-sm);border:1px solid var(--color-border-default);background:var(--color-surface-secondary);flex:1;align-items:center;gap:4px;width:96px;padding:0 6px;display:flex}.cf-radial-picker__field-label{color:var(--color-text-muted);flex-shrink:0;font-size:11px}.cf-radial-picker__field-input{color:var(--color-text-primary);text-align:right;background:0 0;border:none;flex:1;min-width:0;font-family:monospace;font-size:12px}.cf-radial-picker__field-input:focus{outline:none}.cf-radial-picker__field-suffix{color:var(--color-text-muted);flex-shrink:0;font-size:11px}.cf-css-io{flex-direction:column;gap:6px;display:flex}.cf-css-io__header{justify-content:space-between;align-items:center;display:flex}.cf-css-io__label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:600}.cf-css-io__actions{align-items:center;gap:8px;display:flex}.cf-css-io__action-btn{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;padding:0;font-size:10px}.cf-css-io__action-btn:hover{color:var(--color-text-primary)}.cf-css-io__copy-btn{cursor:pointer;color:var(--color-accent,#38bdf8);background:0 0;border:none;padding:0;font-size:10px}.cf-css-io__copy-btn:hover{text-decoration:underline}.cf-css-io__output{border-radius:var(--radius-sm);border:1px solid var(--color-border-default);background:var(--color-surface-secondary);padding:6px 8px}.cf-css-io__code{color:var(--color-text-secondary);word-break:break-all;font-family:monospace;font-size:10px}.cf-css-io__import{border-radius:var(--radius-sm);border:1px solid var(--color-border-default);background:var(--color-surface-secondary);flex-direction:column;gap:6px;padding:8px;display:flex}.cf-css-io__textarea{border-radius:var(--radius-sm);border:1px solid var(--color-border-default);background:var(--color-surface-elevated);width:100%;color:var(--color-text-primary);resize:none;box-sizing:border-box;padding:6px 8px;font-family:monospace;font-size:11px}.cf-css-io__textarea::placeholder{color:var(--color-text-muted)}.cf-css-io__textarea:focus{outline:2px solid var(--color-accent,#38bdf8);outline-offset:1px;border-color:var(--color-accent,#38bdf8)}.cf-css-io__error{color:var(--color-status-error,#ef4444);margin:0;font-size:10px}.cf-css-io__import-footer{justify-content:space-between;align-items:center;display:flex}.cf-css-io__hint{color:var(--color-text-muted);font-size:9px}.cf-css-io__import-btns{gap:4px;display:flex}.cf-css-io__clear-btn{border-radius:var(--radius-sm);border:1px solid var(--color-border-default);background:var(--color-surface-elevated);color:var(--color-text-secondary);cursor:pointer;padding:3px 8px;font-size:10px}.cf-css-io__clear-btn:hover{color:var(--color-text-primary)}.cf-css-io__apply-btn{border-radius:var(--radius-sm);background:var(--color-accent,#38bdf8);color:#fff;cursor:pointer;border:none;padding:3px 8px;font-size:10px}.cf-css-io__apply-btn:disabled{opacity:.5;cursor:not-allowed}.cf-gradient-builder{display:inline-block;position:relative}.cf-gradient-builder__popover{top:calc(100% + var(--space-1));z-index:50;background:var(--color-surface-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);flex-direction:column;gap:8px;width:320px;padding:12px;display:flex;position:absolute;left:0;box-shadow:0 4px 12px #00000026}.cf-gradient-builder__close{cursor:pointer;color:var(--color-text-secondary);border-radius:var(--radius-sm);background:0 0;border:none;padding:4px;font-size:12px;line-height:1;position:absolute;top:8px;right:8px}.cf-gradient-builder__close:hover{background:var(--color-interactive-hover)}.cf-gradient-builder__close:focus{outline:2px solid var(--color-focus-ring);outline-offset:2px}.cf-gradient-builder__preview{border-radius:var(--radius-md);height:100px;position:relative;overflow:hidden}.cf-gradient-builder__preview-checker{background-image:repeating-conic-gradient(#404040 0% 25%,#303030 0% 50%);background-size:8px 8px;position:absolute;inset:0}.cf-gradient-builder__preview-gradient{position:absolute;inset:0}.cf-gradient-builder__stops-section{flex-direction:column;gap:4px;display:flex}.cf-gradient-builder__stops-label{color:var(--color-text-secondary);letter-spacing:.02em;font-size:11px}.cf-gradient-builder__stops-hint{color:var(--color-text-muted);text-align:center;margin:0;font-size:10px}.cf-gradient-builder__slider-section{flex-direction:column;gap:2px;display:flex}.cf-gradient-builder__slider-label{color:var(--color-text-secondary);letter-spacing:.02em;font-size:11px}.cf-gradient-builder__stop-editor{align-items:flex-start;gap:8px;display:flex}.cf-gradient-builder__stop-sat{flex:1;height:68px}.cf-gradient-builder__stop-sat .cf-sat-bright{aspect-ratio:unset;height:100%}.cf-gradient-builder__stop-fields{flex-direction:column;flex-shrink:0;gap:4px;height:68px;display:flex}.cf-gradient-builder__stop-field{border-radius:var(--radius-sm);border:1px solid var(--color-border-default);background:var(--color-surface-secondary);flex:1;align-items:center;width:96px;padding:0 6px;display:flex}.cf-gradient-builder__stop-field--error{border-color:var(--color-status-error,#ef4444)}.cf-gradient-builder__stop-field-label{color:var(--color-text-muted);flex-shrink:0;margin-right:4px;font-size:11px}.cf-gradient-builder__stop-field-hash{color:var(--color-text-muted);flex-shrink:0;margin-left:auto;font-family:monospace;font-size:12px}.cf-gradient-builder__stop-field-input{color:var(--color-text-primary);text-align:right;background:0 0;border:none;flex:1;min-width:0;font-family:monospace;font-size:12px}.cf-gradient-builder__stop-field-hash+.cf-gradient-builder__stop-field-input{flex:none;width:44px}.cf-gradient-builder__stop-field-input:focus{outline:none}.cf-gradient-builder__stop-field-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cf-gradient-builder__stop-field-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cf-gradient-builder__stop-field-input[type=number]{-moz-appearance:textfield}.cf-gradient-builder__stop-field-suffix{color:var(--color-text-muted);flex-shrink:0;margin-left:2px;font-size:11px}.cf-gradient-builder__type-section{justify-content:space-between;align-items:center;display:flex}.cf-gradient-builder__type-label{color:var(--color-text-secondary);font-size:11px}.cf-gradient-builder__type-toggle{border-radius:var(--ff-control-radius,4px);border:1px solid var(--color-border-default);background:var(--color-surface-secondary);gap:1px;padding:1px;display:flex}.cf-gradient-builder__type-btn{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;border-radius:3px;flex:1;padding:3px 8px;font-size:11px;font-weight:500;transition:background .1s,color .1s}.cf-gradient-builder__type-btn:hover:not(.cf-gradient-builder__type-btn--active){color:var(--color-text-secondary);background:var(--color-interactive-hover)}.cf-gradient-builder__type-btn--active{background:var(--color-selection);color:var(--color-accent-primary)}.cf-gradient-builder__divider{border:none;border-top:1px solid var(--color-border-subtle);margin:0}.cf-semantic-token-tab{flex-direction:column;max-height:340px;display:flex}.cf-semantic-token-tab__search{flex-shrink:0;padding:10px 12px}.cf-semantic-token-tab__search-input{box-sizing:border-box;width:100%;height:30px;color:var(--color-text-primary);background:var(--color-surface-secondary);border:1px solid var(--color-border-default);border-radius:6px;outline:none;padding:0 10px;font-size:12px}.cf-semantic-token-tab__search-input::placeholder{color:var(--color-text-muted)}.cf-semantic-token-tab__search-input:focus{border-color:var(--color-focus-ring)}.cf-semantic-token-tab__list{flex:1;padding:0 6px 6px;overflow-y:auto}.cf-semantic-token-tab__empty{color:var(--color-text-muted);text-align:center;padding:16px 12px;font-size:12px}.cf-semantic-token-tab__group+.cf-semantic-token-tab__group{margin-top:4px}.cf-semantic-token-tab__group-header{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border-default);z-index:1;background:var(--color-surface-elevated);padding:10px 8px 6px;font-size:10px;font-weight:600;position:sticky;top:0}.cf-semantic-token-tab__token{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:5px;align-items:center;gap:10px;width:100%;height:32px;padding:0 8px;display:flex}.cf-semantic-token-tab__token:hover{background:var(--color-interactive-hover)}.cf-semantic-token-tab__token:focus{background:var(--color-interactive-hover);outline:none}.cf-semantic-token-tab__token--selected{background:var(--color-interactive-active,#38bdf826)}.cf-semantic-token-tab__token-label{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.cf-semantic-token-tab__token--selected .cf-semantic-token-tab__token-label{color:var(--color-text-primary)}.cf-color-popover{z-index:1000;background:var(--color-surface-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);flex-direction:column;width:300px;display:flex;position:fixed;box-shadow:0 8px 24px #00000059}.cf-color-popover__tabs{border-bottom:1px solid var(--color-border-default);flex-shrink:0;gap:0;padding:0 6px;display:flex}.cf-color-popover__tab{cursor:pointer;color:var(--color-text-muted);text-align:center;transition:color var(--duration-fast), border-color var(--duration-fast);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:7px 10px;font-size:12px}.cf-color-popover__tab:hover{color:#38bdf8b3}.cf-color-popover__tab:focus{outline:none}.cf-color-popover__tab--active{color:var(--color-accent,#38bdf8);border-bottom-color:var(--color-accent,#38bdf8)}.cf-color-popover__content,.cf-color-popover__panel{flex-direction:column;display:flex}.cf-color-popover__panel--padded{gap:12px;padding:16px}.cf-color-popover__panel--hidden{display:none}.cf-color-popover__content .cf-color-picker__popover,.cf-color-popover__content .cf-gradient-builder__popover{width:auto;box-shadow:none;background:0 0;border:none;border-radius:0;padding:0;position:static}.cf-color-field{flex-direction:column;width:100%;display:flex}.cf-color-field__popover-anchor{width:100%;display:block}.cf-color-field__trigger{width:100%;height:var(--ff-control-height,24px);background:var(--ff-control-bg,var(--color-surface-secondary));border:1px solid var(--ff-control-border,var(--color-border-default));border-radius:var(--ff-control-radius,var(--radius-sm));cursor:pointer;box-sizing:border-box;align-items:center;gap:8px;padding:0 8px;display:flex}.cf-color-field__trigger:hover{border-color:var(--color-border-hover)}.cf-color-field__trigger:focus{outline:none}.cf-color-field__trigger--unset .cf-color-field__text{color:var(--color-text-muted);font-family:var(--font-sans);font-size:var(--text-xs)}.cf-color-field__text{font-family:var(--font-mono);color:var(--ff-text-primary,var(--color-text-primary));text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:1;font-size:11px;overflow:hidden}.cf-spacer-size-field{height:var(--ff-control-height);align-items:center;gap:4px;width:100%;display:flex}.cf-spacer-size-field__token-picker,.cf-spacer-size-field .cf-slider-input{flex:1;min-width:0}.cf-spacer-size-field .cf-field-divider{background:var(--ff-group-separator);flex-shrink:0;align-self:center;width:1px;height:12px}.cf-spacer-size-field__preview{font-size:var(--text-xs);color:var(--color-text-secondary)}.field-group{flex-direction:column;display:flex}.field-group--hidden{opacity:.5}.field-group-header{height:var(--ff-group-header-height,28px);padding:0 var(--ff-panel-padding-right,6px) 0 var(--ff-panel-padding,10px);color:var(--ff-group-header-text,var(--color-text-secondary));border-top:1px solid var(--ff-group-separator,var(--color-border-subtle));align-items:center;gap:6px;margin-top:4px;display:flex}.field-group:first-child>.field-group-header{border-top:none;margin-top:0}.field-group-toggle{color:inherit;font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;outline:none;flex:1;align-items:center;gap:6px;margin:0;padding:0;transition:color .12s;display:flex}.field-group-toggle:hover,.field-group-toggle:focus-visible{color:var(--ff-group-header-text-hover,var(--color-text-primary))}.field-group-chevron{flex-shrink:0;justify-content:center;align-items:center;width:12px;height:12px;display:inline-flex}.field-group-chevron svg{width:8px;height:8px;color:var(--ff-group-chevron,var(--color-text-secondary));transition:transform var(--duration-fast,.1s) var(--ease-out,ease-out)}.field-group-chevron--collapsed svg{transform:rotate(-90deg)}.field-group-label{letter-spacing:.01em;color:inherit;text-align:left;flex:1;font-size:12px;font-weight:500}.field-group-visibility{width:14px;height:14px;color:var(--ff-group-header-text,var(--color-text-secondary));cursor:pointer;background:0 0;border:none;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;margin-left:4px;padding:0;transition:color .12s,background-color .12s;display:inline-flex}.field-group-visibility--off{color:var(--color-text-tertiary,#999)}.field-group-visibility:hover{color:var(--ff-group-header-text-hover,var(--color-text-primary));background:var(--color-surface-hover,#0000000d)}.field-group-visibility:focus-visible{outline:2px solid var(--color-focus-ring,#4d90fe);outline-offset:-1px}.field-group-content-inner{gap:var(--ff-field-gap,2px);flex-direction:column;padding:2px 0 4px;display:flex}.cap-asset-grid-item{aspect-ratio:1;border-radius:var(--radius-xs);cursor:pointer;background:var(--color-surface-tertiary);font:inherit;appearance:none;contain:paint;border:none;padding:0;position:relative;overflow:hidden}.cap-asset-grid-item__image{object-fit:cover;width:100%;height:100%;display:block}.cap-asset-grid-item__metadata{color:#fff;text-transform:uppercase;pointer-events:none;background:linear-gradient(#0000,#000000b3);padding:4px 6px;font-size:10px;position:absolute;bottom:0;left:0;right:0}.cap-asset-grid-item__overlay{opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:opacity;display:flex;position:absolute;inset:0}.cap-asset-grid-item__overlay--hover{background:#00000073}.cap-asset-grid-item:not(.cap-asset-grid-item--selected) .cap-asset-grid-item__overlay--selected,.cap-asset-grid-item--selected .cap-asset-grid-item__overlay--hover{display:none}.cap-asset-grid-item:not(.cap-asset-grid-item--selected):hover .cap-asset-grid-item__overlay--hover{opacity:1}.cap-asset-grid-item--selected .cap-asset-grid-item__overlay--selected{opacity:1;background:#0006}.cap-asset-grid-item--selected:hover .cap-asset-grid-item__overlay--selected{background:#00000080}.cap-asset-grid-item__overlay-text{color:#fff;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.cap-asset-grid-item__checkmark{width:24px;height:24px;color:var(--color-success)}.cap-asset-grid-item--selected .cap-asset-grid-item__deselect-text,.cap-asset-grid-item--selected:hover .cap-asset-grid-item__checkmark--icon{visibility:hidden}.cap-asset-grid-item--selected:hover .cap-asset-grid-item__deselect-text{visibility:visible}.cap-asset-grid-container{scrollbar-width:thin;scrollbar-color:var(--color-border-default) transparent;max-height:200px;overflow:hidden auto}.cap-asset-grid{grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.cap-asset-grid-skeleton{aspect-ratio:1;border-radius:var(--radius-xs);background:var(--color-surface-tertiary);width:100%;animation:1.5s ease-in-out infinite cap-skeleton-shimmer}@keyframes cap-skeleton-shimmer{0%,to{opacity:1}50%{opacity:.5}}.cap-asset-grid-sentinel{width:100%;height:1px}.cf-asset-search-bar{align-items:center;width:100%;height:36px;display:flex;position:relative}.cf-asset-search-bar__icon{color:var(--color-text-subtle,#767676);pointer-events:none;z-index:1;align-items:center;display:flex;position:absolute;left:8px}.cf-asset-search-bar__input{border:1px solid var(--color-border-default,#d1d5db);background:var(--color-surface-secondary,#f9fafb);width:100%;height:36px;color:var(--color-text-primary,#111827);box-sizing:border-box;border-radius:4px;outline:none;padding:0 36px 0 32px;font-size:14px;line-height:1.5}.cf-asset-search-bar__input::placeholder{color:var(--color-text-placeholder,#9ca3af)}.cf-asset-search-bar__input:focus{border-color:var(--color-border-focus,#3b82f6);box-shadow:0 0 0 2px var(--color-focus-ring,#3b82f640)}.cf-asset-search-bar__loading{border:2px solid var(--color-border-default,#d1d5db);border-top-color:var(--color-text-primary,#111827);border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.6s linear infinite cf-asset-search-bar-spin;position:absolute;right:8px}@keyframes cf-asset-search-bar-spin{to{transform:rotate(360deg)}}.cf-image-edit-modal__overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cf-image-edit-modal{background:var(--color-surface-primary);border-radius:var(--radius-lg,8px);flex-direction:column;width:100%;max-width:calc(100vw - 64px);height:100%;max-height:calc(100vh - 64px);display:flex;overflow:hidden}.cf-image-edit-modal__header{border-bottom:1px solid var(--color-border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 16px;display:flex}.cf-image-edit-modal__header-label{font-family:var(--ff-primary);color:var(--color-text-primary);font-size:16px;font-weight:600}.cf-image-edit-modal__close-btn{appearance:none;cursor:pointer;color:var(--color-text-primary);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:8px;font-size:20px;line-height:1;display:flex}.cf-image-edit-modal__close-btn:hover{background:var(--color-surface-tertiary)}.cf-image-edit-modal__body{flex:1;display:flex;overflow:hidden}.cf-image-edit-modal__viewport{background:var(--color-surface-secondary);flex:1;justify-content:center;align-items:center;padding:24px;display:flex;position:relative;overflow:hidden}.cf-image-edit-modal__viewport:after{content:"";pointer-events:none;z-index:10;border:2px dashed #0000004d;position:absolute;inset:24px}.cf-image-edit-modal__viewport-frame{max-width:100%;max-height:100%;margin:auto;position:relative;overflow:hidden}.cf-image-edit-modal__sidebar{border-left:1px solid var(--color-border-subtle);flex-shrink:0;width:280px;padding:16px;overflow-y:auto}.cf-derivative-action{background:var(--color-surface-tertiary);width:100%;height:32px;color:var(--color-text-primary);border-radius:var(--radius-sm,4px);font-family:var(--ff-primary);cursor:pointer;border:none;justify-content:center;align-items:center;font-size:13px;font-weight:500;display:flex}.cf-derivative-action:hover{background:var(--color-surface-tertiary);opacity:.85}.cf-derivative-action:disabled{opacity:.5;cursor:not-allowed}.cf-derivative-error{color:var(--color-text-error,#d32f2f);margin-top:4px;font-size:12px;display:block}.cf-derivative-spinner{animation:1s linear infinite cf-spin;display:inline-block}@keyframes cf-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cf-image-edit-modal__actions{flex-direction:column;gap:8px;margin-top:16px;display:flex}.cf-image-edit-modal__source-section{border-bottom:1px solid var(--color-border-subtle);padding-bottom:12px}.cf-image-edit-modal__source-radio-group{align-items:center;gap:8px;display:flex}.cf-image-edit-modal__source-radio-option{cursor:pointer;font-family:var(--ff-primary);color:var(--color-text-primary);align-items:center;gap:4px;font-size:13px;display:flex}.cf-image-edit-modal__source-radio-option--disabled{opacity:.5;cursor:default}.cf-image-edit-modal__source-future-label{color:var(--color-text-secondary);font-size:11px}.cf-image-edit-modal__source-panel{margin-top:12px}.cf-image-edit-modal__url-field{flex-direction:column;display:flex}.cf-image-edit-modal__url-input{box-sizing:border-box;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm,4px);width:100%;font:inherit;color:var(--color-text-primary);background:var(--color-surface-primary);padding:6px 8px}.cf-image-edit-modal__url-input--error{border-color:var(--color-text-error)}.cf-image-edit-modal__url-error{color:var(--color-text-error);margin-top:4px;font-size:11px}.spotlight-root{background:var(--podium-color-background-primary);flex-direction:column;gap:1.25rem;display:flex}.spotlight-root-meta{border-bottom:1px solid var(--preview-color-border);align-items:center;gap:.5rem;padding-bottom:.5rem;display:flex}.spotlight-root-id{color:var(--preview-color-component-name);font-family:Courier New,monospace;font-size:.7rem;font-weight:700}.spotlight-root-template{color:var(--preview-color-attribute-label);background:var(--preview-color-surface-nested);border-radius:4px;padding:.1rem .35rem;font-family:Courier New,monospace;font-size:.62rem}.spotlight-root-slots{flex-direction:column;gap:1.25rem;display:flex}.spotlight-root-slot{flex-direction:column;display:flex}.generic-carousel-items-area{position:relative}.generic-carousel-track{pointer-events:auto;scrollbar-width:none;flex-direction:row;display:flex;overflow-x:hidden}.generic-carousel-track::-webkit-scrollbar{display:none}[data-drill-carousel] .generic-carousel-track{scroll-snap-type:none;gap:16px;overflow:visible}.generic-carousel-cell{flex-shrink:0}.generic-carousel-cell--paginated{scroll-snap-align:center}.generic-carousel-pagination{bottom:var(--podium-spacing-medium);z-index:1;align-items:center;gap:var(--podium-spacing-small);padding:var(--podium-spacing-small);background:var(--podium-color-element-secondary-hover);border-radius:100px;flex-direction:row;display:flex;position:absolute;left:50%;transform:translate(-50%)}.generic-carousel-dot{background:var(--podium-color-border-primary);opacity:.4;border-radius:50%;width:6px;height:6px;transition:width .15s,opacity .15s,background .15s}.generic-carousel-dot--active{background:var(--podium-color-border-active);opacity:1;border-radius:24px;width:24px}.generic-collection{background:var(--podium-color-background-primary);flex-direction:column;gap:0;display:flex}.generic-collection-items{flex-direction:column;gap:0;display:flex}.product-gallery{flex-direction:column;align-items:flex-start;width:100%;display:flex}.product-gallery-header{width:100%;padding:48px 24px 24px}.product-gallery-header-stack{flex-direction:column;gap:12px;width:100%;display:flex}.product-gallery-title{font-family:var(--podium-text-display-4-font-family);font-size:var(--podium-text-display-4-font-size);font-weight:var(--podium-text-display-4-font-weight);line-height:var(--podium-text-display-4-line-height);color:var(--podium-color-text-primary);text-align:left;max-width:100%}.product-gallery-description{font-family:var(--podium-text-body-1-font-family);font-size:var(--podium-text-body-1-font-size);font-weight:var(--podium-text-body-1-font-weight);line-height:var(--podium-text-body-1-line-height);color:var(--podium-color-text-primary);text-align:left}.product-gallery-row{flex-direction:row;align-items:flex-start;gap:0;width:100%;display:flex}.product-gallery-view-all{justify-content:center;width:100%;padding:24px 0 72px;display:flex}.product-gallery-view-all-btn{border:1.5px solid var(--podium-color-border-primary);color:var(--podium-color-text-primary);cursor:pointer;background:0 0;border-radius:100px;padding:8px 24px;font-family:inherit}.product-card{flex-direction:column;display:flex;position:relative;overflow:hidden}.product-card-single-image{aspect-ratio:.8;width:100%;overflow:hidden}.product-card-image{object-fit:cover;width:100%;height:100%;display:block}.product-card-carousel-wrapper{width:100%;position:relative;overflow:hidden}.product-card-carousel{pointer-events:auto;scrollbar-width:none;display:flex;overflow-x:hidden}.product-card-carousel::-webkit-scrollbar{display:none}[data-drill-carousel] .product-card-carousel{scroll-snap-type:none;gap:16px;overflow:visible}.product-card-carousel-page{scroll-snap-align:start;aspect-ratio:.8;flex-shrink:0;width:100%;overflow:hidden}.product-card-paging-overlay{pointer-events:none;position:absolute;bottom:8px;left:8px}.product-card-paging-wrapper{transform-origin:0 100%;opacity:.7;transform:scale(.5)}.product-card-paging-pill{background-color:var(--podium-color-element-secondary-always-dark);border-radius:100px;padding:8px}.product-card-paging-dots{flex-direction:row;align-items:center;gap:6px;display:flex}.product-card-dot{background-color:#0000;border-radius:50%;flex-shrink:0}.product-card-dot--active{background-color:var(--podium-color-border-active);border-radius:24px;width:24px;height:6px}.product-card-dot--inactive{background-color:var(--podium-color-element-secondary-always-light)}.product-card-favorite{background-color:var(--podium-color-element-secondary-always-dark);width:36px;height:36px;color:var(--podium-color-text-always-light);pointer-events:none;z-index:1;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;right:8px}.product-card-metadata{flex-direction:column;gap:0;padding:12px 12px 24px;display:flex}.product-card-badge{font-family:var(--podium-text-body-4-strong-font-family);font-size:var(--podium-text-body-4-strong-font-size);font-weight:var(--podium-text-body-4-strong-font-weight);line-height:var(--podium-text-body-4-strong-line-height);letter-spacing:var(--podium-text-body-4-strong-letter-spacing);color:var(--podium-color-text-secondary);text-transform:uppercase}.product-card-title{font-family:var(--podium-text-body-2-strong-font-family);font-size:var(--podium-text-body-2-strong-font-size);font-weight:var(--podium-text-body-2-strong-font-weight);line-height:var(--podium-text-body-2-strong-line-height);letter-spacing:var(--podium-text-body-2-strong-letter-spacing);color:var(--podium-color-text-primary);text-align:start}.product-card-subtitle{font-family:var(--podium-text-body-2-font-family);font-size:var(--podium-text-body-2-font-size);font-weight:var(--podium-text-body-2-font-weight);line-height:var(--podium-text-body-2-line-height);letter-spacing:var(--podium-text-body-2-letter-spacing);color:var(--podium-color-text-secondary)}.product-card-color-chips{flex-direction:row;align-items:center;gap:4px;height:24px;display:flex}.product-card-color-chip{border:1px solid color-mix(in srgb, var(--podium-color-text-primary) 20%, transparent);border-radius:50%;flex-shrink:0;width:12px;height:12px}.product-card-color-chips-overflow{font-family:var(--podium-text-body-3-font-family);font-size:var(--podium-text-body-3-font-size);font-weight:var(--podium-text-body-3-font-weight);line-height:var(--podium-text-body-3-line-height);letter-spacing:var(--podium-text-body-3-letter-spacing);color:var(--podium-color-text-secondary)}.product-card-price{font-family:var(--podium-text-body-2-font-family);font-size:var(--podium-text-body-2-font-size);font-weight:var(--podium-text-body-2-font-weight);line-height:var(--podium-text-body-2-line-height);letter-spacing:var(--podium-text-body-2-letter-spacing);color:var(--podium-color-text-primary)}.doorway-grid-4{background:var(--podium-color-background-primary);grid-template-columns:1fr 1fr;gap:12px;display:grid}.doorway-grid-4-cell{min-height:0}.doorway-grid-6{background:var(--podium-color-background-primary);grid-template-columns:1fr 1fr;gap:12px;display:grid}.doorway-grid-6-cell{min-height:0}.doorway-carousel{pointer-events:auto;background:var(--podium-color-background-primary);scrollbar-width:none;flex-direction:row;gap:12px;padding:0 16px;display:flex;overflow-x:hidden}.doorway-carousel::-webkit-scrollbar{display:none}[data-drill-carousel] .doorway-carousel{scroll-snap-type:none;gap:16px;overflow:visible}.doorway-carousel-item{scroll-snap-align:start;flex:0 0 70%}.tds-page{background-color:var(--color-surface-primary);min-height:100%;color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-base);flex-direction:column;display:flex}.tds-page button:focus-visible,.tds-page select:focus-visible,.tds-page input:focus-visible{box-shadow:0 0 0 2px var(--color-focus-ring);outline:none}.tds-main{min-height:0;padding:var(--space-8);flex:1;overflow-y:auto}.tds-page-title{font-size:var(--text-heading-lg-size);font-weight:var(--text-heading-lg-weight);line-height:var(--text-heading-lg-leading);letter-spacing:var(--text-heading-lg-tracking);color:var(--color-text-primary);margin:0 0 var(--space-2)}.tds-page-subtitle{font-size:var(--text-body-lg-size);color:var(--color-text-secondary);margin:0 0 var(--space-8)}.tds-section{margin-bottom:var(--space-8);padding-bottom:var(--space-8);border-bottom:1px solid var(--color-border-subtle)}.tds-section:last-child{border-bottom:none}.tds-section__title{font-size:var(--text-heading-md-size);font-weight:var(--text-heading-md-weight);line-height:var(--text-heading-md-leading);letter-spacing:var(--text-heading-md-tracking);color:var(--color-text-primary);margin:0 0 var(--space-4)}.tds-section__subtitle{font-size:var(--text-body-sm-size);color:var(--color-text-muted);margin:0 0 var(--space-4);font-weight:var(--text-label-weight);text-transform:uppercase;letter-spacing:.06em}.tds-color-group{margin-bottom:var(--space-6)}.tds-color-group__label{font-size:var(--text-body-sm-size);font-weight:var(--text-label-weight);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 var(--space-2)}.tds-swatches{gap:var(--space-3);flex-wrap:wrap;display:flex}.tds-swatch{gap:var(--space-1);flex-direction:column;min-width:120px;display:flex}.tds-swatch__color{border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);width:100%;min-height:48px}.tds-swatch__name{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-secondary);word-break:break-all}.tds-swatch__value{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-muted)}.tds-type-table{border-collapse:collapse;width:100%;margin-bottom:var(--space-6)}.tds-type-table th{text-align:left;font-size:var(--text-xs);font-weight:var(--text-label-weight);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-subtle)}.tds-type-table td{padding:var(--space-3);border-bottom:1px solid var(--color-border-subtle);vertical-align:middle}.tds-type-table tr:last-child td{border-bottom:none}.tds-type-sample{color:var(--color-text-primary)}.tds-type-meta{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-muted);white-space:nowrap}.tds-scale-row{align-items:baseline;gap:var(--space-4);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-subtle);display:flex}.tds-scale-row:last-child{border-bottom:none}.tds-scale-label{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-muted);min-width:100px}.tds-scale-sample{color:var(--color-text-primary)}.tds-spacing-rows{gap:var(--space-3);flex-direction:column;display:flex}.tds-spacing-row{align-items:center;gap:var(--space-4);display:flex}.tds-spacing-label{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-muted);min-width:80px}.tds-spacing-bar{background-color:var(--color-accent-tint);border-radius:var(--radius-sm);border:1px solid var(--color-accent-primary);opacity:.7;height:16px}.tds-spacing-value{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-secondary)}.tds-radius-grid{gap:var(--space-4);flex-wrap:wrap;display:flex}.tds-radius-item{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.tds-radius-box{background-color:var(--color-accent-tint);border:2px solid var(--color-accent-primary);width:80px;height:80px}.tds-radius-label{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-secondary);text-align:center}.tds-radius-value{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-muted);text-align:center}.tds-shadow-grid{gap:var(--space-6);flex-wrap:wrap;display:flex}.tds-shadow-card{background-color:var(--color-surface-elevated);border-radius:var(--radius-lg);justify-content:center;align-items:center;gap:var(--space-1);flex-direction:column;width:160px;height:100px;display:flex}.tds-shadow-card__label{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-secondary)}.tds-shadow-card__value{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-muted);text-align:center;padding:0 var(--space-2)}.tds-motion-rows{gap:var(--space-4);flex-direction:column;display:flex}.tds-motion-row{align-items:center;gap:var(--space-4);padding:var(--space-3);background-color:var(--color-surface-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);display:flex}.tds-motion-info{min-width:200px}.tds-motion-label{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-secondary);margin-bottom:var(--space-1)}.tds-motion-value{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-muted)}.tds-motion-demo{background-color:var(--color-surface-tertiary);border-radius:var(--radius-sm);flex:1;height:32px;position:relative;overflow:hidden}.tds-motion-bar{background-color:var(--color-accent-primary);border-radius:var(--radius-sm);width:40px;transition-property:transform;transition-timing-function:var(--ease-out);position:absolute;top:4px;bottom:4px;left:4px}.tds-motion-demo:hover .tds-motion-bar{transform:translate(calc(100% + 8px))}.tds-button-grid{gap:var(--space-6);flex-wrap:wrap;display:flex}.tds-button-group{gap:var(--space-2);flex-direction:column;display:flex}.tds-button-group__label{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-muted);margin-bottom:var(--space-1)}.tds-btn{padding:var(--space-2) var(--space-4);font-size:var(--text-body-md-size);font-weight:var(--text-label-weight);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), opacity var(--duration-fast) var(--ease-out);font-family:var(--font-sans);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.tds-btn--primary{background-color:var(--color-accent-primary);color:var(--color-accent-contrast);border-color:var(--color-accent-primary)}.tds-btn--primary:hover:not(:disabled){background-color:var(--color-accent-hover);border-color:var(--color-accent-hover)}.tds-btn--secondary{color:var(--color-text-primary);border-color:var(--color-border-default);background-color:#0000}.tds-btn--secondary:hover:not(:disabled){background-color:var(--color-interactive-hover);border-color:var(--color-border-hover)}.tds-btn--ghost{color:var(--color-text-secondary);background-color:#0000;border-color:#0000}.tds-btn--ghost:hover:not(:disabled){background-color:var(--color-interactive-hover);color:var(--color-text-primary)}.tds-btn--danger{background-color:var(--color-error);color:var(--color-error-text);border-color:var(--color-error)}.tds-btn--danger:hover:not(:disabled){background-color:var(--color-error-hover);border-color:var(--color-error-hover)}.tds-btn:disabled{opacity:.4;cursor:not-allowed}.tds-status-grid{gap:var(--space-6);flex-wrap:wrap;display:flex}.tds-status-group{gap:var(--space-2);flex-direction:column;display:flex}.tds-status-group__label{font-size:var(--text-xs);font-weight:var(--text-label-weight);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-1)}.tds-badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--text-label-weight);display:inline-flex}.tds-badge--success{background-color:var(--color-success);color:var(--color-accent-contrast)}.tds-badge--success-subtle{background-color:var(--color-success-subtle);color:var(--color-success)}.tds-badge--warning{background-color:var(--color-warning);color:var(--color-accent-contrast)}.tds-badge--warning-subtle{background-color:var(--color-warning-subtle);color:var(--color-warning)}.tds-badge--error{background-color:var(--color-error);color:var(--color-error-text)}.tds-badge--error-subtle{background-color:var(--color-error-subtle);color:var(--color-error)}.tds-status-dot{border-radius:var(--radius-full);width:8px;height:8px;display:inline-block}.tds-status-dot--success{background-color:var(--color-success)}.tds-status-dot--warning{background-color:var(--color-warning)}.tds-status-dot--error{background-color:var(--color-error)}.tds-status-text--success{color:var(--color-success);font-size:var(--text-body-sm-size)}.tds-status-text--warning{color:var(--color-warning);font-size:var(--text-body-sm-size)}.tds-status-text--error{color:var(--color-error);font-size:var(--text-body-sm-size)}.tds-interactive-grid{gap:var(--space-6);flex-direction:column;display:flex}.tds-interactive-group{gap:var(--space-2);flex-direction:column;display:flex}.tds-interactive-group__label{font-size:var(--text-xs);font-weight:var(--text-label-weight);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.tds-input-row{gap:var(--space-3);flex-wrap:wrap;display:flex}.tds-input-wrap{gap:var(--space-1);flex-direction:column;display:flex}.tds-input-wrap__label{font-size:var(--text-xs);color:var(--color-text-muted)}.tds-input{padding:var(--space-2) var(--space-3);font-size:var(--text-body-md-size);font-family:var(--font-sans);color:var(--color-text-primary);background-color:var(--color-surface-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);outline:none;width:180px}.tds-input:hover:not(:disabled):not(.tds-input--error){border-color:var(--color-border-hover)}.tds-input:focus:not(.tds-input--error){border-color:var(--color-border-focus);box-shadow:0 0 0 2px var(--color-focus-ring)}.tds-input--error{border-color:var(--color-error)}.tds-input--error:focus{box-shadow:0 0 0 2px #ef44444d}.tds-input:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-surface-secondary)}.tds-selection-list{border:1px solid var(--color-border-default);border-radius:var(--radius-md);width:240px;margin:0;padding:0;list-style:none;overflow:hidden}.tds-selection-item{padding:var(--space-2) var(--space-3);font-size:var(--text-body-md-size);color:var(--color-text-primary);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out);border-bottom:1px solid var(--color-border-subtle)}.tds-selection-item:last-child{border-bottom:none}.tds-selection-item:hover{background-color:var(--color-interactive-hover)}.tds-selection-item--selected{background-color:var(--color-selection);color:var(--color-selection-text)}.tds-selection-item--selected:hover{background-color:var(--color-selection-hover)}.tds-toggle-row{align-items:center;gap:var(--space-3);display:flex}.tds-toggle{cursor:pointer;border-radius:var(--radius-full);background:0 0;border:none;outline:none;width:40px;height:22px;padding:0;display:inline-block;position:relative}.tds-toggle:focus-visible{box-shadow:0 0 0 2px var(--color-focus-ring)}.tds-toggle__track{border-radius:var(--radius-full);background-color:var(--color-surface-tertiary);transition:background-color .25s var(--ease-out);position:absolute;inset:0}.tds-toggle--on .tds-toggle__track{background-color:var(--color-accent-primary)}.tds-toggle__thumb{border-radius:var(--radius-full);background-color:var(--color-text-muted);width:18px;height:18px;transition:transform .28s cubic-bezier(.34, 1.56, .64, 1), background-color .25s var(--ease-out);box-shadow:var(--shadow-sm);position:absolute;top:2px;left:2px}.tds-toggle--on .tds-toggle__thumb{background-color:var(--color-accent-contrast);transform:translate(18px)}.tds-toggle-label{font-size:var(--text-body-sm-size);color:var(--color-text-secondary)}.tds-tabs{gap:var(--space-2);border-bottom:1px solid var(--color-border-subtle);margin-bottom:var(--space-6);display:flex}.tds-tab{padding:var(--space-2) var(--space-4);font-size:var(--text-body-md-size);font-weight:var(--text-label-weight);font-family:var(--font-sans);color:var(--color-text-secondary);cursor:pointer;transition:color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px}.tds-tab:hover{color:var(--color-text-primary)}.tds-tab--active{color:var(--color-accent-primary);border-bottom-color:var(--color-accent-primary)}.tds-reference{flex-direction:column;display:flex}.tds-overview__desc{font-size:var(--text-body-md-size);color:var(--color-text-secondary);margin:0 0 var(--space-6)}.tds-vignette-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.tds-vignette{gap:var(--space-2);flex-direction:column;display:flex}.tds-vignette__label{font-size:var(--text-body-md-size);font-weight:var(--text-label-weight);color:var(--color-text-muted)}.tds-vignette__card{background-color:var(--color-surface-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-4);overflow:hidden}.tds-vig-content-card{gap:var(--space-3);flex-direction:column;display:flex}.tds-vig-content-card__header{justify-content:space-between;align-items:flex-start;gap:var(--space-2);display:flex}.tds-vig-content-card__title{font-size:var(--text-body-md-size);font-weight:var(--text-label-weight);color:var(--color-text-primary)}.tds-vig-content-card__desc{font-size:var(--text-body-sm-size);color:var(--color-text-secondary);line-height:var(--text-body-sm-leading)}.tds-vig-content-card__footer{justify-content:space-between;align-items:center;display:flex}.tds-vig-meta{font-size:var(--text-body-xs-size);color:var(--color-text-muted)}.tds-vig-badge{padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--text-label-weight);white-space:nowrap;align-items:center;display:inline-flex}.tds-vig-badge--published{background-color:var(--color-success-subtle);color:var(--color-success)}.tds-vig-badge--draft{background-color:var(--color-surface-tertiary);color:var(--color-text-muted)}.tds-vig-badge--review{background-color:var(--color-warning-subtle);color:var(--color-warning)}.tds-vig-form{gap:var(--space-3);flex-direction:column;display:flex}.tds-vig-field{gap:var(--space-1);flex-direction:column;display:flex}.tds-vig-field--row{align-items:center;gap:var(--space-2);flex-direction:row}.tds-vig-field__label{font-size:var(--text-body-sm-size);font-weight:var(--text-label-weight);color:var(--color-text-secondary)}.tds-input--full{box-sizing:border-box;width:100%}.tds-vig-select{appearance:none;padding:var(--space-2) 2rem var(--space-2) var(--space-3);font-size:var(--text-body-md-size);font-family:var(--font-sans);color:var(--color-text-primary);background-color:var(--color-surface-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1.5l5 5 5-5' stroke='%239ca3af' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;border:1px solid var(--color-border-default);border-radius:var(--radius-md);cursor:pointer;outline:none;width:100%}.tds-vig-select:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 2px var(--color-focus-ring)}.tds-vig-navbar{padding:var(--space-2) var(--space-3);background-color:var(--color-surface-elevated);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;display:flex}.tds-vig-navbar__left{align-items:center;gap:var(--space-2);display:flex}.tds-vig-navbar__brand{font-size:var(--text-body-md-size);font-weight:var(--text-heading-sm-weight);color:var(--color-text-primary)}.tds-vig-navbar__sep{color:var(--color-text-muted);font-size:var(--text-body-sm-size)}.tds-vig-navbar__crumb{font-size:var(--text-body-sm-size);color:var(--color-text-secondary)}.tds-vig-navbar__crumb--active{color:var(--color-text-primary);font-weight:var(--text-label-weight)}.tds-vig-navbar__avatar{border-radius:var(--radius-full);background-color:var(--color-accent-tint);width:28px;height:28px;color:var(--color-accent-primary);font-size:var(--text-xs);font-weight:var(--text-label-weight);justify-content:center;align-items:center;display:flex}.tds-vig-versions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.tds-vig-version-pill{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-body-sm-size);font-weight:var(--text-label-weight);font-family:var(--font-sans);border:1px solid var(--color-border-default);color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);background:0 0}.tds-vig-version-pill:hover{background-color:var(--color-interactive-hover);color:var(--color-text-primary)}.tds-vig-version-pill--selected{background-color:var(--color-accent-primary);border-color:var(--color-accent-primary);color:var(--color-accent-contrast)}.tds-vig-version-pill--selected:hover{background-color:var(--color-accent-hover);border-color:var(--color-accent-hover)}.tds-vig-tree{flex-direction:column;gap:2px;display:flex}.tds-vig-tree-node{text-align:left;width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-body-sm-size);font-family:var(--font-sans);color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:none;display:block}.tds-vig-tree-node:hover:not(.tds-vig-tree-node--selected){background-color:var(--color-interactive-hover);color:var(--color-text-primary)}.tds-vig-tree-node--selected{background-color:var(--color-accent-tint);color:var(--color-accent-primary)}.tds-vig-status-row{gap:var(--space-3);display:flex}.tds-vig-status-card{align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-2);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);flex-direction:column;flex:1;display:flex}.tds-vig-status-card--success{background-color:var(--color-success-subtle)}.tds-vig-status-card--warning{background-color:var(--color-warning-subtle)}.tds-vig-status-card--error{background-color:var(--color-error-subtle)}.tds-vig-status-card__count{font-size:var(--text-heading-md-size);font-weight:var(--text-heading-md-weight);color:var(--color-text-primary)}.tds-vig-status-card__label{font-size:var(--text-body-xs-size);color:var(--color-text-secondary)}.tds-vig-button-bar{gap:var(--space-2);flex-wrap:wrap;display:flex}.tds-btn--sm{padding:var(--space-1) var(--space-3);font-size:var(--text-body-sm-size)}.tds-vig-table{border-collapse:collapse;width:100%;font-size:var(--text-body-sm-size)}.tds-vig-table th{text-align:left;font-size:var(--text-xs);font-weight:var(--text-label-weight);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-default)}.tds-vig-table td{padding:var(--space-2) var(--space-3);color:var(--color-text-primary);border-bottom:1px solid var(--color-border-subtle)}.tds-vig-table__row{cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out)}.tds-vig-table__row:nth-child(2n){background-color:var(--color-surface-tertiary)}.tds-vig-table__row:hover{background-color:var(--color-interactive-hover)}.tds-vig-table__row--selected{background-color:var(--color-selection)}.tds-vig-table__row--selected td{color:var(--color-selection-text)}.tds-vig-table__row--selected:hover{background-color:var(--color-selection-hover)}.tds-tuning{flex-direction:column;display:flex}.tds-tuning__intro{font-size:var(--text-body-md-size);color:var(--color-text-secondary);line-height:var(--text-body-md-leading);margin:0 0 var(--space-8);max-width:72ch}.tds-tuning-grid{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);flex-direction:column;gap:0;display:flex;overflow:hidden}.tds-tuning-grid__header{gap:var(--space-4);padding:var(--space-2) var(--space-4);background-color:var(--color-surface-secondary);border-bottom:1px solid var(--color-border-subtle);font-size:var(--text-xs);font-weight:var(--text-label-weight);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;grid-template-columns:22ch 1fr 2ch 1fr 1fr;align-items:center;display:grid}.tds-tuning-row{gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle);transition:background-color var(--duration-fast) var(--ease-out);grid-template-columns:22ch 1fr 2ch 1fr 1fr;align-items:center;display:grid}.tds-tuning-row:last-child{border-bottom:none}.tds-tuning-row:hover{background-color:var(--color-surface-secondary)}.tds-tuning-row--no-change{opacity:.6}.tds-tuning-token{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-secondary);word-break:break-all}.tds-tuning-cell{gap:var(--space-1);flex-direction:column;display:flex}.tds-tuning-swatch-wrap{border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);flex-shrink:0;width:32px;height:32px;overflow:hidden}.tds-tuning-swatch-wrap--rgba{background-color:#0a0a0a}.tds-tuning-swatch{width:100%;height:100%}.tds-tuning-value{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-muted);word-break:break-all}.tds-tuning-arrow{font-size:var(--text-body-md-size);color:var(--color-text-muted);text-align:center}.tds-tuning-rationale{font-size:var(--text-body-sm-size);color:var(--color-text-secondary);line-height:var(--text-body-sm-leading)}.tds-ws-options{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.tds-ws-option{gap:var(--space-3);flex-direction:column;display:flex}.tds-ws-option__label{font-size:var(--text-body-md-size);font-weight:var(--text-label-weight);color:var(--color-text-primary)}.tds-ws-option__demos{gap:var(--space-3);padding:var(--space-4);background-color:var(--color-surface-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);flex-direction:column;display:flex}.tds-ws-demo-card{align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-2);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);flex-direction:column;display:flex}.tds-ws-demo-card__dot{border-radius:var(--radius-full);width:8px;height:8px}.tds-ws-demo-card__count{font-size:var(--text-heading-md-size);font-weight:var(--text-heading-md-weight);color:var(--color-text-primary)}.tds-ws-demo-card__text{font-size:var(--text-body-xs-size);color:var(--color-text-secondary)}.tds-ws-demo-badge-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.tds-ws-demo-badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--text-label-weight);align-items:center;display:inline-flex}.tds-ws-demo-fill{padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle)}.tds-ws-demo-fill__text{font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-leading)}.tds-ws-option__value{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-muted);word-break:break-all;line-height:1.4}.tds-components{flex-direction:column;display:flex}.tds-components__intro{font-size:var(--text-body-md-size);color:var(--color-text-secondary);line-height:var(--text-body-md-leading);margin:0 0 var(--space-8);max-width:72ch}.tds-comp-section-desc{font-size:var(--text-body-sm-size);color:var(--color-text-secondary);line-height:var(--text-body-sm-leading);margin:0 0 var(--space-6);max-width:60ch}.tds-comp-demos{gap:var(--space-8);flex-direction:column;display:flex}.tds-comp-demo{gap:var(--space-4);padding:var(--space-6);background-color:var(--color-surface-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);flex-direction:column;display:flex}.tds-comp-demo__label{font-size:var(--text-heading-sm-size);font-weight:var(--text-heading-sm-weight);color:var(--color-text-primary)}.tds-comp-demo__desc{font-size:var(--text-body-sm-size);color:var(--color-text-muted);line-height:var(--text-body-sm-leading);max-width:60ch;margin:0}.tds-comp-demo__usage code{font-family:var(--font-mono);font-size:var(--text-mono-size);color:var(--color-accent-primary);background-color:var(--color-surface-tertiary);padding:2px var(--space-2);border-radius:var(--radius-sm)}.tds-comp-demo__examples{gap:var(--space-6);flex-direction:column;display:flex}.tds-comp-example{align-items:flex-start;gap:var(--space-3);flex-direction:column;display:flex}.tds-comp-example__label{font-size:var(--text-xs);font-weight:var(--text-label-weight);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.tds-seg-bar{background-color:var(--color-surface-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);align-items:center;gap:2px;padding:3px;display:inline-flex}.tds-seg-bar__item{padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-body-sm-size);font-weight:var(--text-label-weight);color:var(--color-text-muted);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);white-space:nowrap;background:0 0;border:none;justify-content:center;align-items:center;min-width:40px;font-family:inherit;display:inline-flex}.tds-seg-bar__item:hover:not(.tds-seg-bar__item--active){color:var(--color-text-primary);background-color:var(--color-interactive-hover)}.tds-seg-bar__item--active{background-color:var(--color-accent-primary);color:var(--color-accent-contrast)}.tds-seg-bar--ghost{border-color:var(--color-border-subtle);background-color:#0000}.tds-seg-bar--ghost .tds-seg-bar__item{border:1px solid #0000}.tds-seg-bar--ghost .tds-seg-bar__item:hover:not(.tds-seg-bar__item--active){color:var(--color-text-secondary);background-color:var(--color-interactive-hover);border-color:var(--color-border-hover)}.tds-seg-bar--ghost .tds-seg-bar__item--active{background-color:var(--color-accent-tint);border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.tds-seg-bar--muted{background:var(--color-surface-secondary);border:1px solid var(--color-border-subtle);border-radius:4px;gap:1px;padding:1px}.tds-seg-bar--muted .tds-seg-bar__item{border:none;border-radius:3px}.tds-seg-bar--muted .tds-seg-bar__item:hover:not(.tds-seg-bar__item--active){color:var(--color-text-secondary);background:var(--color-interactive-hover)}.tds-seg-bar--muted .tds-seg-bar__item--active{background:var(--color-selection);color:var(--color-accent-primary)}.tds-seg-bar--selection{gap:var(--space-1);background-color:#0000;border:none;padding:0}.tds-seg-bar--selection .tds-seg-bar__item{background:var(--color-surface-secondary);border:1px solid var(--color-border-default)}.tds-seg-bar--selection .tds-seg-bar__item:hover:not(.tds-seg-bar__item--active){background-color:var(--color-interactive-hover)}.tds-seg-bar--selection .tds-seg-bar__item--active{background:var(--color-selection);color:var(--color-accent-primary);border-color:var(--color-border-subtle)}.tds-seg-bar--selection .tds-seg-bar__item--active:hover{background:var(--color-selection-hover)}.tds-icon-grid{background-color:var(--color-surface-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);grid-template-columns:repeat(8,1fr);gap:2px;padding:3px;display:inline-grid}.tds-icon-grid__item{border-radius:var(--radius-md);width:36px;height:36px;font-size:var(--text-lg);color:var(--color-text-muted);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.tds-icon-grid__item:hover:not(.tds-icon-grid__item--active){color:var(--color-text-primary);background-color:var(--color-interactive-hover)}.tds-icon-grid__item--active{background-color:var(--color-accent-primary);color:var(--color-accent-contrast)}.tds-fd-grid{gap:var(--space-8);flex-direction:column;display:flex}.tds-fd-group{gap:var(--space-4);flex-direction:column;display:flex}.tds-fd-group__label{font-size:var(--text-body-lg-size);font-weight:var(--text-heading-sm-weight);color:var(--color-text-primary)}.tds-fd-compare{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.tds-fd-compare--4col{grid-template-columns:repeat(4,1fr)}.tds-fd-card{gap:var(--space-3);flex-direction:column;display:flex}.tds-fd-card__sublabel{font-size:var(--text-body-sm-size);font-weight:var(--text-label-weight);color:var(--color-text-secondary)}.tds-fd-card__demos{gap:var(--space-3);padding:var(--space-4);background-color:var(--color-surface-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);flex-direction:column;display:flex}.tds-fd-selection-demo,.tds-fd-selection-solid{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md)}.tds-fd-selection-text{font-size:var(--text-body-sm-size);color:var(--color-text-primary)}.tds-fd-accent-swatch{border-radius:var(--radius-md);justify-content:center;align-items:center;width:100%;height:48px;display:flex}.tds-fd-accent-text{font-size:var(--text-body-md-size);font-weight:var(--text-label-weight)}.tds-fd-accent-btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-body-sm-size);font-weight:var(--text-label-weight);cursor:pointer;border:none;justify-content:center;align-items:center;display:inline-flex}.tds-fd-card__demos--flush{gap:0;padding:0;overflow:hidden}.tds-fd-sel-list{flex-direction:column;display:flex}.tds-fd-sel-row{padding:var(--space-2) var(--space-4);font-size:var(--text-body-sm-size);color:var(--color-text-primary);border-bottom:1px solid var(--color-border-subtle)}.tds-fd-sel-row--selected{color:var(--color-text-primary);font-weight:500}.tds-fd-sel-table{flex-direction:column;display:flex}.tds-fd-sel-table-header{padding:var(--space-2) var(--space-4);font-size:var(--text-xs);font-weight:var(--text-label-weight);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--color-border-default);background-color:var(--color-surface-secondary);grid-template-columns:1fr 1fr 1fr;display:grid}.tds-fd-sel-table-row{padding:var(--space-2) var(--space-4);font-size:var(--text-body-sm-size);color:var(--color-text-primary);border-bottom:1px solid var(--color-border-subtle);grid-template-columns:1fr 1fr 1fr;display:grid}.tds-fd-sel-table-row--selected{font-weight:500}.tds-fd-sel-solid-strip{padding:var(--space-3) var(--space-4)}.tds-ws-strat-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.tds-ws-strat-col{gap:var(--space-3);flex-direction:column;display:flex}.tds-ws-strat-label{font-size:var(--text-body-sm-size);font-weight:var(--text-label-weight);color:var(--color-text-primary)}.tds-ws-strat-demos{gap:var(--space-3);padding:var(--space-4);background-color:var(--color-surface-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);flex-direction:column;display:flex}.tds-ws-strat-desc{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-muted);line-height:1.4}@media (width<=768px){.tds-main{padding:var(--space-4)}.tds-vignette-grid{grid-template-columns:1fr}}.cs-dashboard-page{flex-direction:column;flex:1;min-height:0;display:flex}.cs-dashboard-header{justify-content:space-between;align-items:center;gap:var(--space-4);padding:0 var(--space-4);height:var(--content-nav-height);border-bottom:1px solid var(--color-border-default);background:var(--color-surface-secondary);flex-shrink:0;display:flex}.cs-dashboard-header-left{align-items:baseline;gap:var(--space-3);display:flex}.cs-dashboard-title{font-size:var(--text-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.cs-dashboard-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary)}.cs-dashboard-body{flex:1;min-height:0;overflow-y:auto}.cs-dashboard-table-area{padding:var(--space-4)}.cs-error-banner{margin:var(--space-4);border-radius:var(--radius-md);background:var(--color-error-subtle);border:1px solid var(--color-error);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-error);justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.cs-error-retry-btn{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--text-label-weight);border-radius:var(--radius-md);border:1px solid var(--color-error);color:var(--color-error);cursor:pointer;transition:background var(--duration-fast) var(--ease-out);background:0 0;flex-shrink:0;font-family:inherit}.cs-error-retry-btn:hover{background:var(--color-error-subtle)}.cs-empty-state{padding:5rem var(--space-4);justify-content:center;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);flex-direction:column;display:flex}.cs-empty-title{font-size:var(--text-base);font-weight:var(--text-label-weight);color:var(--color-text-primary);margin:0}.cs-empty-hint{font-size:var(--text-sm);text-align:center;max-width:28rem;margin:0}.cs-skeleton-area{padding:var(--space-4)}.cs-skeleton-row{gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-subtle);align-items:center;display:flex}.cs-filters{align-items:flex-start;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface-primary);flex-wrap:wrap;display:flex}.cs-filter-group{align-items:center;gap:var(--space-2);display:flex}.cs-filter-group--status{align-items:flex-start}.cs-filter-label{font-size:var(--text-xs);font-weight:var(--text-label-weight);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;padding-top:4px}.cs-filter-select{appearance:none;font-size:var(--text-sm);border-radius:var(--radius-md);border:1px solid var(--color-border-default);background-color:var(--color-surface-primary);color:var(--color-text-primary);cursor:pointer;padding:.25rem 2rem .25rem .75rem;font-family:inherit}.cs-filter-select:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:-2px;border-color:var(--color-border-focus)}.cs-filter-chips{gap:var(--space-1);flex-wrap:wrap;display:flex}.cs-filter-chip{padding:2px var(--space-2);font-size:var(--text-xs);font-weight:var(--text-label-weight);border-radius:var(--radius-full);border:1px solid var(--color-border-default);background:var(--color-surface-primary);color:var(--color-text-secondary);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);font-family:inherit}.cs-filter-chip:hover{background:var(--color-interactive-hover);border-color:var(--color-border-default);color:var(--color-text-primary)}.cs-filter-chip--active{background:color-mix(in srgb, var(--color-accent-primary) 12%, transparent);border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.cs-filter-clear{padding:2px var(--space-2);font-size:var(--text-xs);border-radius:var(--radius-full);border:1px solid var(--color-border-default);color:var(--color-text-secondary);cursor:pointer;transition:color var(--duration-fast) var(--ease-out);background:0 0;font-family:inherit}.cs-filter-clear:hover{color:var(--color-error);border-color:var(--color-error)}.cs-table-container{border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);overflow-x:auto}.cs-table{border-collapse:collapse;width:100%;font-size:var(--text-sm);color:var(--color-text-primary)}.cs-table-th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--text-xs);font-weight:var(--text-label-weight);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--text-label-tracking,.05em);background:var(--color-surface-secondary);border-bottom:1px solid var(--color-border-default);white-space:nowrap}.cs-table-row{transition:background var(--duration-fast) var(--ease-out)}.cs-table-row:hover{background:var(--color-interactive-hover)}.cs-table-row-link{all:unset;cursor:pointer;width:100%;font-weight:inherit;color:inherit;display:block}.cs-table-row-link:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;border-radius:var(--radius-sm)}.cs-table-row--at-risk{border-left:3px solid var(--color-warning)}.cs-table-row--at-risk td:first-child{padding-left:calc(var(--space-4) - 3px)}.cs-table-td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle);vertical-align:middle}.cs-table-td--name{font-weight:var(--text-label-weight);text-overflow:ellipsis;white-space:nowrap;max-width:20rem;overflow:hidden}.cs-untitled{color:var(--color-text-secondary);font-style:italic;font-weight:400}.cs-table-time{white-space:nowrap;display:block}.cs-table-time-hint{font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:2px;display:block}.cs-readiness{gap:var(--space-1);flex-direction:column;display:flex}.cs-readiness-status{align-items:center;gap:var(--space-1);display:flex}.cs-readiness-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.cs-readiness-label{font-size:var(--text-xs);font-weight:var(--text-label-weight)}.cs-readiness-blockers{gap:var(--space-0_5);flex-direction:column;display:flex}.cs-readiness-blocker{font-size:var(--text-xs);color:var(--color-text-secondary)}.proto-page{background-color:var(--color-surface-primary);min-height:100%;color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-base);flex-direction:column;display:flex}.proto-main{min-height:0;padding:var(--space-8);flex:1;overflow-y:auto}.proto-page-title{font-size:var(--text-heading-lg-size);font-weight:var(--text-heading-lg-weight);line-height:var(--text-heading-lg-leading);letter-spacing:var(--text-heading-lg-tracking);color:var(--color-text-primary);margin:0 0 var(--space-2)}.proto-page-subtitle{font-size:var(--text-body-lg-size);color:var(--color-text-secondary);margin:0 0 var(--space-6)}.proto-filters{gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.proto-filter-pill{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--color-border-default);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-weight-medium,500);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);-webkit-user-select:none;user-select:none;background:0 0}.proto-filter-pill:hover{border-color:var(--color-border-hover);color:var(--color-text-primary)}.proto-filter-pill--active{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:var(--color-accent-contrast)}.proto-filter-pill--active:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:var(--color-accent-contrast)}.proto-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.proto-card{background:var(--color-surface-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);color:inherit;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.proto-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md)}.proto-card:focus-visible{box-shadow:0 0 0 2px var(--color-focus-ring-offset), 0 0 0 4px var(--color-focus-ring);outline:none}.proto-card__preview{background:var(--color-surface-tertiary);border-bottom:1px solid var(--color-border-subtle);justify-content:center;align-items:center;height:180px;display:flex;overflow:hidden}.proto-card__preview-placeholder{font-size:var(--text-heading-md-size);color:var(--color-text-muted);opacity:.4}.proto-card__body{padding:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.proto-card__category{font-size:var(--text-xs);font-weight:var(--text-label-weight);text-transform:uppercase;letter-spacing:.06em;color:var(--color-accent-primary)}.proto-card__title{font-size:var(--text-body-lg-size);color:var(--color-text-primary);margin:0;font-weight:600}.proto-card__description{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}.proto-card__status{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1);display:inline-flex}.proto-card__status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.proto-card__status-dot--planned{background:var(--color-text-muted)}.proto-card__status-dot--in-progress{background:var(--color-warning)}.proto-card__status-dot--complete{background:var(--color-success)}.proto-empty{padding:3rem var(--space-4);color:var(--color-text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.proto-empty__title{font-size:var(--text-body-lg-size);font-weight:var(--font-weight-medium,500);margin:0 0 var(--space-2)}.proto-empty__description{font-size:var(--text-sm);margin:0}.blur-lab{background:var(--color-surface-primary);height:100%;color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-base);flex-direction:column;display:flex;overflow:hidden}.blur-lab-header{background:var(--color-surface-secondary);border-bottom:1px solid var(--color-border-default);flex-shrink:0}.blur-lab-header__row{align-items:center;display:flex}.blur-lab-header__row--nav{gap:var(--space-3);padding:0 var(--space-4);height:var(--content-nav-height);border-bottom:1px solid var(--color-border-subtle)}.blur-lab-header__row--controls{gap:var(--space-4);padding:var(--space-2) var(--space-4);flex-wrap:wrap}.blur-lab-back{align-items:center;gap:var(--space-1);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-weight-medium,500);padding:var(--space-1) var(--space-2) var(--space-1) 0;border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease-out);white-space:nowrap;text-decoration:none;display:flex}.blur-lab-back:hover{color:var(--color-text-primary)}.blur-lab-header__divider{background:var(--color-border-subtle);flex-shrink:0;width:1px;height:1rem}.blur-lab-header__title{font-size:var(--text-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.blur-lab-header__spacer{flex:1}.blur-lab-control{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.blur-lab-control__label{font-size:var(--text-xs);font-weight:var(--text-label-weight);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);white-space:nowrap;flex-shrink:0}.blur-lab-control__value{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-secondary);text-align:right;min-width:3rem}.blur-lab-slider{appearance:none;background:var(--color-border-default);border-radius:var(--radius-full);cursor:pointer;outline:none;width:100px;height:4px}.blur-lab-slider::-webkit-slider-thumb{appearance:none;background:var(--color-accent-primary);cursor:pointer;border:none;border-radius:50%;width:12px;height:12px}.blur-lab-slider::-moz-range-thumb{background:var(--color-accent-primary);cursor:pointer;border:none;border-radius:50%;width:12px;height:12px}.blur-lab-pills{gap:2px;display:flex}.blur-lab-pill{padding:3px var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--color-border-default);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--text-label-weight);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;-webkit-user-select:none;user-select:none;background:0 0}.blur-lab-pill:hover{border-color:var(--color-border-hover);color:var(--color-text-primary)}.blur-lab-pill--active{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:var(--color-accent-contrast)}.blur-lab-pill--active:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:var(--color-accent-contrast)}.blur-lab-stage{cursor:default;flex:1;min-height:0;position:relative;overflow:hidden}.blur-lab-zoom-select{background:var(--color-surface-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);font-size:var(--text-sm);cursor:pointer;outline:none}.blur-lab-zoom-select:hover{border-color:var(--color-border-hover)}.blur-lab-canvas{width:100%;cursor:inherit;position:absolute;top:0;left:0;overflow:visible}.blur-lab-mock{max-width:960px;padding:0}.blur-lab-mock__hero{height:420px;padding:var(--space-8);align-items:flex-end;display:flex;position:relative}.blur-lab-mock__hero-text{gap:var(--space-2);flex-direction:column;display:flex}.blur-lab-mock__tag{font-size:var(--text-xs);font-weight:var(--text-label-weight);text-transform:uppercase;letter-spacing:.08em;padding:2px var(--space-2);border-radius:var(--radius-sm);display:inline-block}.blur-lab-mock__headline{font-size:2.5rem;font-weight:var(--font-weight-bold);letter-spacing:-.02em;line-height:1.1}.blur-lab-mock__subline{font-size:var(--text-lg);opacity:.8}.blur-lab-mock__cta{margin-top:var(--space-2);padding:var(--space-2) var(--space-6);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-weight-bold);cursor:default;width:fit-content;display:inline-block}.blur-lab-mock__section-wrap{padding:var(--space-4) var(--space-8) var(--space-6)}.blur-lab-mock__section-label{font-size:var(--text-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.08em;padding:var(--space-2) 0 var(--space-3)}.blur-lab-mock__section-label--light,.blur-lab-mock__section-label--dark{color:#737373}.blur-lab-mock__section-label--colorful{color:#ffffff80}.blur-lab-mock__section-label--mixed{color:#737373}.blur-lab-mock__banner-wrap{padding:var(--space-4) var(--space-8) var(--space-6)}.blur-lab-mock__section{gap:var(--space-3);flex-wrap:wrap;display:flex}.blur-lab-mock__card{border-radius:var(--radius-lg);flex:1;min-width:160px;max-width:220px;overflow:hidden}.blur-lab-mock__card-img{height:140px}.blur-lab-mock__card-body{padding:var(--space-3);gap:var(--space-1);flex-direction:column;display:flex}.blur-lab-mock__card-name{font-size:var(--text-sm);font-weight:var(--font-weight-bold);line-height:1.3}.blur-lab-mock__card-name--light{color:#111}.blur-lab-mock__card-name--dark{color:#f1f5f9}.blur-lab-mock__card-name--colorful{color:#ffffffe6}.blur-lab-mock__card-sub{border-radius:var(--radius-sm);width:60%;height:10px}.blur-lab-mock__card-price-text{font-size:var(--text-xs);font-weight:var(--font-weight-medium,500);margin-top:var(--space-1)}.blur-lab-mock__card-price-text--light{color:#525252}.blur-lab-mock__card-price-text--dark{color:#94a3b8}.blur-lab-mock__card-price-text--colorful{color:#fff9}.blur-lab-mock__banner{border-radius:var(--radius-lg);width:100%;height:200px;padding:var(--space-8);justify-content:center;gap:var(--space-3);flex-direction:column;display:flex}.blur-lab-mock__banner-headline{font-size:1.5rem;font-weight:var(--font-weight-bold);line-height:1.2}.blur-lab-mock__banner-headline--light{color:#1e40af}.blur-lab-mock__banner-headline--dark{color:#38bdf8}.blur-lab-mock__banner-headline--colorful,.blur-lab-mock__banner-headline--mixed{color:#fff}.blur-lab-mock__banner-sub-text{font-size:var(--text-sm);opacity:.7}.blur-lab-mock__banner-sub-text--light{color:#334155}.blur-lab-mock__banner-sub-text--dark{color:#94a3b8}.blur-lab-mock__banner-sub-text--colorful{color:#fffc}.blur-lab-mock__banner-sub-text--mixed{color:#fff9}.blur-lab-mock--light{background:#f8fafc}.blur-lab-mock__hero--light{background:linear-gradient(160deg,#fff 0%,#dbeafe 60%,#bfdbfe 100%)}.blur-lab-mock__tag--light{color:#1d4ed8;background:#3b82f61f}.blur-lab-mock__headline--light{color:#0f172a}.blur-lab-mock__subline--light{color:#334155}.blur-lab-mock__cta--light{color:#fff;background:#0f172a}.blur-lab-mock__card--light{background:#fff;border:1px solid #e5e5e5}.blur-lab-mock__card-img--light{background:linear-gradient(135deg,#e5e5e5 0%,#d4d4d4 100%)}.blur-lab-mock__card-sub--light{background:#d4d4d4}.blur-lab-mock__banner--light{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:1px solid #bfdbfe}.blur-lab-mock--dark{background:#111}.blur-lab-mock__hero--dark{background:linear-gradient(160deg,#111 0%,#0c1a2e 60%,#0f2044 100%)}.blur-lab-mock__tag--dark{color:#38bdf8;background:#38bdf826}.blur-lab-mock__headline--dark{color:#f1f5f9}.blur-lab-mock__subline--dark{color:#94a3b8}.blur-lab-mock__cta--dark{color:#0f172a;background:#38bdf8}.blur-lab-mock__card--dark{background:#1a1a1a;border:1px solid #2d2d2d}.blur-lab-mock__card-img--dark{background:linear-gradient(135deg,#1e2028 0%,#2d3340 100%)}.blur-lab-mock__card-sub--dark{background:#1e2028}.blur-lab-mock__banner--dark{background:linear-gradient(135deg,#0c1a2e 0%,#0f2044 100%);border:1px solid #1e2d44}.blur-lab-mock--mixed{background:#f5f5f5}.blur-lab-mock__hero--mixed{background:linear-gradient(160deg,#111 0%,#1a1a1a 50%,#222 100%)}.blur-lab-mock__tag--mixed{color:#fff;background:#ffffff1f}.blur-lab-mock__headline--mixed{color:#fff}.blur-lab-mock__subline--mixed{color:#ffffffb3}.blur-lab-mock__cta--mixed{color:#111;background:#fff}.blur-lab-mock__section--light-bg{background:#f5f5f5}.blur-lab-mock__section--dark-bg{background:#111}.blur-lab-mock__card-img--mixed{background:linear-gradient(135deg,#e5e5e5 0%,#d4d4d4 100%)}.blur-lab-mock__card-img--mixed-alt{background:linear-gradient(135deg,#d4d4d4 0%,#c4c4c4 100%)}.blur-lab-mock__banner--mixed{background:linear-gradient(135deg,#111 0%,#1a1a1a 100%)}.blur-lab-mock--colorful{background:#0f0a1e}.blur-lab-mock__hero--colorful{background:linear-gradient(135deg,#7c3aed 0%,#db2777 50%,#f97316 100%)}.blur-lab-mock__tag--colorful{color:#fff;background:#fff3}.blur-lab-mock__headline--colorful{color:#fff}.blur-lab-mock__subline--colorful{color:#fffc}.blur-lab-mock__cta--colorful{color:#7c3aed;background:#fff}.blur-lab-mock__section--colorful-row{background:#0f0a1e}.blur-lab-mock__card--colorful{background:#1a1030;border:1px solid #7c3aed4d}.blur-lab-mock__card-img--colorful-1{background:linear-gradient(135deg,#7c3aed 0%,#db2777 100%)}.blur-lab-mock__card-img--colorful-2{background:linear-gradient(135deg,#0ea5e9 0%,#7c3aed 100%)}.blur-lab-mock__card-img--colorful-3{background:linear-gradient(135deg,#f97316 0%,#db2777 100%)}.blur-lab-mock__card-img--colorful-4{background:linear-gradient(135deg,#10b981 0%,#0ea5e9 100%)}.blur-lab-mock__card-sub--colorful{background:#ffffff1a}.blur-lab-mock__banner--colorful{background:linear-gradient(135deg,#f97316 0%,#db2777 50%,#7c3aed 100%)}.blur-lab-panel{-webkit-backdrop-filter:blur(var(--blur-lab-blur));background:color-mix(in srgb, var(--color-surface-secondary) var(--blur-lab-opacity), transparent);padding:var(--space-4);flex-direction:column;transition:transform .2s ease-out;display:flex;position:absolute;top:0;bottom:0;overflow:hidden}.blur-lab-panel--left{left:0}.blur-lab-panel--right{right:0}.blur-lab-panel--hidden.blur-lab-panel--left{pointer-events:none;transform:translate(calc(-100% - 12px))}.blur-lab-panel--hidden.blur-lab-panel--right{pointer-events:none;transform:translate(calc(100% + 12px))}.blur-lab-panel--shadow-none{box-shadow:none}.blur-lab-panel--shadow-soft{box-shadow:0 2px 12px #00000026}.blur-lab-panel--shadow-strong{box-shadow:0 4px 24px #00000059}.blur-lab-panel--left.blur-lab-panel--shadow-glow{box-shadow:inset -24px 0 24px #ffffff1f,inset -1px 0 #ffffff14}.blur-lab-panel--right.blur-lab-panel--shadow-glow{box-shadow:inset 24px 0 24px #ffffff1f,inset 1px 0 #ffffff14}.blur-lab-panel--floating.blur-lab-panel--left{border-radius:var(--radius-lg);top:12px;bottom:12px;left:12px}.blur-lab-panel--floating.blur-lab-panel--right{border-radius:var(--radius-lg);top:12px;bottom:12px;right:12px}.blur-lab-panel--bordered{border:1px solid #ffffff1f}.blur-lab-tree{background:color-mix(in srgb, var(--color-surface-tertiary) var(--blur-lab-content-bg-opacity), transparent);border-radius:var(--radius-md);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.blur-lab-tree__header{font-size:var(--text-xs);font-weight:var(--text-label-weight);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);padding:var(--space-4) var(--space-4) var(--space-3);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.blur-lab-tree__body{padding:var(--space-2) var(--space-4) var(--space-4);flex:1;min-height:0;overflow-y:auto}.blur-lab-tree__node{align-items:flex-start;gap:var(--space-1);padding:4px var(--space-2);border-radius:var(--radius-sm);cursor:pointer;min-height:36px;transition:background var(--duration-fast) var(--ease-out);display:flex;position:relative}.blur-lab-tree__node:hover:not(.blur-lab-tree__node--selected):not(.blur-lab-tree__node--add){background:var(--color-surface-tertiary)}.blur-lab-tree__node--l0{padding-left:var(--space-2)}.blur-lab-tree__node--l1{padding-left:var(--space-6)}.blur-lab-tree__node--l2{padding-left:calc(var(--space-6) + var(--space-4))}.blur-lab-tree__node--selected:before{content:"";background:var(--color-accent-primary);opacity:.85;width:3px;height:60%;max-height:20px;transition:height var(--duration-fast) var(--ease-out);border-radius:2px;position:absolute;top:50%;left:4px;transform:translateY(-50%)}.blur-lab-tree__node--add{min-height:28px}.blur-lab-tree__chevron{font-size:var(--text-xs);color:var(--color-text-muted);cursor:pointer;width:12px;transition:transform var(--duration-fast) var(--ease-out);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:inline-flex}.blur-lab-tree__chevron:hover{color:var(--color-text-primary)}.blur-lab-tree__chevron--collapsed{transform:rotate(-90deg)}.blur-lab-tree__chevron-spacer{flex-shrink:0;width:12px}.blur-lab-tree__node-content{flex-direction:column;gap:2px;min-width:0;display:flex}.blur-lab-tree__name{font-size:var(--text-sm);color:var(--color-text-primary);line-height:1.4}.blur-lab-tree__id{font-size:var(--text-xs);color:var(--color-text-muted);font-family:var(--font-mono);word-break:break-all}.blur-lab-tree__add{font-size:var(--text-sm);color:var(--color-accent-primary);padding-left:var(--space-1)}.blur-lab-form{gap:var(--space-3);padding:var(--space-4);background:color-mix(in srgb, var(--color-surface-tertiary) var(--blur-lab-content-bg-opacity), transparent);border-radius:var(--radius-md);flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.blur-lab-form__component-header{justify-content:space-between;align-items:flex-start;gap:var(--space-2);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-subtle);display:flex}.blur-lab-form__component-id{font-size:var(--text-xs);color:var(--color-text-muted);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.blur-lab-form__group{background:color-mix(in srgb, var(--color-surface-tertiary) var(--blur-lab-content-bg-opacity), transparent);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);overflow:hidden}.blur-lab-form__group-header{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;display:flex}.blur-lab-form__group-label{font-size:var(--text-xs);font-weight:var(--text-label-weight);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary)}.blur-lab-form__group-actions{align-items:center;gap:var(--space-2);display:flex}.blur-lab-form__group-chevron{font-size:var(--text-xs);color:var(--color-text-muted)}.blur-lab-form__eye{font-size:var(--text-xs);color:var(--color-text-muted);cursor:default}.blur-lab-form__group-body{padding:var(--space-3);gap:var(--space-3);flex-direction:column;display:flex}.blur-lab-form__field{gap:var(--space-1);flex-direction:column;display:flex}.blur-lab-form__field--row{flex-direction:row;justify-content:space-between;align-items:center}.blur-lab-form__field-label{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:var(--text-label-weight)}.blur-lab-form__input{background:color-mix(in srgb, var(--color-surface-secondary) var(--blur-lab-content-bg-opacity), transparent);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-primary);align-items:center;min-height:32px;display:flex}.blur-lab-form__input--dashed{color:var(--color-text-muted);border-style:dashed}.blur-lab-form__input--multiline{align-items:flex-start;min-height:64px}.blur-lab-form__input-placeholder{color:var(--color-text-muted);font-style:italic}.blur-lab-form__dropdown{background:color-mix(in srgb, var(--color-surface-secondary) var(--blur-lab-content-bg-opacity), transparent);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-primary);cursor:default;justify-content:space-between;align-items:center;display:flex}.blur-lab-form__dropdown-chevron{font-size:var(--text-xs);color:var(--color-text-muted)}.blur-lab-form__color-row{align-items:center;gap:var(--space-2);background:color-mix(in srgb, var(--color-surface-secondary) var(--blur-lab-content-bg-opacity), transparent);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);display:flex}.blur-lab-form__swatch{border-radius:var(--radius-sm);border:1px solid #ffffff1a;flex-shrink:0;width:16px;height:16px}.blur-lab-form__color-hex{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-secondary)}.blur-lab-form__icon-pills{gap:2px;display:flex}.blur-lab-form__icon-pill{background:color-mix(in srgb, var(--color-surface-secondary) var(--blur-lab-content-bg-opacity), transparent);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);width:28px;height:28px;font-size:var(--text-xs);color:var(--color-text-secondary);cursor:default;justify-content:center;align-items:center;display:flex}.blur-lab-form__icon-pill--active{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:var(--color-accent-contrast)}.blur-lab-form__toggle{border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-border-default) var(--blur-lab-content-bg-opacity), transparent);flex-shrink:0;width:32px;height:18px;position:relative}.blur-lab-form__toggle:after{content:"";background:var(--color-text-muted);width:14px;height:14px;transition:transform var(--duration-fast) var(--ease-out);border-radius:50%;position:absolute;top:2px;left:2px}.blur-lab-form__toggle--on{background:var(--color-accent-primary)}.blur-lab-form__toggle--on:after{background:var(--color-accent-contrast);transform:translate(14px)}.blur-lab-form__upload-area{align-items:center;gap:var(--space-3);background:color-mix(in srgb, var(--color-surface-secondary) var(--blur-lab-content-bg-opacity), transparent);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);display:flex}.blur-lab-form__upload-thumb{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--color-border-default) 0%, var(--color-surface-tertiary) 100%);flex-shrink:0;width:40px;height:40px}.blur-lab-form__upload-label{font-size:var(--text-sm);color:var(--color-accent-primary);cursor:default}.blur-lab-tree__dismiss,.blur-lab-form__dismiss{background:var(--color-surface-tertiary);border-radius:var(--radius-sm);width:22px;height:22px;color:var(--color-text-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:10px;line-height:1;display:flex}.blur-lab-tree__dismiss:hover,.blur-lab-form__dismiss:hover{background:var(--color-interactive-hover);color:var(--color-text-primary)}.blur-lab-stage__tab{z-index:10;background:color-mix(in srgb, var(--color-surface-secondary) 80%, transparent);-webkit-backdrop-filter:blur(8px);border:1px solid var(--color-border-subtle);width:20px;height:48px;color:var(--color-text-muted);font-size:var(--text-xs);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;padding:0;line-height:1;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.blur-lab-stage__tab:hover{background:color-mix(in srgb, var(--color-surface-secondary) 95%, transparent);color:var(--color-text-primary);border-color:var(--color-border-default)}.blur-lab-stage__tab--left{border-radius:0 var(--radius-sm) var(--radius-sm) 0;border-left:none;left:0}.blur-lab-stage__tab--right{border-radius:var(--radius-sm) 0 0 var(--radius-sm);border-right:none;right:0}[data-canvas-id]{cursor:pointer;outline-offset:-2px;outline:2px solid #0000;transition:outline-color .3s ease-out;position:relative}[data-canvas-id]:hover:not(:has([data-canvas-id]:hover)){outline-color:color-mix(in srgb, var(--color-accent-primary) 40%, transparent);z-index:1}[data-canvas-id].blur-lab-canvas-target--active{outline-color:var(--color-accent-primary);z-index:2}.blur-lab-form__component-info{flex:1;min-width:0}.blur-lab-form__component-name{font-size:var(--text-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;overflow:hidden}.blur-lab-resize{cursor:col-resize;z-index:2;justify-content:center;align-items:center;width:16px;height:64px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.blur-lab-resize:after{content:"";background:#fff3;border-radius:3px;width:5px;height:48px;transition:background .15s ease-out,height .15s ease-out}.blur-lab-resize:hover:after,.blur-lab-resize:active:after{background:var(--color-accent-primary);height:64px}.blur-lab-resize--right{right:0}.blur-lab-resize--left{left:0}.tree-lab{background:var(--color-surface-primary);height:100%;color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-base);flex-direction:column;display:flex;overflow:hidden}.tree-lab-header{background:var(--color-surface-secondary);border-bottom:1px solid var(--color-border-default);flex-shrink:0}.tree-lab-header__row{align-items:center;gap:var(--space-3);padding:0 var(--space-4);height:var(--content-nav-height);display:flex}.tree-lab-back{align-items:center;gap:var(--space-1);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-weight-medium,500);padding:var(--space-1) var(--space-2) var(--space-1) 0;border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease-out);white-space:nowrap;text-decoration:none;display:flex}.tree-lab-back:hover{color:var(--color-text-primary)}.tree-lab-header__divider{background:var(--color-border-subtle);flex-shrink:0;width:1px;height:1rem}.tree-lab-header__title{font-size:var(--text-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.tree-lab-header__subtitle{font-size:var(--text-sm);color:var(--color-text-muted)}.tree-lab-stage{gap:var(--space-4);min-height:0;padding:var(--space-4);flex:1;align-items:flex-start;display:flex;overflow:auto hidden}.tl-panel{background:color-mix(in srgb, var(--color-surface-secondary) 50%, transparent);-webkit-backdrop-filter:blur(36px);border-radius:var(--radius-lg);border:1px solid #ffffff1a;flex-direction:column;flex:1;min-width:280px;max-width:380px;max-height:100%;display:flex;overflow:hidden}.tl-panel__label{padding:var(--space-3) var(--space-4) 0;font-size:var(--text-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-accent)}.tl-panel__desc{padding:var(--space-1) var(--space-4) var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted);border-bottom:1px solid var(--color-border-subtle);line-height:1.5}.tl-panel__tree{min-height:0;padding:var(--space-2) 0 var(--space-4);flex:1;overflow-y:auto}.tl-node{align-items:flex-start;gap:var(--space-1);padding:var(--space-1) var(--space-3);cursor:pointer;min-height:36px;transition:background var(--duration-fast) var(--ease-out);display:flex;position:relative}.tl-node:hover:not(.tl-node--selected):not(.tl-node--empty){background:var(--color-surface-tertiary)}.tl-node--selected{background:color-mix(in srgb, var(--color-accent) 12%, transparent)}.tl-node--empty{cursor:default;opacity:.7}.tl-node__bar{background:var(--color-accent);border-radius:2px;width:2px;height:60%;max-height:20px;position:absolute;top:50%;left:4px;transform:translateY(-50%)}.tl-node__chevron{width:16px;height:20px;color:var(--color-text-muted);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:10px;line-height:1;display:inline-flex}.tl-node__chevron:hover{color:var(--color-text-primary)}.tl-node__chevron--closed{transform:rotate(-90deg)}.tl-node__chevron-space{flex-shrink:0;width:16px}.tl-node__icon{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:20px;font-size:10px;line-height:1;display:inline-flex}.tl-node__icon--collection{color:var(--color-text-secondary)}.tl-node__icon--component,.tl-node__icon--stacks-component{color:var(--color-accent)}.tl-node__icon--empty{color:var(--color-text-muted)}.tl-node__text{flex-direction:column;flex:1;gap:1px;min-width:0;padding-top:1px;display:flex}.tl-node__name{font-size:var(--text-sm);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;line-height:1.4;overflow:hidden}.tl-node__name--empty{color:var(--color-text-muted);font-style:italic}.tl-node__id{color:var(--color-text-muted);font-size:10px;font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;line-height:1.3;overflow:hidden}.tl-node__slot{color:var(--color-text-muted);font-size:10px;line-height:1.3}.tl-node__req{color:var(--color-warning)}.tl-node__badge{font-size:9px;font-weight:var(--font-weight-bold);margin-left:var(--space-1);vertical-align:middle;border-radius:3px;justify-content:center;align-items:center;padding:0 4px;line-height:1.6;display:inline-flex}.tl-node__badge--stacks{color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 15%, transparent)}.tl-node__badge--count{color:var(--color-text-muted);background:var(--color-surface-tertiary)}.tl-bread{padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border-subtle);background:color-mix(in srgb, var(--color-surface-tertiary) 50%, transparent);flex-wrap:wrap;align-items:center;gap:2px;min-height:32px;display:flex}.tl-bread__segment{align-items:center;gap:2px;display:inline-flex}.tl-bread__sep{font-size:var(--text-xs);color:var(--color-text-muted);padding:0 2px}.tl-bread__link{font-size:var(--text-xs);color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);background:0 0;border:none;padding:2px 4px}.tl-bread__link:hover{color:var(--color-text-primary);background:var(--color-surface-tertiary)}.tl-bread__current{font-size:var(--text-xs);font-weight:var(--font-weight-bold);color:var(--color-text-primary);padding:2px 4px}.tl-drill-list{flex-direction:column;display:flex}.tl-drill-row{align-items:flex-start;gap:var(--space-1);padding:var(--space-2) var(--space-3);cursor:pointer;min-height:40px;transition:background var(--duration-fast) var(--ease-out);display:flex;position:relative}.tl-drill-row:hover:not(.tl-drill-row--selected):not(.tl-drill-row--empty){background:var(--color-surface-tertiary)}.tl-drill-row--selected{background:color-mix(in srgb, var(--color-accent) 12%, transparent)}.tl-drill-row--empty{cursor:default;opacity:.7}.tl-drill-row--parent{background:color-mix(in srgb, var(--color-surface-tertiary) 40%, transparent);border-bottom:1px solid var(--color-border-subtle);padding-top:var(--space-2);padding-bottom:var(--space-2)}.tl-drill-row--parent:hover:not(.tl-drill-row--selected){background:color-mix(in srgb, var(--color-surface-tertiary) 60%, transparent)}.tl-drill-row__arrow{font-size:var(--text-base);color:var(--color-text-muted);height:20px;padding-left:var(--space-1);flex-shrink:0;align-items:center;display:flex}.tl-drill-row--first-slot{border-left:2px solid color-mix(in srgb, var(--color-accent) 30%, transparent)}.tl-drill-row--last-slot{border-left:2px solid color-mix(in srgb, var(--color-text-muted) 20%, transparent)}.tl-outline-back{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);font-size:var(--text-xs);font-weight:var(--font-weight-medium,500);color:var(--color-text-secondary);background:color-mix(in srgb, var(--color-surface-tertiary) 50%, transparent);border:none;border-bottom:1px solid var(--color-border-subtle);cursor:pointer;text-align:left;width:100%;transition:color var(--duration-fast) var(--ease-out);display:flex}.tl-outline-back:hover{color:var(--color-text-primary)}.ntl{background:var(--color-surface-primary);height:100%;color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-base);flex-direction:column;display:flex;overflow:hidden}.ntl-header{background:var(--color-surface-secondary);border-bottom:1px solid var(--color-border-default);flex-shrink:0}.ntl-header__row{align-items:center;gap:var(--space-3);padding:0 var(--space-4);height:var(--content-nav-height);display:flex}.ntl-back{align-items:center;gap:var(--space-1);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-weight-medium,500);padding:var(--space-1) var(--space-2) var(--space-1) 0;border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease-out);white-space:nowrap;text-decoration:none;display:flex}.ntl-back:hover{color:var(--color-text-primary)}.ntl-header__divider{background:var(--color-border-subtle);flex-shrink:0;width:1px;height:1rem}.ntl-header__title{font-size:var(--text-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.ntl-header__subtitle{font-size:var(--text-sm);color:var(--color-text-muted)}.ntl-stage{gap:var(--space-4);min-height:0;padding:var(--space-4);flex:1;align-items:flex-start;display:flex;overflow:auto hidden}.ntl-panel{background:color-mix(in srgb, var(--color-surface-secondary) 50%, transparent);-webkit-backdrop-filter:blur(36px);border-radius:var(--radius-lg);border:1px solid #ffffff1a;flex-direction:column;flex:1;min-width:260px;max-width:360px;max-height:100%;display:flex;overflow:hidden}.ntl-panel__label{padding:var(--space-3) var(--space-4) 0;font-size:var(--text-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-accent)}.ntl-panel__desc{padding:var(--space-1) var(--space-4) var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted);border-bottom:1px solid var(--color-border-subtle);line-height:1.5}.ntl-panel__tree{min-height:0;padding:var(--space-2) 0 var(--space-4);flex:1;overflow-y:auto}.ntl-root-header{align-items:flex-start;gap:var(--space-1);padding:var(--space-1) var(--space-3);cursor:pointer;background:color-mix(in srgb, var(--color-surface-tertiary) 40%, transparent);border-bottom:1px solid var(--color-border-subtle);min-height:36px;transition:background var(--duration-fast) var(--ease-out);display:flex;position:relative}.ntl-root-header:hover:not(.ntl-root-header--selected){background:color-mix(in srgb, var(--color-surface-tertiary) 60%, transparent)}.ntl-root-header--selected{background:color-mix(in srgb, var(--color-accent) 12%, transparent)}.ntl-focus-back{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);font-size:var(--text-xs);font-weight:var(--font-weight-medium,500);color:var(--color-text-secondary);background:color-mix(in srgb, var(--color-surface-tertiary) 50%, transparent);border:none;border-bottom:1px solid var(--color-border-subtle);cursor:pointer;text-align:left;width:100%;transition:color var(--duration-fast) var(--ease-out);display:flex}.ntl-focus-back:hover{color:var(--color-text-primary)}.ntl-node{align-items:flex-start;gap:var(--space-1);padding:var(--space-1) var(--space-3);cursor:pointer;min-height:36px;transition:background var(--duration-fast) var(--ease-out);display:flex;position:relative}.ntl-node:hover:not(.ntl-node--selected):not(.ntl-node--empty){background:var(--color-surface-tertiary)}.ntl-node--selected{background:color-mix(in srgb, var(--color-accent) 12%, transparent)}.ntl-node--empty{cursor:default;opacity:.7}.ntl-node--dragging{opacity:.4}.ntl-node__bar{background:var(--color-accent);border-radius:2px;width:2px;height:60%;max-height:20px;position:absolute;top:50%;left:4px;transform:translateY(-50%)}.ntl-node__chevron{width:16px;height:20px;color:var(--color-text-muted);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:10px;line-height:1;display:inline-flex}.ntl-node__chevron:hover{color:var(--color-text-primary)}.ntl-node__chevron--closed{transform:rotate(-90deg)}.ntl-node__chevron-space{flex-shrink:0;width:16px}.ntl-node__text{flex-direction:column;flex:1;gap:1px;min-width:0;padding-top:1px;display:flex}.ntl-node__name{font-size:var(--text-sm);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;line-height:1.4;overflow:hidden}.ntl-node__name--empty{color:var(--color-text-muted);font-style:italic}.ntl-node__id{color:var(--color-text-muted);font-size:10px;font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;line-height:1.3;overflow:hidden}.ntl-node__slot{color:var(--color-text-muted);font-size:10px;line-height:1.3}.ntl-node__req{color:var(--color-warning)}.ntl-node__badge{font-size:9px;font-weight:var(--font-weight-bold);margin-left:var(--space-1);vertical-align:middle;justify-content:center;align-items:center;padding:0 4px;line-height:1.6;display:inline-flex}.ntl-node__badge--stacks{color:#38bdf8;border-radius:var(--radius-md);background:#38bdf81f;border:1px solid #38bdf8;padding:0 5px}.ntl-drag-wrapper{position:relative}.ntl-drop-indicator{height:2px;margin:0 var(--space-3);pointer-events:none;background:#38bdf8;border-radius:1px;position:relative;box-shadow:0 0 8px #38bdf899}.ntl-drop-indicator:before{content:"";background:#38bdf8;border-radius:50%;width:8px;height:8px;position:absolute;top:-3px;left:0}.ntl-node__indicators{padding-left:var(--space-1);flex-shrink:0;align-items:center;gap:4px;margin-left:auto;display:flex}.ntl-node__badge--lock{color:#38bdf8;border-radius:var(--radius-md);background:#38bdf81f;border:1px solid #38bdf8;padding:2px 4px}.ntl-lock-svg{width:10px;height:12px;display:block}.ntl-lock-svg--tint{color:#38bdf8;opacity:.5;flex-shrink:0;width:11px;height:13px}@keyframes ntl-settle{0%{opacity:.7;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.ntl-node--just-dropped{animation:ntl-settle var(--duration-slow) var(--ease-out)}.ntl-sep-switcher{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-subtle);gap:4px;display:flex}.ntl-sep--lines{border-bottom:1px solid color-mix(in srgb, var(--color-border-subtle) 60%, transparent)}.ntl-version-opt{font-size:10px;font-weight:var(--font-weight-medium,500);color:var(--color-text-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);cursor:pointer;text-align:center;transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;flex:1;padding:4px 8px}.ntl-version-opt:hover{border-color:var(--color-border-default);background:var(--color-surface-tertiary)}.ntl-version-opt--active{border-color:var(--color-accent);color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 8%, transparent)}.ntl-version-opt--active:hover{background:color-mix(in srgb, var(--color-accent) 12%, transparent)}.ntl-version-inline{color:var(--color-text-muted);font-size:10px;font-weight:400}.ntl-template-name{color:var(--color-text-secondary);font-size:10px;font-weight:var(--font-weight-medium,500);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ntl-empty-slot-wrap{position:relative}.ntl-empty-slot{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);margin:2px var(--space-3) 2px 0;border:1.5px dashed color-mix(in srgb, var(--color-border-default) 60%, transparent);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);min-height:32px;display:flex}.ntl-empty-slot:hover,.ntl-empty-slot--active{border-style:solid;border-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 6%, transparent)}.ntl-empty-slot:hover .ntl-empty-slot__plus,.ntl-empty-slot--active .ntl-empty-slot__plus{transform:scale(1.1)}.ntl-empty-slot__plus{border:1.5px solid var(--color-accent);width:18px;height:18px;color:var(--color-accent);transition:transform var(--duration-fast) var(--ease-out);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;line-height:1;display:flex}.ntl-empty-slot__label{font-size:var(--text-xs);color:var(--color-accent);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.ntl-empty-slot__required{color:var(--color-warning);font-size:9px;font-weight:var(--font-weight-medium,500);flex-shrink:0}.ntl-empty-slot--line{gap:var(--space-2);background:0 0;border:none;align-items:center;min-height:20px;margin:2px 0;padding:0}.ntl-empty-slot--line .ntl-empty-slot__plus--sm{border-width:1px;flex-shrink:0;width:14px;height:14px;font-size:10px}.ntl-empty-slot__line{background:color-mix(in srgb, var(--color-accent) 30%, transparent);flex:1;height:1px}.ntl-template-picker{margin:2px var(--space-3) var(--space-1) 0;border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-surface-secondary);box-shadow:var(--shadow-md);overflow:hidden}.ntl-template-picker__header{padding:var(--space-2) var(--space-3);font-size:10px;font-weight:var(--font-weight-medium,500);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--color-border-subtle)}.ntl-template-picker__item{justify-content:space-between;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);cursor:pointer;text-align:left;color:var(--color-text-primary);transition:background var(--duration-fast) var(--ease-out);background:0 0;border:none;display:flex}.ntl-template-picker__item:hover{background:color-mix(in srgb, var(--color-accent) 10%, transparent)}.ntl-template-picker__item+.ntl-template-picker__item{border-top:1px solid var(--color-border-subtle)}.ntl-template-picker__name{font-size:var(--text-sm);font-weight:var(--font-weight-medium,500)}.ntl-template-picker__id{color:var(--color-text-muted);font-size:10px;font-family:var(--font-mono)}.ntl-node__delete{color:#0000;border-radius:var(--radius-sm);cursor:pointer;width:20px;height:20px;transition:color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;padding:0;font-size:14px;line-height:1;display:flex}.ntl-node:hover .ntl-node__delete{color:var(--color-text-muted)}.ntl-node__delete:hover{color:var(--color-error);background:color-mix(in srgb, var(--color-error) 12%, transparent)}.ntl-field-indicator{font-size:9px;font-weight:var(--font-weight-bold);white-space:nowrap;color:var(--color-warning);line-height:1}.ntl-field-indicator--done{color:var(--color-success)}.ntl-field-indicator--fraction{font-family:var(--font-mono)}.ntl-field-indicator--remaining{font-weight:var(--font-weight-medium,500)}.ntl-field-bar{background:color-mix(in srgb, var(--color-text-muted) 20%, transparent);border-radius:2px;flex-shrink:0;width:32px;height:4px;display:inline-flex;overflow:hidden}.ntl-field-bar__fill{background:var(--color-warning);height:100%;transition:width var(--duration-fast) var(--ease-out);border-radius:2px}.ntl-field-bar--done .ntl-field-bar__fill{background:var(--color-success)}.ntl-slot-tabs{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-subtle);gap:4px;display:flex}.mt{background:var(--color-surface-primary);height:100%;color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-base);flex-direction:column;display:flex;overflow:hidden}.mt-header{background:var(--color-surface-secondary);border-bottom:1px solid var(--color-border-default);flex-shrink:0}.mt-header__row{align-items:center;gap:var(--space-3);padding:0 var(--space-4);height:var(--content-nav-height);display:flex}.mt-back{align-items:center;gap:var(--space-1);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-weight-medium,500);padding:var(--space-1) var(--space-2) var(--space-1) 0;border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease-out);white-space:nowrap;text-decoration:none;display:flex}.mt-back:hover{color:var(--color-text-primary)}.mt-header__divider{background:var(--color-border-subtle);flex-shrink:0;width:1px;height:1rem}.mt-header__title{font-size:var(--text-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.mt-header__subtitle{font-size:var(--text-sm);color:var(--color-text-muted)}.mt-toggles{align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-4);background:var(--color-surface-secondary);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0;justify-content:center;display:flex}.mt-toggle-group{align-items:center;gap:var(--space-2);display:flex}.mt-toggle-label{font-size:10px;font-weight:var(--font-weight-medium,500);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.mt-pills{gap:2px;display:flex}.mt-pill{padding:3px var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--color-border-default);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--font-weight-medium,500);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;-webkit-user-select:none;user-select:none;background:0 0}.mt-pill:hover{border-color:var(--color-border-hover,var(--color-border-default));color:var(--color-text-primary)}.mt-pill--active{background:var(--color-accent-primary,var(--color-accent));border-color:var(--color-accent-primary,var(--color-accent));color:var(--color-accent-contrast,#fff)}.mt-pill--active:hover{background:var(--color-accent-hover,var(--color-accent));border-color:var(--color-accent-hover,var(--color-accent));color:var(--color-accent-contrast,#fff)}.mt-stage{min-height:0;padding:var(--space-6) var(--space-4);flex:1;justify-content:center;display:flex;overflow-y:auto}.mt-panel{background:color-mix(in srgb, var(--color-surface-secondary) 50%, transparent);-webkit-backdrop-filter:blur(36px);border-radius:var(--radius-lg);border:1px solid #ffffff1a;flex-direction:column;align-self:flex-start;display:flex;position:relative;overflow:hidden}.mt-panel__tree{min-height:0;padding-bottom:var(--space-2);flex:1;overflow-y:auto}.mt-slot-tabs{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-subtle);gap:2px;display:flex}.mt-pill--tab{text-align:center;flex:1}.mt-resize{cursor:col-resize;z-index:2;justify-content:center;align-items:center;width:16px;height:64px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.mt-resize:after{content:"";background:#ffffff26;border-radius:3px;width:5px;height:48px;transition:background .15s ease-out,height .15s ease-out}.mt-resize:hover:after,.mt-resize:active:after{background:var(--color-accent-primary,var(--color-accent));height:64px}.mt-resize--left{left:-20px}.mt-resize--right{right:-20px}.mt-root-header{align-items:flex-start;gap:var(--space-1);padding:var(--space-1) var(--space-3);cursor:pointer;border-bottom:1px solid color-mix(in srgb, var(--color-border-subtle) 60%, transparent);min-height:36px;transition:background var(--duration-fast) var(--ease-out);padding-left:12px;display:flex;position:relative}.mt-root-header:hover:not(.mt-root-header--selected){background:var(--color-surface-tertiary)}.mt-root-header--selected{background-color:var(--color-selection-solid);outline:1px solid var(--color-accent-primary);outline-offset:-1px;border-radius:var(--radius-md);z-index:1}.mt-focus-back{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);font-size:var(--text-xs);font-weight:var(--font-weight-medium,500);color:var(--color-text-secondary);background:color-mix(in srgb, var(--color-surface-tertiary) 50%, transparent);border:none;border-bottom:1px solid var(--color-border-subtle);cursor:pointer;text-align:left;width:100%;transition:color var(--duration-fast) var(--ease-out);display:flex}.mt-focus-back:hover{color:var(--color-text-primary)}.mt-node{align-items:flex-start;gap:var(--space-1);padding:var(--space-1) var(--space-3);cursor:pointer;min-height:36px;transition:background var(--duration-fast) var(--ease-out);display:flex;position:relative}.mt-node:hover:not(.mt-node--selected){background:var(--color-surface-tertiary)}.mt-node--selected{background-color:var(--color-selection-solid);outline:1px solid var(--color-accent-primary);outline-offset:-1px;border-radius:var(--radius-md);z-index:1}.mt-node--dragging{opacity:.1}.mt-sep--lines{border-bottom:1px solid color-mix(in srgb, var(--color-border-subtle) 60%, transparent)}.mt-panel__tree>:last-child>.mt-sep--lines:last-child,.mt-panel__tree>.mt-sep--lines:last-child{border-bottom:none}.mt-node__chevron{width:16px;height:20px;color:var(--color-text-muted);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:10px;line-height:1;display:inline-flex}.mt-node__chevron:hover{color:var(--color-text-primary)}.mt-node__chevron--closed{transform:rotate(-90deg)}.mt-node__chevron-space{flex-shrink:0;width:16px}.mt-node__text{flex-direction:column;flex:1;gap:1px;min-width:0;padding-top:1px;display:flex}.mt-node__name{font-size:var(--text-sm);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;line-height:1.4;overflow:hidden}.mt-template-name{color:var(--color-text-secondary);font-size:10px;font-weight:var(--font-weight-medium,500);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mt-version-inline{color:var(--color-text-muted);font-size:10px;font-weight:400}.mt-template-name--blue{color:#38bdf8}.mt-template-name--blue .mt-version-inline{color:#38bdf899}.mt-template-name--pill{color:#38bdf8;background:#38bdf81a;border:1px solid #38bdf84d;border-radius:9999px;align-items:center;padding:0 6px;line-height:1.6;display:inline-flex}.mt-template-name--pill .mt-version-inline{color:#38bdf899}.mt-stacks-suffix{font-size:8px;font-weight:var(--font-weight-bold);color:#38bdf8;border-radius:var(--radius-sm);vertical-align:middle;background:#38bdf81f;border:1px solid #38bdf8;justify-content:center;align-items:center;margin-left:4px;padding:0 3px;line-height:1.5;display:inline-flex}.mt-node__right{padding-left:var(--space-1);flex-shrink:0;justify-content:flex-end;align-items:center;min-width:20px;height:20px;margin-top:1px;margin-left:auto;display:flex;position:relative}.mt-node__right .mt-node__indicators{transition:opacity var(--duration-fast) var(--ease-out)}.mt-node__right .mt-node__delete{opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out);position:absolute;top:0;right:0}.mt-node:hover .mt-node__right .mt-node__indicators{opacity:0;pointer-events:none}.mt-node:hover .mt-node__right .mt-node__delete{opacity:1;pointer-events:auto;color:var(--color-text-muted)}.mt-node__indicators{flex-shrink:0;align-items:center;gap:4px;display:flex}.mt-field-indicator{font-size:9px;font-weight:var(--font-weight-bold);font-family:var(--font-mono);white-space:nowrap;color:var(--color-warning);line-height:1}.mt-field-indicator--done{color:var(--color-success)}.mt-field-indicator--agg{font-size:10px}.mt-lock-svg{color:#38bdf8;vertical-align:-1px;flex-shrink:0;width:10px;height:12px;margin-left:4px}.mt-drag-wrapper{position:relative}.mt-drop-indicator{height:2px;margin:0 var(--space-3);pointer-events:none;background:#38bdf8;border-radius:1px;position:relative;box-shadow:0 0 8px #38bdf899}.mt-drop-indicator:before{content:"";background:#38bdf8;border-radius:50%;width:8px;height:8px;position:absolute;top:-3px;left:0}@keyframes mt-settle{0%{opacity:.7;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.mt-node--just-dropped{animation:mt-settle var(--duration-slow) var(--ease-out)}.mt-empty-slot-wrap{padding-right:var(--space-3);position:relative}.mt-empty-slot{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border:1.5px dashed color-mix(in srgb, var(--color-border-default) 60%, transparent);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);min-height:32px;margin:2px 0;display:flex}.mt-empty-slot:hover,.mt-empty-slot--active{border-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 6%, transparent)}.mt-empty-slot:hover .mt-empty-slot__plus,.mt-empty-slot--active .mt-empty-slot__plus{transform:scale(1.1)}.mt-empty-slot__plus{border:1.5px solid var(--color-accent);width:18px;height:18px;color:var(--color-accent);transition:transform var(--duration-fast) var(--ease-out);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;line-height:1;display:flex}.mt-empty-slot__label{font-size:var(--text-xs);color:var(--color-accent);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.mt-empty-slot__required{color:var(--color-warning);font-size:9px;font-weight:var(--font-weight-medium,500);flex-shrink:0}.mt-node--ghost{opacity:.5;transition:opacity var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out)}.mt-node--ghost:hover,.mt-node--ghost-active{opacity:.8}.mt-ghost-plus{color:var(--color-accent);font-size:14px;font-weight:var(--font-weight-bold);justify-content:center;align-items:center;display:inline-flex}.mt-ghost-label{color:var(--color-text-muted);font-weight:var(--font-weight-medium,500)}.mt-empty-link-wrap{align-items:center;gap:var(--space-2);padding-right:var(--space-3);min-height:36px;display:flex;position:relative}.mt-empty-link{font-size:var(--text-sm);font-weight:var(--font-weight-medium,500);color:var(--color-accent);cursor:pointer;transition:opacity var(--duration-fast) var(--ease-out);background:0 0;border:none;padding:0}.mt-empty-link:hover,.mt-empty-link--active{opacity:.8;text-decoration:underline}.mt-empty-tint{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);background-color:var(--color-selection-solid);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out);min-height:32px;margin:2px 0;display:flex}.mt-empty-tint:hover,.mt-empty-tint--active{background-color:var(--color-selection-solid);outline:1px solid var(--color-accent-primary);outline-offset:-1px}.mt-template-picker{margin:2px var(--space-3) var(--space-1) 0;border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-surface-secondary);box-shadow:var(--shadow-md);overflow:hidden}.mt-template-picker__header{padding:var(--space-2) var(--space-3);font-size:10px;font-weight:var(--font-weight-medium,500);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--color-border-subtle)}.mt-template-picker__item{justify-content:space-between;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);cursor:pointer;text-align:left;color:var(--color-text-primary);transition:background var(--duration-fast) var(--ease-out);background:0 0;border:none;display:flex}.mt-template-picker__item:hover{background:color-mix(in srgb, var(--color-accent) 10%, transparent)}.mt-template-picker__item+.mt-template-picker__item{border-top:1px solid var(--color-border-subtle)}.mt-template-picker__name{font-size:var(--text-sm);font-weight:var(--font-weight-medium,500)}.mt-template-picker__id{color:var(--color-text-muted);font-size:10px;font-family:var(--font-mono)}.mt-node__delete{width:20px;height:20px;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:14px;line-height:1;display:flex}.mt-node__delete:hover{color:var(--color-text-primary);background:var(--color-surface-tertiary)}.mt-dragging .mt-node--selected,.mt-dragging .mt-root-header--selected{background-color:#0000!important;outline:none!important}.mt-dragging .mt-empty-tint{background-color:#0000!important}.mt-dragging .mt-empty-slot-wrap,.mt-dragging .mt-empty-link-wrap,.mt-dragging .mt-node,.mt-dragging .mt-root-header{opacity:.25}.mt-dragging .mt-node--dragging{opacity:.1}.mt-selection--transparent .mt-node--selected,.mt-selection--transparent .mt-root-header--selected{background-color:var(--color-selection);outline-color:var(--color-focus-ring)}.mt-selection--transparent .mt-empty-tint{background-color:var(--color-selection)}.mt-selection--transparent .mt-empty-tint:hover,.mt-selection--transparent .mt-empty-tint--active{background-color:var(--color-selection);outline-color:var(--color-focus-ring)}.nt{background:var(--color-surface-primary);height:100%;color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-base);flex-direction:column;display:flex;overflow:hidden}.nt-header{background:var(--color-surface-secondary);border-bottom:1px solid var(--color-border-default);flex-shrink:0}.nt-header__row{align-items:center;gap:var(--space-3);padding:0 var(--space-4);height:var(--content-nav-height);display:flex}.nt-back{align-items:center;gap:var(--space-1);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-weight-medium,500);padding:var(--space-1) var(--space-2) var(--space-1) 0;border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease-out);white-space:nowrap;text-decoration:none;display:flex}.nt-back:hover{color:var(--color-text-primary)}.nt-header__divider{background:var(--color-border-subtle);flex-shrink:0;width:1px;height:1rem}.nt-header__title{font-size:var(--text-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.nt-header__subtitle{font-size:var(--text-sm);color:var(--color-text-muted)}.nt-toggles{align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-4);background:var(--color-surface-secondary);border-bottom:1px solid var(--color-border-subtle);flex-wrap:wrap;flex-shrink:0;justify-content:center;display:flex}.nt-toggle-group{align-items:center;gap:var(--space-2);display:flex}.nt-toggle-label{font-size:10px;font-weight:var(--font-weight-medium,500);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.nt-pills{flex-wrap:wrap;gap:2px;display:flex}.nt-stage{min-height:0;padding:var(--space-6) var(--space-4);flex:1;justify-content:center;display:flex;overflow-y:auto}.nt-panel{background:color-mix(in srgb, var(--color-surface-secondary) 50%, transparent);-webkit-backdrop-filter:blur(36px);border-radius:var(--radius-lg);border:1px solid #ffffff1a;flex-direction:column;align-self:flex-start;width:420px;display:flex;overflow:hidden}.nt-panel__tree{min-height:0;padding-bottom:var(--space-2);flex:1;overflow-y:auto}.nt-slot-tabs{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-subtle);gap:2px;display:flex}.nt-pill{padding:3px var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--color-border-default);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--font-weight-medium,500);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;-webkit-user-select:none;user-select:none;background:0 0}.nt-pill:hover{border-color:var(--color-border-hover,var(--color-border-default));color:var(--color-text-primary)}.nt-pill--active{background:var(--color-accent-primary,var(--color-accent));border-color:var(--color-accent-primary,var(--color-accent));color:var(--color-accent-contrast,#fff)}.nt-pill--active:hover{background:var(--color-accent-hover,var(--color-accent));border-color:var(--color-accent-hover,var(--color-accent));color:var(--color-accent-contrast,#fff)}.nt-pill--tab{text-align:center;flex:1}.nt-root-header{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);cursor:pointer;border-bottom:1px solid color-mix(in srgb, var(--color-border-subtle) 60%, transparent);min-height:40px;transition:background var(--duration-fast) var(--ease-out);padding-left:12px;display:flex}.nt-root-header:hover:not(.nt-root-header--selected){background:var(--color-surface-tertiary)}.nt-root-header--selected{background-color:var(--color-selection-solid);outline:1px solid var(--color-accent-primary);outline-offset:-1px;border-radius:var(--radius-md);z-index:1}.nt-node{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);cursor:pointer;min-height:36px;transition:background var(--duration-fast) var(--ease-out);display:flex;position:relative}.nt-node:hover:not(.nt-node--selected){background:var(--color-surface-tertiary)}.nt-node--selected{background-color:var(--color-selection-solid);outline:1px solid var(--color-accent-primary);outline-offset:-1px;border-radius:var(--radius-md);z-index:1}.nt-node--hidden{opacity:.4}.nt-node--hidden.nt-node--selected{opacity:.6}.nt-sep--lines{border-bottom:1px solid color-mix(in srgb, var(--color-border-subtle) 60%, transparent)}.nt-panel__tree>:last-child>.nt-sep--lines:last-child,.nt-panel__tree>.nt-sep--lines:last-child{border-bottom:none}.nt-node__chevron{width:16px;height:20px;color:var(--color-text-muted);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:10px;line-height:1;display:inline-flex}.nt-node__chevron:hover{color:var(--color-text-primary)}.nt-node__chevron--closed{transform:rotate(-90deg)}.nt-node__chevron-space{flex-shrink:0;width:16px}.nt-node__icon{border-radius:var(--radius-sm);width:20px;height:20px;font-size:10px;font-weight:var(--font-weight-bold);flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:flex}.nt-node__icon--stack{color:#38bdf8;background:#38bdf826}.nt-node__icon--text{color:#fb923c;background:#fb923c26}.nt-node__icon--image{color:#a855f7;background:#a855f726}.nt-node__icon--spacer{color:var(--color-text-muted);background:#94a3b81a;font-size:9px}.nt-node__icon--divider{color:var(--color-text-muted);background:#94a3b81a}.nt-node__icon--icon{color:#facc15;background:#facc1526}.nt-node__icon--button{color:#4ade80;background:#4ade8026}.nt-node__icon--shape{color:#f472b6;background:#f472b626}.nt-node__text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.nt-node__name{font-size:var(--text-sm);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;line-height:1.4;overflow:hidden}.nt-node__count{font-size:9px;font-weight:var(--font-weight-bold);color:var(--color-text-muted);vertical-align:middle;background:#94a3b826;border-radius:9999px;justify-content:center;align-items:center;min-width:16px;height:16px;margin-left:6px;padding:0 5px;display:inline-flex}.nt-node__type{color:var(--color-text-secondary);font-size:10px;font-weight:var(--font-weight-medium,500);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.nt-node__meta{color:var(--color-text-muted);font-weight:400}.nt-node__right{padding-left:var(--space-1);opacity:0;transition:opacity var(--duration-fast) var(--ease-out);flex-shrink:0;align-items:center;margin-left:auto;display:flex}.nt-node:hover .nt-node__right,.nt-node--hidden .nt-node__right{opacity:1}.nt-node__visibility{width:20px;height:20px;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:11px;line-height:1;display:flex}.nt-node__visibility:hover{color:var(--color-text-primary);background:var(--color-surface-tertiary)}.nt-node__visibility--off{color:var(--color-text-muted)}.ft{background:var(--color-surface-primary);height:100%;color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-base);flex-direction:column;display:flex;overflow:hidden}.ft-header{background:var(--color-surface-secondary);border-bottom:1px solid var(--color-border-default);flex-shrink:0}.ft-header__row{align-items:center;gap:var(--space-3);padding:0 var(--space-4);height:var(--content-nav-height);display:flex}.ft-back{align-items:center;gap:var(--space-1);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-weight-medium,500);padding:var(--space-1) var(--space-2) var(--space-1) 0;border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease-out);white-space:nowrap;text-decoration:none;display:flex}.ft-back:hover{color:var(--color-text-primary)}.ft-header__divider{background:var(--color-border-subtle);flex-shrink:0;width:1px;height:1rem}.ft-header__title{font-size:var(--text-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.ft-header__subtitle{font-size:var(--text-sm);color:var(--color-text-muted)}.ft-toggles{align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-4);background:var(--color-surface-secondary);border-bottom:1px solid var(--color-border-subtle);flex-wrap:wrap;flex-shrink:0;justify-content:center;display:flex}.ft-toggle-group{align-items:center;gap:var(--space-2);display:flex}.ft-toggle-label{font-size:10px;font-weight:var(--font-weight-medium,500);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.ft-pills{flex-wrap:wrap;gap:2px;display:flex}.ft-pill{padding:3px var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--color-border-default);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--font-weight-medium,500);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;-webkit-user-select:none;user-select:none;background:0 0}.ft-pill:hover{border-color:var(--color-border-hover,var(--color-border-default));color:var(--color-text-primary)}.ft-pill--active{background:var(--color-accent-primary,var(--color-accent));border-color:var(--color-accent-primary,var(--color-accent));color:var(--color-accent-contrast,#fff)}.ft-pill--active:hover{background:var(--color-accent-hover,var(--color-accent));border-color:var(--color-accent-hover,var(--color-accent));color:var(--color-accent-contrast,#fff)}.ft-stage{min-height:0;padding:var(--space-6) var(--space-4);flex:1;justify-content:center;display:flex;overflow-y:auto}.ft-panel{background:color-mix(in srgb, var(--color-surface-secondary) 50%, transparent);-webkit-backdrop-filter:blur(36px);border-radius:var(--radius-lg);border:1px solid #ffffff1a;flex-direction:column;align-self:flex-start;display:flex;position:relative;overflow:hidden}.ft-panel__tree{min-height:0;padding-bottom:var(--space-2);flex:1;overflow-y:auto}.ft-slot-tabs{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-subtle);gap:2px;display:flex}.ft-pill--tab{text-align:center;flex:1}.ft-resize{cursor:col-resize;z-index:2;justify-content:center;align-items:center;width:16px;height:64px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.ft-resize:after{content:"";background:#ffffff26;border-radius:3px;width:5px;height:48px;transition:background .15s ease-out,height .15s ease-out}.ft-resize:hover:after,.ft-resize:active:after{background:var(--color-accent-primary,var(--color-accent));height:64px}.ft-resize--left{left:-20px}.ft-resize--right{right:-20px}.ft-root-header{align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-3);cursor:pointer;border-bottom:1px solid color-mix(in srgb, var(--color-border-subtle) 60%, transparent);min-height:44px;transition:background var(--duration-fast) var(--ease-out);padding-left:12px;display:flex;position:relative}.ft-root-header .ft-node__name{font-size:var(--text-base);font-weight:var(--font-weight-bold)}.ft-root-header:hover:not(.ft-root-header--selected){background:var(--color-surface-tertiary)}.ft-root-header--selected{background-color:var(--color-selection-solid);outline:1px solid var(--color-accent-primary);outline-offset:-1px;border-radius:var(--radius-md);z-index:1}.ft-focus-back{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);font-size:var(--text-xs);font-weight:var(--font-weight-medium,500);color:var(--color-text-secondary);background:color-mix(in srgb, var(--color-surface-tertiary) 50%, transparent);border:none;border-bottom:1px solid var(--color-border-subtle);cursor:pointer;text-align:left;width:100%;transition:color var(--duration-fast) var(--ease-out);display:flex}.ft-focus-back:hover{color:var(--color-text-primary)}.ft-node{align-items:flex-start;gap:var(--space-1);padding:var(--space-1) var(--space-3);cursor:pointer;min-height:36px;transition:background var(--duration-fast) var(--ease-out);display:flex;position:relative}.ft-node:hover:not(.ft-node--selected){background:var(--color-surface-tertiary)}.ft-node--selected{background-color:var(--color-selection-solid);outline:1px solid var(--color-accent-primary);outline-offset:-1px;border-radius:var(--radius-md);z-index:1}.ft-node--dragging{opacity:.1}.ft-node--hidden{opacity:.4}.ft-node--hidden.ft-node--selected{opacity:.6}.ft-sep--lines{border-bottom:1px solid color-mix(in srgb, var(--color-border-subtle) 60%, transparent)}.ft-panel__tree>:last-child>.ft-sep--lines:last-child,.ft-panel__tree>.ft-sep--lines:last-child{border-bottom:none}.ft-node__chevron{width:16px;height:20px;color:var(--color-text-muted);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:10px;line-height:1;display:inline-flex}.ft-node__chevron:hover{color:var(--color-text-primary)}.ft-node__chevron--closed{transform:rotate(-90deg)}.ft-node__chevron-space{flex-shrink:0;width:16px}.ft-node__icon{border-radius:var(--radius-sm);width:20px;height:20px;font-size:10px;font-weight:var(--font-weight-bold);flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;line-height:1;display:flex}.ft-node__icon--collection{color:#4ade80;background:#4ade8026}.ft-node__icon--component{color:#fb923c;background:#fb923c26}.ft-node__icon--stacks-component{color:#38bdf8;background:#38bdf826}.ft-kind-icon__letter{font-size:10px;font-weight:var(--font-weight-bold);line-height:1}.ft-snode{align-items:flex-start;gap:var(--space-1);padding:var(--space-1) var(--space-3);cursor:default;min-height:32px;transition:background var(--duration-fast) var(--ease-out);display:flex;position:relative}.ft-snode:hover{background:var(--color-surface-tertiary)}.ft-snode--hidden{opacity:.4}.ft-snode .ft-node__right{min-width:24px}.ft-snode .ft-node__right .ft-node__visibility{opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out);position:absolute;top:0;right:0}.ft-snode:hover .ft-node__right .ft-node__visibility,.ft-snode--hidden .ft-node__right .ft-node__visibility{opacity:1;pointer-events:auto;color:var(--color-text-muted)}.ft-snode__icon{border-radius:var(--radius-sm);width:20px;height:20px;font-size:10px;font-weight:var(--font-weight-bold);flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;line-height:1;display:flex}.ft-snode__icon--hstack,.ft-snode__icon--vstack,.ft-snode__icon--zstack{color:#38bdf8;background:#38bdf826}.ft-snode__icon--text{color:#fb923c;background:#fb923c26}.ft-snode__icon--image{color:#a855f7;background:#a855f726}.ft-snode__icon--spacer{color:var(--color-text-muted);background:#94a3b81a;font-size:9px}.ft-snode__icon--divider{color:var(--color-text-muted);background:#94a3b81a}.ft-snode__icon--icon{color:#facc15;background:#facc1526}.ft-snode__icon--button{color:#4ade80;background:#4ade8026}.ft-snode__icon--shape{color:#f472b6;background:#f472b626}.ft-snode__type{color:var(--color-text-secondary);font-size:10px;font-weight:var(--font-weight-medium,500);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ft-snode__meta{color:var(--color-text-muted);font-weight:400}.ft-node__text{flex-direction:column;flex:1;gap:1px;min-width:0;padding-top:1px;display:flex}.ft-node__name{font-size:var(--text-sm);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;line-height:1.4;overflow:hidden}.ft-template-name{color:var(--color-text-secondary);font-size:10px;font-weight:var(--font-weight-medium,500);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ft-template-name--blue{color:#38bdf8}.ft-template-name--blue .ft-version-inline{color:#38bdf899}.ft-template-name--pill{color:#38bdf8;background:#38bdf81a;border:1px solid #38bdf84d;border-radius:9999px;align-items:center;padding:0 6px;line-height:1.6;display:inline-flex}.ft-template-name--pill .ft-version-inline{color:#38bdf899}.ft-version-inline{color:var(--color-text-muted);font-size:10px;font-weight:400}.ft-stacks-suffix{font-size:8px;font-weight:var(--font-weight-bold);color:#38bdf8;border-radius:var(--radius-sm);vertical-align:middle;background:#38bdf81f;border:1px solid #38bdf8;justify-content:center;align-items:center;margin-left:4px;padding:0 3px;line-height:1.5;display:inline-flex}.ft-node__right{padding-left:var(--space-1);flex-shrink:0;justify-content:flex-end;align-items:center;gap:2px;min-width:44px;height:20px;margin-top:1px;margin-left:auto;display:flex;position:relative}.ft-node__right .ft-node__indicators{transition:opacity var(--duration-fast) var(--ease-out)}.ft-node__right .ft-node__delete{opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out);position:absolute;top:0;right:0}.ft-node:hover .ft-node__right .ft-node__indicators{opacity:0;pointer-events:none}.ft-node:hover .ft-node__right .ft-node__delete{opacity:1;pointer-events:auto;color:var(--color-text-muted)}.ft-node__indicators{flex-shrink:0;align-items:center;gap:4px;display:flex}.ft-field-indicator{font-size:9px;font-weight:var(--font-weight-bold);font-family:var(--font-mono);white-space:nowrap;color:#fb7185;line-height:1}.ft-field-indicator--done{color:var(--color-success)}.ft-field-indicator--agg{font-size:10px}.ft-lock-svg{color:#38bdf8;vertical-align:-1px;flex-shrink:0;width:10px;height:12px;margin-left:4px}.ft-drag-wrapper{position:relative}.ft-drop-indicator{height:2px;margin:0 var(--space-3);pointer-events:none;background:#38bdf8;border-radius:1px;position:relative;box-shadow:0 0 8px #38bdf899}.ft-drop-indicator:before{content:"";background:#38bdf8;border-radius:50%;width:8px;height:8px;position:absolute;top:-3px;left:0}@keyframes ft-settle{0%{opacity:.7;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.ft-node--just-dropped{animation:ft-settle var(--duration-slow) var(--ease-out)}.ft-empty-slot-wrap{padding-right:var(--space-3);position:relative}.ft-empty-slot{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border:1.5px dashed color-mix(in srgb, var(--color-border-default) 60%, transparent);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);min-height:32px;margin:2px 0;display:flex}.ft-empty-slot:hover,.ft-empty-slot--active{border-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 6%, transparent)}.ft-empty-slot:hover .ft-empty-slot__plus,.ft-empty-slot--active .ft-empty-slot__plus{transform:scale(1.1)}.ft-empty-slot__plus{border:1.5px solid var(--color-accent);width:18px;height:18px;color:var(--color-accent);transition:transform var(--duration-fast) var(--ease-out);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;line-height:1;display:flex}.ft-empty-slot__label{font-size:var(--text-xs);color:var(--color-accent);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.ft-empty-slot__required{color:#fb7185;font-size:9px;font-weight:var(--font-weight-medium,500);flex-shrink:0}.ft-node--ghost{opacity:.5;transition:opacity var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out)}.ft-node--ghost:hover,.ft-node--ghost-active{opacity:.8}.ft-ghost-plus{color:var(--color-accent);font-size:14px;font-weight:var(--font-weight-bold);justify-content:center;align-items:center;display:inline-flex}.ft-ghost-label{color:var(--color-text-muted);font-weight:var(--font-weight-medium,500)}.ft-empty-link-wrap{align-items:center;gap:var(--space-2);padding-right:var(--space-3);min-height:36px;display:flex;position:relative}.ft-empty-link{font-size:var(--text-sm);font-weight:var(--font-weight-medium,500);color:var(--color-accent);cursor:pointer;transition:opacity var(--duration-fast) var(--ease-out);background:0 0;border:none;padding:0}.ft-empty-link:hover,.ft-empty-link--active{opacity:.8;text-decoration:underline}.ft-empty-tint{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);background-color:var(--color-selection-solid);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out);min-height:32px;margin:2px 0;display:flex}.ft-empty-tint:hover,.ft-empty-tint--active{background-color:var(--color-selection-solid);outline:1px solid var(--color-accent-primary);outline-offset:-1px}.ft-template-picker{margin:2px var(--space-3) var(--space-1) 0;border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-surface-secondary);box-shadow:var(--shadow-md);overflow:hidden}.ft-template-picker__header{padding:var(--space-2) var(--space-3);font-size:10px;font-weight:var(--font-weight-medium,500);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--color-border-subtle)}.ft-template-picker__item{justify-content:space-between;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);cursor:pointer;text-align:left;color:var(--color-text-primary);transition:background var(--duration-fast) var(--ease-out);background:0 0;border:none;display:flex}.ft-template-picker__item:hover{background:color-mix(in srgb, var(--color-accent) 10%, transparent)}.ft-template-picker__item+.ft-template-picker__item{border-top:1px solid var(--color-border-subtle)}.ft-template-picker__name{font-size:var(--text-sm);font-weight:var(--font-weight-medium,500)}.ft-template-picker__id{color:var(--color-text-muted);font-size:10px;font-family:var(--font-mono)}.ft-node__delete{width:20px;height:20px;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:14px;line-height:1;display:flex}.ft-node__delete:hover{color:var(--color-text-primary);background:var(--color-surface-secondary)}.ft-node__visibility{width:20px;height:20px;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:11px;line-height:1;display:flex}.ft-node__visibility:hover{color:var(--color-text-primary);background:var(--color-surface-secondary)}.ft-node__visibility--off{color:var(--color-text-muted)}.ft-dragging .ft-node--selected,.ft-dragging .ft-root-header--selected{background-color:#0000!important;outline:none!important}.ft-dragging .ft-empty-tint{background-color:#0000!important}.ft-dragging .ft-empty-slot-wrap,.ft-dragging .ft-empty-link-wrap,.ft-dragging .ft-node,.ft-dragging .ft-snode,.ft-dragging .ft-root-header{opacity:.25}.ft-dragging .ft-node--dragging{opacity:.1}.ff-page,.ff-portal{--ff-field-height:28px;--ff-field-gap:2px;--ff-label-width:90px;--ff-control-height:24px;--ff-control-radius:4px;--ff-group-header-height:28px;--ff-panel-padding:10px;--ff-popover-radius:8px;--ff-page-bg:#0a0a0c;--ff-page-text:#ffffffd9;--ff-header-bg:#0a0a0ce6;--ff-header-border:#ffffff14;--ff-header-border-subtle:#ffffff0d;--ff-panel-bg:#1a1a1e80;--ff-panel-border:#ffffff1a;--ff-component-header-bg:#1a1a1e;--ff-component-header-border:#ffffff12;--ff-control-bg:#ffffff12;--ff-control-border:#ffffff14;--ff-control-border-focus:#ffffff40;--ff-control-border-hover:#ffffff1f;--ff-text-primary:#ffffffd9;--ff-text-secondary:#ffffff80;--ff-text-muted:#ffffff59;--ff-accent:#38bdf8;--ff-accent-muted:#38bdf833;--ff-group-separator:#ffffff0f;--ff-group-header-text:#ffffffbf;--ff-group-header-text-hover:#ffffffe6;--ff-group-chevron:#ffffff80;--ff-divider:#ffffff1f;--ff-toggle-off-bg:#ffffff26;--ff-toggle-thumb:#fff;--ff-segmented-bg:#ffffff0f;--ff-segmented-active-bg:#ffffff1f;--ff-hover-bg:#ffffff0f;--ff-hover-bg-strong:#ffffff12;--ff-swatch-border:#ffffff26;--ff-scrollbar-thumb:#ffffff26;--ff-textarea-bg:#ffffff0d;--ff-slider-track:#ffffff1f;--ff-slider-divider:#ffffff1a;--ff-preset-border:#ffffff14;--ff-preset-border-hover:#ffffff26;--ff-preset-active-border:#38bdf84d;--ff-popover-bg:#1a1a1e;--ff-popover-border:#ffffff1f;--ff-popover-shadow:0 8px 32px #00000080;--ff-color-tab-border:#ffffff12;--ff-color-preset-border:#ffffff1a;--ff-color-preset-border-hover:#ffffff4d;--ff-pencil-color:#ffffff4d;--ff-pencil-color-hover:#ffffffa6;--ff-icon-color:#ffffff80;--ff-pill-border:#ffffff1a;--ff-pill-text:#ffffff80;--ff-pill-text-hover:#ffffffbf;--ff-pill-hover-bg:#ffffff0f}html:not(.dark) .ff-page,html:not(.dark) .ff-portal{--ff-page-bg:#f5f5f7;--ff-page-text:#000000d9;--ff-header-bg:#f5f5f7e6;--ff-header-border:#00000014;--ff-header-border-subtle:#0000000d;--ff-panel-bg:#ffffffb3;--ff-panel-border:#0000001a;--ff-component-header-bg:#fff;--ff-component-header-border:#00000012;--ff-control-bg:#0000000a;--ff-control-border:#0000001a;--ff-control-border-focus:#0000004d;--ff-control-border-hover:#00000026;--ff-text-primary:#000000d9;--ff-text-secondary:#00000080;--ff-text-muted:#0006;--ff-accent:#0284c7;--ff-accent-muted:#0284c71f;--ff-group-separator:#0000000f;--ff-group-header-text:#000000b3;--ff-group-header-text-hover:#000000e6;--ff-group-chevron:#00000073;--ff-divider:#0000001a;--ff-toggle-off-bg:#00000026;--ff-toggle-thumb:#fff;--ff-segmented-bg:#0000000d;--ff-segmented-active-bg:#00000014;--ff-hover-bg:#0000000a;--ff-hover-bg-strong:#0000000f;--ff-swatch-border:#00000026;--ff-scrollbar-thumb:#00000026;--ff-textarea-bg:#00000008;--ff-slider-track:#0000001a;--ff-slider-divider:#0000001a;--ff-preset-border:#0000001a;--ff-preset-border-hover:#0003;--ff-preset-active-border:#0284c766;--ff-popover-bg:#fff;--ff-popover-border:#0000001a;--ff-popover-shadow:0 8px 32px #00000026;--ff-color-tab-border:#00000012;--ff-color-preset-border:#0000001a;--ff-color-preset-border-hover:#00000040;--ff-pencil-color:#0000004d;--ff-pencil-color-hover:#000000a6;--ff-icon-color:#00000080;--ff-pill-border:#0000001a;--ff-pill-text:#00000080;--ff-pill-text-hover:#000000bf;--ff-pill-hover-bg:#0000000a}.ff-page{background:var(--ff-page-bg);height:100vh;color:var(--ff-page-text);font-family:var(--font-sans);flex-direction:column;display:flex;overflow:hidden}.ff-header{border-bottom:1px solid var(--ff-header-border);background:var(--ff-header-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;flex-shrink:0;position:sticky;top:0}.ff-header__row{align-items:center;gap:8px;padding:0 16px;display:flex}.ff-header__row--nav{border-bottom:1px solid var(--ff-header-border-subtle);height:44px}.ff-header__row--controls{flex-wrap:wrap;gap:6px;height:40px}.ff-back{color:var(--ff-text-secondary);font-size:12px;text-decoration:none;transition:color .15s}.ff-back:hover{color:var(--ff-text-primary)}.ff-header__divider{background:var(--ff-divider);flex-shrink:0;width:1px;height:16px}.ff-header__title{color:var(--ff-text-primary);font-size:13px;font-weight:500}.ff-header__spacer{flex:1}.ff-control{align-items:center;gap:6px;display:flex}.ff-control__label{color:var(--ff-text-muted);white-space:nowrap;font-size:11px}.ff-pills{gap:2px;display:flex}.ff-pill{border:1px solid var(--ff-pill-border);height:24px;color:var(--ff-pill-text);cursor:pointer;white-space:nowrap;background:0 0;border-radius:4px;padding:0 8px;font-size:11px;transition:background .12s,color .12s,border-color .12s}.ff-pill:hover{background:var(--ff-pill-hover-bg);color:var(--ff-pill-text-hover)}.ff-pill--active{background:var(--ff-accent-muted);border-color:var(--ff-preset-active-border);color:var(--ff-accent)}.ff-stage{flex:1;justify-content:center;align-items:flex-start;min-height:0;padding:32px 24px;display:flex}.ff-panel{background:var(--ff-panel-bg);-webkit-backdrop-filter:blur(36px);border:1px solid var(--ff-panel-border);scrollbar-width:none;-ms-overflow-style:none;border-radius:12px;flex-shrink:1;max-height:100%;padding-bottom:6px;overflow-y:auto}.ff-panel::-webkit-scrollbar{display:none}.ff-component-header{z-index:10;border-bottom:1px solid var(--ff-component-header-border);background:var(--ff-component-header-bg);border-radius:12px 12px 0 0;padding:12px;position:sticky;top:0}.ff-component-header__row{align-items:flex-start;gap:8px;display:flex}.ff-kind-icon{border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:1px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.ff-kind-icon--collection{color:#4ade80;background:#4ade8026}.ff-kind-icon--component{color:#fb923c;background:#fb923c26}.ff-kind-icon--stacks{background:var(--ff-accent-muted);color:var(--ff-accent)}.ff-component-text{flex-direction:column;flex:1;gap:1px;min-width:0;padding-top:1px;display:flex}.ff-component-name{min-width:0;color:var(--ff-text-primary);background:0 0;border:1px solid #0000;border-radius:4px;outline:none;flex:1;margin:0;padding:0;font-size:14px;font-weight:700;line-height:1.4;transition:border-color .12s}.ff-component-name:hover{border-color:var(--ff-control-border-hover)}.ff-component-name:focus{border-color:var(--ff-control-border-focus)}.ff-component-meta{color:var(--ff-text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:500;overflow:hidden}.ff-component-meta__version{color:var(--ff-text-muted);font-weight:400}.ff-fields{padding:4px 0 0}.ff-group{margin-bottom:0}.ff-group-header{cursor:pointer;text-align:left;width:100%;height:28px;color:var(--ff-group-header-text);background:0 0;border:none;align-items:center;gap:6px;padding:0 10px;transition:color .12s;display:flex}.ff-group-header--separator{border-top:1px solid var(--ff-group-separator);margin-top:4px}.ff-group-header:hover{color:var(--ff-group-header-text-hover)}.ff-group-chevron{color:var(--ff-group-chevron);flex-shrink:0;width:10px;font-size:10px}.ff-group-label{letter-spacing:.01em;font-size:11px;font-weight:500}.ff-group__body{padding:2px 0 4px}.ff-field-row{min-height:var(--ff-field-height);padding:0 var(--ff-panel-padding);margin-bottom:var(--ff-field-gap);gap:6px;display:flex}.ff-field-row--inline{flex-direction:row;align-items:center}.ff-field-row--inline.ff-field-row--top{align-items:flex-start}.ff-field-row--inline.ff-field-row--top .ff-field-label{line-height:var(--ff-control-height)}.ff-field-row--multirow{align-items:flex-start;padding-top:4px;padding-bottom:4px}.ff-field-row--multirow .ff-field-label{line-height:var(--ff-control-height)}.ff-field-row--above{flex-direction:column;align-items:stretch;gap:3px;padding-top:4px;padding-bottom:4px}.ff-field-label{color:var(--ff-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:var(--ff-control-height);flex-shrink:0;overflow:hidden}.ff-field-row--inline .ff-field-label{width:var(--ff-label-width)}.ff-field-row--above .ff-field-label{width:100%;line-height:1.4}.ff-field-control{flex:1;align-items:center;min-width:0;display:flex}.ff-field-row--above .ff-field-control{width:100%}.ff-input{width:100%;height:var(--ff-control-height);background:var(--ff-control-bg);border:1px solid var(--ff-control-border);border-radius:var(--ff-control-radius);color:var(--ff-text-primary);box-sizing:border-box;outline:none;padding:0 6px;font-size:11px;transition:border-color .12s}.ff-input:hover{border-color:var(--ff-control-border-hover)}.ff-input:focus{border-color:var(--ff-control-border-focus)}.ff-input::placeholder{color:var(--ff-text-muted)}.ff-input--mono{font-family:var(--font-mono);font-size:10px}.ff-input--num{text-align:right;width:36px;font-family:var(--font-mono);-moz-appearance:textfield;flex-shrink:0;padding:0 4px;font-size:10px}.ff-input--num::-webkit-inner-spin-button{-webkit-appearance:none}.ff-input--num::-webkit-outer-spin-button{-webkit-appearance:none}.ff-input--num-wide{width:44px}.ff-toggle{background:var(--ff-toggle-off-bg);cursor:pointer;border:none;border-radius:9px;flex-shrink:0;width:32px;height:18px;padding:0;transition:background .15s;position:relative}.ff-toggle--on{background:var(--ff-accent)}.ff-toggle__thumb{background:var(--ff-toggle-thumb);pointer-events:none;border-radius:50%;width:14px;height:14px;transition:transform .15s;position:absolute;top:2px;left:2px}.ff-toggle--on .ff-toggle__thumb{transform:translate(14px)}.ff-segmented{background:var(--ff-segmented-bg);border-radius:var(--ff-control-radius);gap:1px;width:100%;padding:1px;display:flex}.ff-segmented__btn{height:22px;color:var(--ff-text-muted);letter-spacing:.01em;cursor:pointer;background:0 0;border:none;border-radius:3px;flex:1;font-size:10px;font-weight:600;transition:background .1s,color .1s}.ff-segmented__btn:hover{color:var(--ff-text-secondary)}.ff-segmented__btn--active{background:var(--ff-segmented-active-bg);color:var(--ff-text-primary)}.ff-dropdown{width:100%;position:relative}.ff-dropdown__trigger{width:100%;height:var(--ff-control-height);background:var(--ff-control-bg);border:1px solid var(--ff-control-border);border-radius:var(--ff-control-radius);cursor:pointer;align-items:center;gap:4px;padding:0 6px;transition:border-color .12s;display:flex}.ff-dropdown__trigger:hover{border-color:var(--ff-control-border-hover)}.ff-dropdown__value{min-width:0;color:var(--ff-text-primary);text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;overflow:hidden}.ff-dropdown__chevron{color:var(--ff-text-muted);flex-shrink:0;font-size:9px}.ff-dropdown__list{background:var(--ff-popover-bg);border:1px solid var(--ff-popover-border);border-radius:var(--ff-popover-radius);box-shadow:var(--ff-popover-shadow);z-index:200;box-sizing:border-box;padding:2px}.ff-dropdown__item{width:100%;height:28px;color:var(--ff-text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:5px;padding:0 8px;font-size:11px;transition:background .1s,color .1s;display:block}.ff-dropdown__item:hover{background:var(--ff-hover-bg-strong);color:var(--ff-text-primary)}.ff-dropdown__item--active{background:var(--ff-accent-muted);color:var(--ff-accent)}.ff-icon-row{gap:4px;width:100%;display:flex}.ff-dropdown--icon-name{flex:3}.ff-dropdown--icon-size{flex:2}.ff-color{width:100%;position:relative}.ff-color__trigger{width:100%;height:var(--ff-control-height);background:var(--ff-control-bg);border:1px solid var(--ff-control-border);border-radius:var(--ff-control-radius);cursor:pointer;align-items:center;gap:6px;padding:0 6px;transition:border-color .12s;display:flex}.ff-color__trigger:hover{border-color:var(--ff-control-border-hover)}.ff-color__swatch{border:1px solid var(--ff-swatch-border);border-radius:3px;flex-shrink:0;width:16px;height:16px}.ff-color__value{color:var(--ff-text-primary);text-align:left;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-family:var(--font-mono);flex:1;overflow:hidden}.ff-popover--color{width:340px}.ff-color-tabs{border-bottom:1px solid var(--ff-color-tab-border);gap:1px;margin-bottom:8px;padding:6px 6px 0;display:flex}.ff-color-tab{height:26px;color:var(--ff-text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:0 8px;font-size:11px;transition:color .12s,border-color .12s}.ff-color-tab:hover{color:var(--ff-text-secondary)}.ff-color-tab--active{color:var(--ff-accent);border-bottom-color:var(--ff-accent)}.ff-hex-panel{flex-direction:column;gap:10px;padding:0 12px 12px;display:flex}.ff-hex-panel__saturation{cursor:crosshair;border-radius:6px;width:100%;height:160px;position:relative;overflow:hidden}.ff-hex-panel__saturation-white{background:linear-gradient(90deg,#fff,#0000);position:absolute;inset:0}.ff-hex-panel__saturation-black{background:linear-gradient(#0000,#000);position:absolute;inset:0}.ff-hex-panel__cursor{pointer-events:none;border:2px solid #0000004d;border-radius:50%;width:16px;height:16px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1.5px #fff,0 2px 4px #0000004d}.ff-hex-panel__section{flex-direction:column;gap:4px;display:flex}.ff-hex-panel__label{color:var(--ff-text-muted);font-size:10px;font-weight:500}.ff-hex-panel__hue-bar{cursor:pointer;align-items:center;height:20px;display:flex;position:relative}.ff-hex-panel__hue-track{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:6px;height:12px;position:absolute;inset:50% 0 0;transform:translateY(-50%)}.ff-hex-panel__opacity-track{border-radius:6px;height:12px;position:absolute;inset:50% 0 0;transform:translateY(-50%)}.ff-hex-panel__hue-thumb,.ff-hex-panel__opacity-thumb{cursor:grab;pointer-events:none;border-radius:3px;width:12px;height:20px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #fff,0 2px 4px #0000004d}.ff-hex-panel__opacity-bar{background:linear-gradient(to right, transparent, var(--swatch-color,#000));cursor:pointer;border-radius:6px;height:12px;position:relative}.ff-hex-panel__row{align-items:center;gap:8px;display:flex}.ff-hex-panel__swatch{border:1px solid var(--ff-color-preset-border);border-radius:6px;flex-shrink:0;width:36px;height:36px}.ff-hex-panel__swatch--sm{width:24px;height:24px}.ff-hex-panel__hex-group{flex-direction:column;flex:1;gap:2px;display:flex}.ff-hex-panel__field-label{color:var(--ff-text-muted);font-size:10px;font-weight:500}.ff-hex-panel__hex-input{font-family:var(--font-mono);font-size:12px}.ff-hex-panel__rgba-row{gap:6px;display:flex}.ff-hex-panel__rgba-field{flex-direction:column;flex:1;gap:2px;display:flex}.ff-hex-panel__rgba-input{text-align:center;font-family:var(--font-mono);padding:0 2px;font-size:11px}.ff-hex-panel__rgba-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ff-hex-panel__rgba-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ff-hex-panel__rgba-input[type=number]{-moz-appearance:textfield}.ff-hex-panel__opacity-value{align-items:center;display:flex;position:relative}.ff-hex-panel__percent{color:var(--ff-text-muted);margin-left:1px;font-size:10px}.ff-gradient-panel{flex-direction:column;gap:10px;padding:0 12px 12px;display:flex}.ff-gradient-panel__preview{border:1px solid var(--ff-color-preset-border);border-radius:6px;width:100%;height:120px}.ff-gradient-panel__stops-bar{cursor:crosshair;border-radius:8px;height:16px;margin-bottom:28px;position:relative}.ff-gradient-panel__stop-handle{cursor:grab;flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%)}.ff-gradient-panel__stop-handle:active{cursor:grabbing}.ff-gradient-panel__stop-triangle{border-bottom:5px solid #ffffffb3;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0}.ff-gradient-panel__stop-triangle--selected{border-bottom-color:var(--ff-accent)}.ff-gradient-panel__stop-swatch{border:2px solid #ffffffb3;border-radius:3px;width:14px;height:14px;box-shadow:0 1px 3px #0003}.ff-gradient-panel__stop-swatch--selected{border-color:var(--ff-accent)}.ff-gradient-panel__hint{color:var(--ff-text-muted);text-align:center;font-size:9px}.ff-gradient-panel__stop-editor{align-items:flex-start;gap:8px;display:flex}.ff-gradient-panel__stop-fields{flex-direction:column;flex:1;gap:4px;display:flex}.ff-gradient-panel__stop-field{align-items:center;gap:6px;display:flex}.ff-gradient-panel__stop-field .ff-hex-panel__field-label{text-align:right;flex-shrink:0;width:28px}.ff-gradient-panel__type-row{justify-content:space-between;align-items:center;display:flex}.ff-gradient-panel__center-editor{gap:8px;display:flex}.ff-gradient-panel__center-preview{border:1px solid var(--ff-color-preset-border);border-radius:6px;flex-shrink:0;width:100px;height:64px}.ff-gradient-panel__center-fields{flex-direction:column;flex:1;gap:4px;display:flex}.ff-gradient-panel__css-section{flex-direction:column;gap:4px;display:flex}.ff-gradient-panel__css-header{justify-content:space-between;align-items:center;display:flex}.ff-gradient-panel__css-actions{gap:8px;display:flex}.ff-gradient-panel__css-btn{color:var(--ff-text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:10px}.ff-gradient-panel__css-btn:hover{color:var(--ff-text-primary)}.ff-gradient-panel__css-label{color:var(--ff-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:500}.ff-gradient-panel__css-output{font-family:var(--font-mono);color:var(--ff-text-secondary);background:var(--ff-control-bg);word-break:break-all;border-radius:6px;padding:8px;font-size:10px;line-height:1.5}.ff-angle-row{align-items:center;gap:8px;display:flex}.ff-angle-dial{background:var(--ff-control-bg);border:1px solid var(--ff-control-border);cursor:pointer;border-radius:50%;flex-shrink:0;width:48px;height:48px;position:relative}.ff-angle-dial__dot{background:var(--ff-text-muted);border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ff-angle-dial__line{background:var(--ff-accent);transform-origin:bottom;border-radius:1px;width:2px;height:16px;position:absolute;top:50%;left:50%}.ff-angle-input-group{flex-shrink:0;align-items:center;gap:2px;display:flex}.ff-angle-input{width:40px;height:var(--ff-control-height);background:var(--ff-control-bg);border:1px solid var(--ff-control-border);border-radius:var(--ff-control-radius);color:var(--ff-text-primary);font-family:var(--font-mono);text-align:center;-moz-appearance:textfield;outline:none;padding:0 2px;font-size:11px}.ff-angle-input::-webkit-inner-spin-button{-webkit-appearance:none}.ff-angle-input::-webkit-outer-spin-button{-webkit-appearance:none}.ff-angle-input:focus{border-color:var(--ff-control-border-focus)}.ff-angle-suffix{color:var(--ff-text-muted);font-size:10px}.ff-angle-presets{flex:1;gap:1px;display:flex}.ff-angle-preset{height:22px;color:var(--ff-text-muted);cursor:pointer;background:0 0;border:none;border-radius:3px;flex:1;padding:0;font-size:10px;transition:background .1s,color .1s}.ff-angle-preset:hover{color:var(--ff-text-secondary)}.ff-angle-preset--active{background:var(--ff-accent-muted);color:var(--ff-accent)}.ff-semantic-panel{flex-direction:column;max-height:320px;display:flex}.ff-semantic-panel__search{border-bottom:1px solid var(--ff-popover-border);flex-shrink:0;padding:6px 8px}.ff-semantic-panel__search-input{border-radius:6px;width:100%;height:28px;padding:0 8px;font-size:11px}.ff-semantic-panel__list{flex:1;padding:4px;overflow-y:auto}.ff-semantic-panel__group{margin-bottom:2px}.ff-semantic-panel__group-label{text-transform:uppercase;letter-spacing:.05em;color:var(--ff-text-muted);background:var(--ff-popover-bg);z-index:1;padding:8px 8px 3px;font-size:10px;font-weight:600;position:sticky;top:0}.ff-semantic-panel__group+.ff-semantic-panel__group{margin-top:2px}.ff-semantic-panel__empty{color:var(--ff-text-muted);text-align:center;padding:16px 12px;font-size:11px}.ff-color-token{cursor:pointer;background:0 0;border:none;border-radius:5px;align-items:center;gap:8px;width:100%;height:28px;padding:0 6px;transition:background .1s;display:flex}.ff-color-token:hover{background:var(--ff-hover-bg)}.ff-color-token--active{background:var(--ff-accent-muted)}.ff-color-token__name{color:var(--ff-text-secondary);text-align:left;font-size:11px}.ff-slider-combo{width:100%;height:var(--ff-control-height);background:var(--ff-control-bg);border:1px solid var(--ff-control-border);border-radius:var(--ff-control-radius);box-sizing:border-box;align-items:center;padding:0 6px;transition:border-color .15s;display:flex}.ff-slider-combo:hover{border-color:var(--ff-control-border-hover)}.ff-slider-combo:focus-within{border-color:var(--ff-control-border-focus)}.ff-slider-combo--compact{flex:none;width:100%;min-width:0}.ff-slider-combo__input-group{flex-shrink:0;align-items:center;gap:2px;display:flex}.ff-slider-combo__input{width:36px;font-family:var(--font-mono);color:var(--ff-text-primary);text-align:right;-moz-appearance:textfield;background:0 0;border:none;outline:none;font-size:11px}.ff-slider-combo__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ff-slider-combo__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ff-slider-combo__input--wide{width:40px}.ff-slider-combo__unit{color:var(--ff-text-muted);flex-shrink:0;font-size:10px}.ff-slider-combo__divider{background:var(--ff-slider-divider);flex-shrink:0;width:1px;height:14px;margin:0 8px}.ff-slider-combo__slider{appearance:none;background:var(--ff-slider-track);cursor:pointer;border-radius:1px;outline:none;flex:1;min-width:0;height:2px}.ff-slider-combo__slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ff-accent);cursor:pointer;border-radius:50%;width:10px;height:10px;transition:transform .1s}.ff-slider-combo__slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.ff-slider-combo__slider::-moz-range-thumb{background:var(--ff-accent);cursor:pointer;border:none;border-radius:50%;width:10px;height:10px}.ff-aspect{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.ff-aspect__presets{gap:2px;display:flex}.ff-aspect__preset{height:var(--ff-control-height);border:1px solid var(--ff-preset-border);border-radius:var(--ff-control-radius);box-sizing:border-box;color:var(--ff-text-muted);cursor:pointer;background:0 0;flex:1;padding:0;font-size:10px;transition:all .12s}.ff-aspect__preset:hover{color:var(--ff-text-secondary);border-color:var(--ff-preset-border-hover)}.ff-aspect__preset--active{background:var(--ff-accent-muted);border-color:var(--ff-preset-active-border);color:var(--ff-accent)}.ff-multiline-wrap{align-items:center;width:100%;display:flex;position:relative}.ff-input--multiline-inline{border-radius:var(--ff-control-radius) 0 0 var(--ff-control-radius);flex:1}.ff-multiline-expand{width:24px;height:var(--ff-control-height);background:var(--ff-control-bg);border:1px solid var(--ff-control-border);border-radius:0 var(--ff-control-radius) var(--ff-control-radius) 0;color:var(--ff-text-muted);cursor:pointer;border-left:none;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;transition:color .12s;display:flex}.ff-multiline-expand:hover{color:var(--ff-text-primary)}.ff-multiline-field{display:contents}.ff-multiline-editor{padding:0 var(--ff-panel-padding) 0 calc(var(--ff-panel-padding) + var(--ff-label-width) + 6px);margin-top:2px;margin-bottom:var(--ff-field-gap)}.ff-text-field{flex-direction:column;gap:2px;width:100%;display:flex}.ff-char-count{color:var(--ff-text-muted);text-align:right;padding-right:2px;font-size:10px}.ff-char-count--error{color:#ef4444}.ff-required{color:#ef4444;margin-left:2px;font-weight:500}.ff-field-row--error .ff-input,.ff-field-row--error .ff-textarea{border-color:#ef4444}.ff-field-row--error .ff-input:focus,.ff-field-row--error .ff-textarea:focus{border-color:#ef4444;box-shadow:0 0 0 1px #ef44444d}.ff-textarea{background:var(--ff-textarea-bg);border:1px solid var(--ff-control-border);border-radius:var(--ff-control-radius);width:100%;color:var(--ff-text-primary);resize:none;box-sizing:border-box;outline:none;padding:6px 8px;font-family:inherit;font-size:11px;line-height:1.5;transition:border-color .12s}.ff-textarea:focus{border-color:var(--ff-control-border-focus)}.ff-popover{background:var(--ff-popover-bg);border:1px solid var(--ff-popover-border);border-radius:var(--ff-popover-radius);box-shadow:var(--ff-popover-shadow);z-index:200;position:fixed}.ff-portal{font-family:var(--font-sans)}.ff-backdrop{z-index:150;position:fixed;inset:0}.ff-empty{flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:40px 20px;display:flex}.ff-empty__title{color:var(--ff-text-muted);margin:0;font-size:13px;font-weight:500}.ff-empty__desc{color:var(--ff-text-muted);text-align:center;max-width:200px;margin:0;font-size:11px;line-height:1.5}.canvas-lab{background:var(--color-surface-primary);height:100%;color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-base);flex-direction:column;display:flex;overflow:hidden}.canvas-lab-header{align-items:center;gap:var(--space-3);padding:0 var(--space-4);height:var(--content-nav-height);background:var(--color-surface-secondary);border-bottom:1px solid var(--color-border-default);flex-shrink:0;display:flex}.canvas-lab-back{align-items:center;gap:var(--space-1);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-weight-medium,500);padding:var(--space-1) var(--space-2) var(--space-1) 0;border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease-out);white-space:nowrap;text-decoration:none;display:flex}.canvas-lab-back:hover{color:var(--color-text-primary)}.canvas-lab-header__divider{background:var(--color-border-subtle);flex-shrink:0;width:1px;height:1rem}.canvas-lab-header__title{font-size:var(--text-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.canvas-lab-header__spacer{flex:1}.canvas-lab-header__zoom{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-secondary);text-align:right;min-width:3rem}.canvas-lab-header__reset{padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border-default);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--font-weight-medium,500);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;background:0 0}.canvas-lab-header__reset:hover{border-color:var(--color-border-hover);color:var(--color-text-primary)}.canvas-lab-body{flex:1;min-height:0;display:flex;overflow:hidden}.canvas-lab-tree{background:var(--color-surface-secondary);border-right:1px solid var(--color-border-default);flex-direction:column;flex-shrink:0;width:240px;display:flex;overflow:hidden}.canvas-lab-tree__header{align-items:center;gap:var(--space-2);padding:0 var(--space-3);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0;height:36px;display:flex}.canvas-lab-tree__back{border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-weight-medium,500);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;transition:color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);background:0 0;border:none;align-items:center;margin:0 0 0 -4px;padding:2px 6px 2px 2px;display:flex}.canvas-lab-tree__back:hover{color:var(--color-text-primary);background:color-mix(in srgb, var(--color-text-primary) 6%, transparent)}.canvas-lab-tree__title{font-size:var(--text-xs);font-weight:var(--font-weight-medium,500);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.canvas-lab-tree__body{padding:var(--space-1) 0;flex:1;overflow-y:auto}.canvas-lab-tree__row{align-items:center;gap:var(--space-1);height:28px;padding-right:var(--space-3);cursor:default;-webkit-user-select:none;user-select:none;border-radius:var(--radius-sm);margin:0 var(--space-1);display:flex}.canvas-lab-tree__row:not(.canvas-lab-tree__row--selected):hover,.canvas-lab-tree__row--hovered:not(.canvas-lab-tree__row--selected){background:color-mix(in srgb, var(--color-text-primary) 6%, transparent)}.canvas-lab-tree__row--selected{background:color-mix(in srgb, var(--color-accent-primary) 12%, transparent)}.canvas-lab-tree__row--selected .canvas-lab-tree__label{color:var(--color-accent-primary);font-weight:var(--font-weight-medium,500)}.canvas-lab-tree__chevron{width:16px;height:16px;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:transform var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:10px;line-height:1;display:flex}.canvas-lab-tree__chevron:hover{color:var(--color-text-primary)}.canvas-lab-tree__chevron--collapsed{transform:rotate(-90deg)}.canvas-lab-tree__chevron--invisible{visibility:hidden;pointer-events:none}.canvas-lab-tree__type-badge{border-radius:var(--radius-xs,3px);width:16px;height:16px;font-size:9px;font-weight:700;font-family:var(--font-mono);letter-spacing:0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.canvas-lab-tree__type-badge--component{background:color-mix(in srgb, var(--color-accent-primary) 15%, transparent);color:var(--color-accent-primary)}.canvas-lab-tree__type-badge--collection{background:color-mix(in srgb, var(--color-success) 15%, transparent);color:var(--color-success)}.canvas-lab-tree__type-badge--leaf{color:var(--color-text-muted);background:0 0;font-size:14px}.canvas-lab-tree__label{font-size:var(--text-sm);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.canvas-lab-stage{background-color:var(--color-surface-primary);background-image:radial-gradient(circle, var(--color-border-subtle) 1px, transparent 1px);cursor:default;touch-action:none;background-size:24px 24px;flex:1;min-width:0;position:relative;overflow:hidden}.canvas-lab-backdrop{z-index:0;position:absolute;inset:0}.canvas-lab-focus-overlay{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.canvas-lab-canvas{z-index:1;pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.canvas-lab-canvas--animating{transition:transform .32s cubic-bezier(.4,0,.2,1)}.canvas-lab-canvas__items{flex-direction:row;align-items:flex-start;gap:0;display:flex}.canvas-lab-canvas__items>div{transition:opacity .24s var(--ease-out)}.canvas-lab-canvas__item--hidden{opacity:0;pointer-events:none!important}.mock-discover-card-surface{pointer-events:auto;cursor:pointer;width:260px}.mock-discover-card{aspect-ratio:3/4;box-sizing:border-box;background:linear-gradient(160deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);border-radius:16px;flex-direction:column;justify-content:flex-end;width:260px;padding:24px;display:flex;overflow:hidden}.mock-discover-card__vstack{flex-direction:column;gap:6px;display:flex}.mock-discover-card__title{color:#fff;letter-spacing:-.3px;font-size:18px;font-weight:700;line-height:1.2}.mock-discover-card__subtitle{color:#fff9;font-size:13px;font-weight:400;line-height:1.4}.mock-surface-mat{background:var(--color-surface-secondary);box-shadow:0 0 0 1px var(--color-border-subtle);border-radius:20px;margin:40px;padding:40px;display:inline-flex;position:relative}.mock-surface{pointer-events:none;background:#f5f5f5;border-radius:12px;flex-direction:column;gap:0;width:390px;display:flex;overflow:hidden;box-shadow:0 4px 32px #00000024}.mock-surface__section{pointer-events:auto;cursor:pointer}[data-node-id].drill-hidden{display:none}.mock-surface__selection{--sel-inset:-8px;--sel-stroke:2px;--sel-radius:4px;--sel-color:var(--color-accent-primary);pointer-events:none;z-index:10;position:absolute}.mock-surface__selection-corner{width:var(--sel-arm);height:var(--sel-arm);position:absolute}.mock-surface__selection-corner--tl{top:var(--sel-inset);left:var(--sel-inset);border-top:var(--sel-stroke) solid var(--sel-color);border-left:var(--sel-stroke) solid var(--sel-color);border-top-left-radius:var(--sel-radius)}.mock-surface__selection-corner--tr{top:var(--sel-inset);right:var(--sel-inset);border-top:var(--sel-stroke) solid var(--sel-color);border-right:var(--sel-stroke) solid var(--sel-color);border-top-right-radius:var(--sel-radius)}.mock-surface__selection-corner--bl{bottom:var(--sel-inset);left:var(--sel-inset);border-bottom:var(--sel-stroke) solid var(--sel-color);border-left:var(--sel-stroke) solid var(--sel-color);border-bottom-left-radius:var(--sel-radius)}.mock-surface__selection-corner--br{bottom:var(--sel-inset);right:var(--sel-inset);border-bottom:var(--sel-stroke) solid var(--sel-color);border-right:var(--sel-stroke) solid var(--sel-color);border-bottom-right-radius:var(--sel-radius)}.mock-surface__child-selection{--sel-inset:-8px;--sel-stroke:2px;--sel-radius:4px;--sel-color:var(--color-accent-primary);pointer-events:none;z-index:11;position:absolute}.mock-surface__highlight{pointer-events:none;background:color-mix(in srgb, var(--color-accent-primary) 10%, transparent);z-index:9;position:absolute}.mock-carousel__track{pointer-events:auto}.mock-app-text{background:#1a1a1a;flex-direction:column;align-items:center;gap:10px;padding:32px 24px 28px;display:flex}.mock-app-text__icon{background:#3a3a3a;border-radius:8px;width:36px;height:36px}.mock-app-text__title{letter-spacing:.1em;text-transform:uppercase;color:#fff9;font-size:11px;font-weight:600}.mock-app-text__header{color:#fff;text-align:center;font-size:22px;font-weight:700;line-height:1.2}.mock-product-gallery{background:#fff;flex-direction:column;gap:12px;padding:20px 16px 16px;display:flex}.mock-product-gallery__title{color:#1a1a1a;letter-spacing:-.01em;font-size:13px;font-weight:700}.mock-product-gallery__rows{flex-direction:column;gap:8px;display:flex}.mock-product-gallery__2up{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mock-product-gallery__tile{border-radius:8px;height:160px}.mock-product-gallery__tile--1{background:#c8d8e8}.mock-product-gallery__tile--2{background:#e8c8c8}.mock-product-gallery__tile--3{background:#c8e8d0}.mock-product-gallery__tile--4{background:#e8e0c8}.mock-carousel{background:#fff;border-top:1px solid #ebebeb;flex-direction:column;display:flex}.mock-carousel__header{justify-content:space-between;align-items:center;padding:16px 16px 12px;display:flex}.mock-carousel__header-title{color:#1a1a1a;letter-spacing:-.01em;font-size:13px;font-weight:700}.mock-carousel__header-action{color:#1a1a1a;opacity:.4;font-size:11px;font-weight:500}.mock-carousel__track{overscroll-behavior-x:contain;scrollbar-width:none;gap:10px;padding:0 16px 16px;display:flex;overflow:auto hidden}.mock-carousel__track::-webkit-scrollbar{display:none}.mock-surface:has([data-drill-focus]){width:auto;min-width:390px;overflow:visible}.mock-carousel__track[data-drill-focus]{gap:16px;overflow:visible}.mock-carousel__card{flex-direction:column;flex-shrink:0;gap:8px;width:140px;display:flex}.mock-carousel__card-image{border-radius:8px;width:140px;height:140px}.mock-carousel__card--1 .mock-carousel__card-image{background:#d4c5e8}.mock-carousel__card--2 .mock-carousel__card-image{background:#c5d8e8}.mock-carousel__card--3 .mock-carousel__card-image{background:#e8d4c5}.mock-carousel__card-label{color:#1a1a1a;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.mock-carousel__card-sub{color:#1a1a1a;opacity:.45;font-size:11px}.mock-carousel__footer{border-top:1px solid #ebebeb;justify-content:center;align-items:center;padding:12px 16px 16px;display:flex}.mock-carousel__footer-label{color:#1a1a1a;letter-spacing:.02em;font-size:11px;font-weight:600}.placeholder-lab{background:var(--color-surface-primary);height:100vh;color:var(--color-text-primary);flex-direction:column;display:flex}.placeholder-lab-header{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-default);flex-shrink:0;display:flex}.placeholder-lab-back{color:var(--color-text-secondary);font-size:var(--text-sm);text-decoration:none}.placeholder-lab-back:hover{color:var(--color-text-primary)}.placeholder-lab-header__divider{background:var(--color-border-default);width:1px;height:16px}.placeholder-lab-header__title{font-size:var(--text-sm);font-weight:600}.placeholder-lab-header__spacer{flex:1}.placeholder-lab-segmented{border:1px solid var(--color-border-default);border-radius:var(--radius-sm);display:flex;overflow:hidden}.placeholder-lab-segmented__btn{font-size:var(--text-xs);color:var(--color-text-secondary);background:var(--color-surface-secondary);cursor:pointer;white-space:nowrap;border:none;padding:4px 12px;font-weight:500}.placeholder-lab-segmented__btn:not(:last-child){border-right:1px solid var(--color-border-default)}.placeholder-lab-segmented__btn:hover:not(.placeholder-lab-segmented__btn--active){background:var(--color-surface-hover);color:var(--color-text-primary)}.placeholder-lab-segmented__btn--active{background:var(--color-accent-primary);color:var(--color-text-on-accent);font-weight:600}.placeholder-lab-zoom{align-items:center;gap:var(--space-2);display:flex}.placeholder-lab-zoom__btn{border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-surface-secondary);width:24px;height:24px;color:var(--color-text-secondary);cursor:pointer;justify-content:center;align-items:center;font-size:14px;line-height:1;display:flex}.placeholder-lab-zoom__btn:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text-primary)}.placeholder-lab-zoom__btn:disabled{opacity:.3;cursor:default}.placeholder-lab-zoom__slider{width:100px;accent-color:var(--color-accent-primary)}.placeholder-lab-zoom__label{font-size:var(--text-xs);color:var(--color-text-secondary);text-align:right;font-variant-numeric:tabular-nums;min-width:36px}.placeholder-lab-viewport{cursor:grab;flex:1;position:relative;overflow:hidden}.placeholder-lab-viewport:active{cursor:grabbing}.placeholder-lab-canvas{transform-origin:0 0;white-space:nowrap;padding:40px;position:absolute;top:0;left:0}.placeholder-lab-section{white-space:normal;margin-bottom:48px}.placeholder-lab-section__title{font-size:var(--text-lg);margin-bottom:4px;font-weight:600}.placeholder-lab-section__subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:16px}.placeholder-lab-row{gap:16px;display:flex}.placeholder-lab-card{border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-surface-secondary);flex-shrink:0;overflow:hidden}.placeholder-lab-card__label{font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border-default);background:var(--color-surface-primary);padding:8px 12px;font-weight:600}.placeholder-lab-card__preview{position:relative}.ccl-page{background:var(--color-surface-primary);height:100%;color:var(--color-text-primary);font-family:var(--font-sans);flex-direction:column;display:flex;overflow:hidden}.ccl-page__header{align-items:center;gap:var(--space-3);height:3rem;padding:0 var(--space-6);background:var(--color-surface-elevated);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0;display:flex}.ccl-page__back{font-size:var(--text-sm);color:var(--color-text-secondary);transition:color var(--duration-fast) var(--ease-out);text-decoration:none}.ccl-page__back:hover{color:var(--color-text-primary)}.ccl-page__header-divider{background:var(--color-border-default);width:1px;height:1.25rem}.ccl-page__title{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:600}.ccl-page__subtitle{font-size:var(--text-xs);color:var(--color-text-muted);margin-left:var(--space-1)}.ccl-page__body{padding:var(--space-8) var(--space-8);gap:var(--space-8);flex-direction:column;flex:1;display:flex;overflow-y:auto}.ccl-section{gap:var(--space-4);flex-direction:column;display:flex}.ccl-section__heading{gap:var(--space-1);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-subtle);flex-direction:column;display:flex}.ccl-section__label{font-size:var(--text-lg);color:var(--color-text-primary);letter-spacing:var(--text-heading-sm-tracking);margin:0;font-weight:600}.ccl-section__description{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.ccl-grid{display:grid}.ccl-grid--portrait{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.ccl-grid--landscape{gap:var(--space-3);grid-template-columns:1fr;max-width:960px}.ccl-card{background:var(--color-surface-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);transition:box-shadow var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);overflow:hidden}.ccl-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-card-hover)}.ccl-card--portrait .ccl-card__hero{aspect-ratio:4/5;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.ccl-card__initials{color:#fff9;letter-spacing:-.02em;-webkit-user-select:none;user-select:none;pointer-events:none;font-size:4rem;font-weight:700;line-height:1}.ccl-card__hero--flat{background:var(--color-surface-tertiary);flex-direction:column;justify-content:flex-start}.ccl-card__hero-stripe{flex-shrink:0;width:100%;height:4px}.ccl-card__hero--channel{background:var(--color-surface-tertiary)}.ccl-card__channel-grid{gap:var(--space-4);padding:var(--space-6);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.ccl-card__channel-item{align-items:center;gap:var(--space-1);color:var(--color-text-muted);flex-direction:column;display:flex}.ccl-card__channel-label{font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:var(--text-label-tracking);font-weight:var(--text-label-weight);text-transform:uppercase}.ccl-meta{gap:var(--space-2);padding:var(--space-3) var(--space-4) var(--space-4);flex-direction:column;display:flex}.ccl-meta__name{font-size:var(--text-base);color:var(--color-text-primary);font-weight:600;line-height:var(--leading-tight);margin:0}.ccl-meta__chips{gap:var(--space-1);flex-wrap:wrap;display:flex}.ccl-meta__chip{padding:1px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);align-items:center;font-weight:500;line-height:1.6;display:inline-flex}.ccl-meta__chip--team{background:var(--color-accent-tint);color:var(--color-accent-primary);border:1px solid #0000}.ccl-meta__chip--season{background:var(--color-surface-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border-subtle)}.ccl-meta__updated{font-size:var(--text-xs);color:var(--color-text-muted)}.ccl-meta__band{gap:var(--space-1);padding-top:var(--space-2);border-top:1px solid var(--color-border-subtle);margin-top:var(--space-1);flex-direction:column;display:flex}.ccl-meta__band-date{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:1.4}.ccl-meta__band-scope{color:var(--color-text-secondary);font-size:.6875rem;font-weight:400;line-height:1.4}.ccl-aspect-toggle{border:1px solid var(--color-border-default);border-radius:var(--radius-md);align-self:flex-start;gap:0;display:flex;overflow:hidden}.ccl-aspect-toggle__btn{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);color:var(--color-text-secondary);background:var(--color-surface-elevated);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);border:none;font-weight:500;line-height:1.6}.ccl-aspect-toggle__btn+.ccl-aspect-toggle__btn{border-left:1px solid var(--color-border-default)}.ccl-aspect-toggle__btn:hover{background:var(--color-surface-tertiary);color:var(--color-text-primary)}.ccl-aspect-toggle__btn--active,.ccl-aspect-toggle__btn--active:hover{background:var(--color-accent-primary);color:var(--color-accent-contrast)}.ccl-meta__chip--owned{background:var(--color-success-tint);color:var(--color-success);border:1px solid #0000}.ccl-meta__chip--adopted{background:var(--color-accent-tint);color:var(--color-accent-primary);border:1px solid #0000}.ccl-meta__chip--not-adopted{background:var(--color-surface-tertiary);color:var(--color-text-muted);border:1px solid var(--color-border-subtle)}.ccl-card--landscape{padding:var(--space-4) var(--space-6);align-items:stretch;gap:var(--space-6);border-radius:var(--radius-lg);flex-direction:row;min-height:100px;display:flex}.ccl-card__landscape-left{gap:var(--space-2);flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.ccl-card__landscape-counts{align-items:center;gap:var(--space-2);margin-top:var(--space-1);display:flex}.ccl-card__landscape-count{font-size:var(--text-xs);color:var(--color-text-muted)}.ccl-card__landscape-count-sep{color:var(--color-text-muted);font-size:var(--text-xs)}.ccl-card__landscape-right{justify-content:space-between;align-items:flex-end;gap:var(--space-3);flex-direction:column;flex-shrink:0;display:flex}.ccl-card__exec-thumbs{gap:var(--space-2);display:flex}.ccl-card__exec-thumb{border-radius:var(--radius-md);border:1px solid var(--color-border-default);flex-shrink:0;width:60px;height:40px}.ccl-card__avatar-stack{flex-direction:row-reverse;display:flex}.ccl-card__avatar-stack .ccl-card__avatar+.ccl-card__avatar{margin-right:-8px}.ccl-card__avatar{border-radius:var(--radius-full);background:var(--color-surface-tertiary);border:2px solid var(--color-surface-secondary);width:28px;height:28px;font-size:var(--text-xs);color:var(--color-text-secondary);flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.svl-page{background:var(--color-surface-primary);height:100%;color:var(--color-text-primary);font-family:var(--font-sans);flex-direction:column;display:flex;overflow:hidden}.svl-page__header{align-items:center;gap:var(--space-3);height:3rem;padding:0 var(--space-6);background:var(--color-surface-elevated);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0;display:flex}.svl-page__back{font-size:var(--text-sm);color:var(--color-text-secondary);transition:color var(--duration-fast) var(--ease-out);text-decoration:none}.svl-page__back:hover{color:var(--color-text-primary)}.svl-page__header-divider{background:var(--color-border-default);width:1px;height:1.25rem}.svl-page__title{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:600}.svl-page__subtitle{font-size:var(--text-xs);color:var(--color-text-muted);margin-left:var(--space-1)}.svl-page__body{padding:var(--space-8);gap:var(--space-10);flex-direction:column;flex:1;display:flex;overflow-y:auto}.svl-section{gap:var(--space-6);flex-direction:column;display:flex}.svl-section__heading{gap:var(--space-1);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-subtle);flex-direction:column;display:flex}.svl-section__label{font-size:var(--text-lg);color:var(--color-text-primary);letter-spacing:var(--text-heading-sm-tracking);margin:0;font-weight:600}.svl-section__description{font-size:var(--text-sm);color:var(--color-text-muted);max-width:72ch;margin:0}.svl-directions-grid{gap:var(--space-8);grid-template-columns:1fr 1fr;align-items:start;display:grid}@media (width<=1100px){.svl-directions-grid{grid-template-columns:1fr}}.svl-directions-col{gap:var(--space-3);flex-direction:column;display:flex}.svl-directions-col__label{font-size:var(--text-base);color:var(--color-text-primary);margin:0;font-weight:600}.svl-directions-col__desc{font-size:var(--text-xs);color:var(--color-text-muted);max-width:60ch;margin:0}.svl-campaign-header{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-surface-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg) var(--radius-lg) 0 0;flex-shrink:0;display:flex}.svl-campaign-header__left{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.svl-campaign-header__name{font-size:var(--text-sm);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:600;overflow:hidden}.svl-campaign-header__chips{gap:var(--space-1);flex-wrap:wrap;display:flex}.svl-campaign-header__chip{padding:1px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);align-items:center;font-weight:500;line-height:1.6;display:inline-flex}.svl-campaign-header__chip--team{background:var(--color-accent-tint);color:var(--color-accent-primary)}.svl-campaign-header__chip--season{background:var(--color-surface-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border-subtle)}.svl-campaign-header__right{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.svl-segmented{border-radius:var(--radius-md);border:1px solid var(--color-border-default);background:var(--color-surface-tertiary);display:flex;overflow:hidden}.svl-segmented__btn{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);color:var(--color-text-secondary);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:none;font-weight:500}.svl-segmented__btn:hover{color:var(--color-text-primary);background:var(--color-surface-hover)}.svl-segmented__btn--active{background:var(--color-surface-elevated);color:var(--color-text-primary);font-weight:600;box-shadow:0 1px 3px #00000026}.svl-campaign-header__more{border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);width:28px;height:28px;color:var(--color-text-secondary);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;justify-content:center;align-items:center;display:flex}.svl-campaign-header__more:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.svl-direction{border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;display:flex;overflow:hidden}.svl-direction__phases{background:var(--color-surface-primary);padding:var(--space-3);gap:0;gap:var(--space-3);flex-direction:column;display:flex}.svl-phase{border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);overflow:hidden}.svl-phase--header-bar{background:var(--color-surface-secondary)}.svl-phase__header{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface-tertiary);border-bottom:1px solid var(--color-border-subtle);display:flex}.svl-phase__drag-handle{color:var(--color-text-muted);cursor:grab;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.svl-phase__drag-handle:hover{color:var(--color-text-secondary)}.svl-phase__name{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:600}.svl-phase__count-chip{min-width:20px;height:18px;padding:0 var(--space-1);border-radius:var(--radius-full);font-size:var(--text-xs);background:var(--color-surface-hover);color:var(--color-text-secondary);justify-content:center;align-items:center;font-weight:600;display:inline-flex}.svl-phase__spacer{flex:1}.svl-phase__add-exec{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);border:1px dashed var(--color-border-default);color:var(--color-text-secondary);font-size:var(--text-xs);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);background:0 0;font-weight:500;display:flex}.svl-phase__add-exec:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary);background:var(--color-accent-tint)}.svl-phase__overflow{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--color-text-muted);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.svl-phase__overflow:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.svl-phase__cards{gap:var(--space-3);padding:var(--space-3);flex-direction:row;display:flex;overflow-x:auto}.svl-phase--left-rail{background:var(--color-surface-secondary);flex-direction:row;display:flex}.svl-phase__rail{align-items:center;gap:var(--space-2);width:44px;padding:var(--space-3) var(--space-2);background:var(--color-surface-tertiary);border-right:1px solid var(--color-border-subtle);flex-direction:column;flex-shrink:0;display:flex}.svl-phase__rail-name{font-size:var(--text-xs);color:var(--color-text-secondary);writing-mode:vertical-lr;text-orientation:mixed;letter-spacing:.04em;text-transform:uppercase;-webkit-user-select:none;user-select:none;text-align:center;flex:1;font-weight:600;transform:rotate(180deg)}.svl-phase__count-chip--rail{background:var(--color-surface-hover);color:var(--color-text-secondary)}.svl-phase__overflow--rail{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--color-text-muted);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.svl-phase__overflow--rail:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.svl-phase__add-exec--rail{border-radius:var(--radius-md);border:1px dashed var(--color-border-default);width:24px;height:24px;color:var(--color-text-muted);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);background:0 0;justify-content:center;align-items:center;display:flex}.svl-phase__add-exec--rail:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary);background:var(--color-accent-tint)}.svl-phase--left-rail .svl-phase__cards{flex:1;overflow-x:auto}.svl-add-phase{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px dashed var(--color-border-default);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;width:100%;transition:border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);background:0 0;font-weight:500;display:flex}.svl-add-phase:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary);background:var(--color-accent-tint)}.svl-card{background:var(--color-surface-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:box-shadow var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);flex-shrink:0;overflow:hidden}.svl-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-card-hover)}.svl-card--portrait{flex-direction:column;width:200px;min-height:260px;display:flex}.svl-card__topbar{padding:var(--space-2) var(--space-2) 0 var(--space-2);justify-content:space-between;align-items:center;gap:var(--space-1);display:flex}.svl-card__type-chip{padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);background:hsla(var(--chip-hue), 60%, 50%, .15);color:hsl(var(--chip-hue), 60%, 70%);border:1px solid hsla(var(--chip-hue), 60%, 50%, .25);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;min-width:0;max-width:140px;font-weight:500;line-height:1.5;display:inline-flex;overflow:hidden}.svl-card__overflow{border-radius:var(--radius-sm);width:22px;height:22px;color:var(--color-text-muted);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.svl-card__overflow:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.svl-card__body{gap:var(--space-2);padding:var(--space-2) var(--space-3) var(--space-2);flex-direction:column;flex:1;display:flex}.svl-card__name{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:600;line-height:var(--leading-tight);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.svl-card__version-chip{padding:1px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);background:var(--color-surface-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border-subtle);align-self:flex-start;align-items:center;font-weight:600;display:inline-flex}.svl-card__footer{padding:var(--space-2) var(--space-3) var(--space-3);justify-content:space-between;align-items:center;gap:var(--space-2);border-top:1px solid var(--color-border-subtle);margin-top:auto;display:flex}.svl-card__nav-target{color:var(--color-text-muted);align-items:center;gap:3px;min-width:0;display:flex;overflow:hidden}.svl-card__nav-target-name{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:90px;font-size:10px;overflow:hidden}.svl-card__preview-btn{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);border:1px solid var(--color-border-default);color:var(--color-text-secondary);font-size:var(--text-xs);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);background:0 0;flex-shrink:0;font-weight:500;display:inline-flex}.svl-card__preview-btn:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary);background:var(--color-accent-tint)}.svl-card__topbar--minimal{padding-bottom:var(--space-1)}.svl-card__type-glyph{border-radius:var(--radius-sm);width:22px;height:22px;color:hsl(var(--chip-hue), 60%, 65%);background:hsla(var(--chip-hue), 60%, 50%, .12);justify-content:center;align-items:center;display:flex}.svl-card__body--minimal{padding-top:var(--space-1)}.svl-card__footer--minimal{padding:var(--space-2) var(--space-3) var(--space-3);justify-content:flex-end;align-items:center;margin-top:auto;display:flex}.svl-card__preview-icon-only{border-radius:var(--radius-md);border:1px solid var(--color-border-default);width:28px;height:28px;color:var(--color-text-secondary);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);background:0 0;justify-content:center;align-items:center;display:flex}.svl-card__preview-icon-only:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary);background:var(--color-accent-tint)}.svl-card__thumb{flex-shrink:0;justify-content:flex-end;align-items:flex-start;width:100%;height:140px;display:flex;position:relative}.svl-card__thumb-type{border-radius:var(--radius-sm);width:22px;height:22px;margin:var(--space-2);color:hsl(var(--chip-hue), 60%, 80%);background:hsla(var(--chip-hue), 60%, 20%, .6);justify-content:center;align-items:center;display:flex}.svl-card__overflow--on-thumb{border-radius:var(--radius-sm);color:#ffffffd9;cursor:pointer;width:22px;height:22px;top:var(--space-2);right:var(--space-2);transition:background var(--duration-fast) var(--ease-out);background:#00000059;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.svl-card__overflow--on-thumb:hover{color:#fff;background:#0009}.svl-card__body--thumb{gap:var(--space-2);padding:var(--space-2) var(--space-3) var(--space-3);flex-direction:column;flex:1;display:flex}.svl-card__thumb-footer{justify-content:space-between;align-items:center;gap:var(--space-2);margin-top:auto;display:flex}.svl-card__preview-btn--sm{padding:2px var(--space-2)}.svl-card--landscape{flex-direction:row;align-items:stretch;width:100%;max-width:440px;display:flex}.svl-card__landscape-thumb{color:#fff9;flex-shrink:0;justify-content:center;align-items:center;width:80px;display:flex}.svl-card__landscape-body{gap:var(--space-2);padding:var(--space-3) var(--space-3);flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.svl-card__name--landscape{white-space:nowrap;text-overflow:ellipsis;-webkit-line-clamp:unset;overflow:hidden}.svl-card__landscape-meta{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.svl-card__landscape-type{font-size:var(--text-xs);color:hsl(var(--chip-hue), 60%, 65%);font-weight:500}.svl-card__landscape-actions{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3);border-left:1px solid var(--color-border-subtle);flex-direction:column;flex-shrink:0;display:flex}.svl-card-variants-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.svl-card-variant{gap:var(--space-3);flex-direction:column;display:flex}.svl-card-variant--landscape{grid-column:1/-1}.svl-card-variant__heading{gap:var(--space-1);flex-direction:column;display:flex}.svl-card-variant__label{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:600}.svl-card-variant__desc{font-size:var(--text-xs);color:var(--color-text-muted);margin:0}.svl-card-variant__demo{align-items:flex-start;display:flex}.svl-card-variant__demo--landscape{align-items:flex-start}.pdl-page{background:var(--color-surface-primary);height:100%;color:var(--color-text-primary);font-family:var(--font-sans);flex-direction:column;display:flex;overflow:hidden}.pdl-page__header{align-items:center;gap:var(--space-3);height:3rem;padding:0 var(--space-6);background:var(--color-surface-elevated);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0;display:flex}.pdl-page__back{font-size:var(--text-sm);color:var(--color-text-secondary);transition:color var(--duration-fast) var(--ease-out);text-decoration:none}.pdl-page__back:hover{color:var(--color-text-primary)}.pdl-page__header-divider{background:var(--color-border-default);width:1px;height:1.25rem}.pdl-page__title{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:600}.pdl-page__subtitle{font-size:var(--text-xs);color:var(--color-text-muted);margin-left:var(--space-1)}.pdl-page__body{padding:var(--space-8);gap:var(--space-10);flex-direction:column;flex:1;display:flex;overflow-y:auto}.pdl-section{gap:var(--space-6);flex-direction:column;display:flex}.pdl-section--intro{gap:var(--space-5)}.pdl-section__heading{gap:var(--space-1);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-subtle);flex-direction:column;display:flex}.pdl-section__label{font-size:var(--text-lg);color:var(--color-text-primary);letter-spacing:var(--text-heading-sm-tracking);margin:0;font-weight:600}.pdl-section__description{font-size:var(--text-sm);color:var(--color-text-muted);max-width:80ch;margin:0}.pdl-preview-stage{border:1px solid var(--color-border-default);border-radius:var(--radius-lg);height:600px;box-shadow:var(--shadow-card);position:relative;overflow:hidden}.pdl-canvas-dot-grid{pointer-events:none;background-image:radial-gradient(circle, var(--color-canvas-dot) 1px, transparent 1px);background-size:20px 20px;position:absolute;inset:0}.pdl-status-pill{padding:2px var(--space-2);border-radius:var(--radius-full);background:var(--color-surface-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border-subtle);white-space:nowrap;flex-shrink:0;align-items:center;gap:5px;font-size:10px;font-weight:600;display:inline-flex}.pdl-status-pill__dot{background:var(--color-text-muted);border-radius:50%;flex-shrink:0;width:6px;height:6px}.pdl-status-pill[data-status=authored] .pdl-status-pill__dot{background:#60a5fa}.pdl-status-pill[data-status=published] .pdl-status-pill__dot{background:#4ade80}.pdl-status-pill[data-status=briefed] .pdl-status-pill__dot{background:var(--color-text-muted)}.pdl-copy-btn{border-radius:var(--radius-sm);border:1px solid var(--color-border-subtle);width:18px;height:18px;color:var(--color-text-muted);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.pdl-copy-btn:hover{background:var(--color-surface-hover);color:var(--color-text-secondary)}.pdl-mkt-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.pdl-mkt-chip{min-width:36px;padding:3px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);border:1px solid var(--color-border-default);color:var(--color-text-secondary);background:0 0;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.pdl-mkt-chip--readonly{cursor:default}.pdl-mkt-chip--adopted{background:var(--color-accent-tint);border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.pdl-preview-content{flex-direction:column;gap:0;display:flex}.pdl-preview-block{flex-shrink:0}.pdl-preview-block--hero{height:280px;position:relative;overflow:hidden}.pdl-preview-block__hero-overlay{padding:var(--space-4);align-items:flex-end;display:flex;position:absolute;inset:0}.pdl-preview-block__logo-placeholder{border-radius:var(--radius-sm);background:#fff3;width:80px;height:24px}.pdl-preview-block--text{padding:var(--space-4);gap:var(--space-3);background:var(--color-surface-primary);flex-direction:column;display:flex}.pdl-preview-skeleton{border-radius:var(--radius-sm);background:var(--color-surface-hover);height:14px}.pdl-preview-skeleton--headline{width:75%;height:24px}.pdl-preview-skeleton--subheading{width:55%;height:18px}.pdl-preview-skeleton--body{width:100%;height:13px}.pdl-preview-skeleton--short{width:60%}.pdl-preview-skeleton--cta{border-radius:var(--radius-md);width:120px;height:36px}.pdl-preview-block--secondary-img{height:180px;padding:var(--space-3);align-items:flex-end;display:flex}.pdl-preview-block__label{font-size:var(--text-xs);color:#fff6}.pdl-preview-block--products{gap:var(--space-2);padding:var(--space-4);background:var(--color-surface-primary);display:flex}.pdl-preview-product{border-radius:var(--radius-md);flex:1;height:140px}.pdl-tray-shell{height:100%;display:flex;position:relative;overflow:hidden}.pdl-tray-canvas{background:var(--color-surface-primary);flex:1;min-width:0;position:relative;overflow:hidden}.pdl-tray-canvas--gutter{padding-right:20px}.pdl-canvas-edges{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.pdl-canvas-card{border-radius:var(--radius-md);border:1px solid var(--color-border-default);background:var(--color-surface-elevated);cursor:pointer;width:120px;box-shadow:var(--shadow-card);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);text-align:left;flex-direction:column;display:flex;position:absolute;overflow:hidden}.pdl-canvas-card:hover{border-color:var(--color-accent-primary);box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.pdl-canvas-card--selected{border-color:var(--color-accent-primary);box-shadow:var(--shadow-card-selected)}.pdl-canvas-card__hero{flex-shrink:0;height:80px}.pdl-canvas-card__meta{padding:var(--space-2) var(--space-2) var(--space-2);flex-direction:column;gap:2px;display:flex}.pdl-canvas-card__name{color:var(--color-text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.pdl-canvas-card__type{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.pdl-stage__tab{z-index:10;background:color-mix(in srgb, var(--color-surface-secondary) 80%, transparent);-webkit-backdrop-filter:blur(8px);border:1px solid var(--color-border-subtle);width:20px;height:48px;color:var(--color-text-muted);font-size:var(--text-xs);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;padding:0;line-height:1;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.pdl-stage__tab:hover{background:color-mix(in srgb, var(--color-surface-secondary) 95%, transparent);color:var(--color-text-primary);border-color:var(--color-border-default)}.pdl-stage__tab--right{border-radius:var(--radius-sm) 0 0 var(--radius-sm);border-right:none;right:0}.pdl-tray{background:var(--color-surface-elevated);border-left:1px solid var(--color-border-default);pointer-events:auto;flex-direction:column;flex-shrink:0;transition:width .2s ease-out;display:flex;position:relative;overflow:hidden}.pdl-tray--collapsed{pointer-events:none;width:0!important;min-width:0!important}.pdl-tray__inner{flex-direction:column;height:100%;display:flex}.pdl-resize{cursor:col-resize;z-index:10;justify-content:center;align-items:center;width:16px;height:64px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.pdl-resize:after{content:"";background:#fff3;border-radius:3px;width:5px;height:48px;transition:background .15s ease-out,height .15s ease-out}.pdl-resize:hover:after,.pdl-resize:active:after{background:var(--color-accent-primary);height:64px}.pdl-resize--left{left:0}.pdl-tray__header{align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4) var(--space-3) 20px;border-bottom:1px solid var(--color-border-subtle);flex-shrink:0;min-height:72px;display:flex}.pdl-tray__close{border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);width:26px;height:26px;color:var(--color-text-muted);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.pdl-tray__close:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.pdl-tray__header-meta{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.pdl-tray__header-line1{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.pdl-tray__template-type{font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:500}.pdl-tray__header-dot{font-size:var(--text-xs);color:var(--color-text-muted)}.pdl-tray__name{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:700;line-height:var(--leading-tight);margin:0}.pdl-tray__header-line3{align-items:center;gap:var(--space-1);display:flex}.pdl-tray__phase-version{font-size:var(--text-xs);color:var(--color-text-muted)}.pdl-tray__empty-hint{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1);font-style:italic}.pdl-tray__open-editor{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);color:var(--color-text-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;transition:border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);background:0 0;flex-shrink:0;align-items:center;gap:5px;margin-top:2px;font-weight:500;display:inline-flex}.pdl-tray__open-editor:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary);background:var(--color-accent-tint)}.pdl-tray__body{min-height:0;padding-left:20px;padding-right:var(--space-4);flex:1;overflow-y:auto}.pdl-tray__body-empty{height:100%;padding:var(--space-8);justify-content:center;align-items:center;display:flex}.pdl-tray__body-empty span{font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;font-style:italic}.pdl-tray__footer{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4) var(--space-3) 20px;border-top:1px solid var(--color-border-subtle);background:var(--color-surface-elevated);flex-wrap:wrap;flex-shrink:0;min-height:52px;display:flex}.pdl-tray__footer-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;font-weight:600}.pdl-tray__footer-empty{font-size:var(--text-xs);color:var(--color-text-muted)}.pdl-notes-grid{gap:var(--space-5);grid-template-columns:repeat(3,1fr);align-items:start;display:grid}.pdl-notes-grid--single{grid-template-columns:1fr}.pdl-note{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface-secondary);transition:border-color var(--duration-fast) var(--ease-out);flex-direction:column;display:flex}.pdl-note--active{border-color:var(--color-accent-primary);background:var(--color-accent-tint)}.pdl-note__label{font-size:var(--text-sm);color:var(--color-text-primary);margin:0;font-weight:700}.pdl-note__block{gap:var(--space-1);flex-direction:column;display:flex}.pdl-note__block-heading{font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.pdl-note__text{font-size:var(--text-xs);color:var(--color-text-muted);line-height:var(--leading-relaxed);margin:0}.pdl-section--subsection{padding-left:var(--space-4);border-left:2px solid var(--color-border-subtle);gap:var(--space-4)}.pdl-subsection__heading{gap:var(--space-1);flex-direction:column;display:flex}.pdl-subsection__label{font-size:var(--text-base);color:var(--color-text-primary);margin:0;font-weight:700}.pdl-variants-row{gap:var(--space-6);align-items:start;display:grid}.pdl-variants-row--1{grid-template-columns:minmax(0,480px);justify-content:center}.pdl-variants-row--2{grid-template-columns:repeat(2,1fr)}.pdl-variants-row--3{grid-template-columns:repeat(3,1fr)}.pdl-variant-col{gap:var(--space-3);flex-direction:column;display:flex}.pdl-variant-label{font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.pdl-rationale{font-size:var(--text-xs);color:var(--color-text-muted);line-height:var(--leading-relaxed);max-width:90ch;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-secondary);margin:0}.pdl-rationale strong{color:var(--color-text-secondary)}.pdl-team-chip{padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);background:var(--color-surface-tertiary);border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);white-space:nowrap;align-items:center;font-weight:500;display:inline-flex}.pdl-qa1-tray{border:1px solid var(--color-border-default);border-radius:var(--radius-lg);background:var(--color-surface-elevated);box-shadow:var(--shadow-card);flex-direction:column;width:100%;max-width:360px;display:flex;overflow:hidden}.pdl-qa1-tray__header{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle);flex-direction:column;flex-shrink:0;display:flex}.pdl-qa1-tray__header-meta{flex-direction:column;gap:3px;display:flex}.pdl-qa1-tray__name{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:700;line-height:var(--leading-tight);margin:0}.pdl-qa1-tray__header-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.pdl-qa1-btn--sm{padding:2px var(--space-2);font-size:10px}.pdl-qa1-global-badge{font-size:var(--text-xs);color:var(--color-text-muted);background:var(--color-surface-tertiary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);padding:1px var(--space-2);font-weight:600}.pdl-qa1-adopt-btn{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);flex-shrink:0;align-items:center;gap:5px;font-weight:500;display:inline-flex}.pdl-qa1-adopt-btn--filled{background:var(--color-accent-primary);color:var(--color-accent-contrast);border:1px solid #0000}.pdl-qa1-adopt-btn--filled:hover{background:var(--color-accent-hover);border-color:#0000}.pdl-qa1-adopt-btn--outline{color:var(--color-text-secondary);border:1px solid var(--color-border-default);background:0 0}.pdl-qa1-adopt-btn--outline:hover{background:var(--color-surface-hover);border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.pdl-qa1-tray__body{flex-direction:column;flex:1;display:flex}.pdl-qa1-tray__body-hero{flex-shrink:0;height:120px}.pdl-qa1-tray__body-skeletons{gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-surface-primary);flex-direction:column;display:flex}.pdl-qa1-tray__footer{border-top:1px solid var(--color-border-subtle);padding:var(--space-2) var(--space-4);background:var(--color-surface-elevated);flex-shrink:0}.pdl-qa1-tray__roster{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.pdl-qa1-tray__footer-row{align-items:flex-start;gap:var(--space-3);flex-wrap:wrap;display:flex}.pdl-qa1-team-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.pdl-qa2-strip{align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-elevated);box-shadow:var(--shadow-card);display:flex}.pdl-qa2-chips-wrap{gap:var(--space-2);flex-wrap:wrap;display:flex}.pdl-jcard-stack{gap:var(--space-4);flex-direction:column;display:flex}.pdl-jcard-pair{gap:var(--space-3);display:flex}.pdl-jcard-pair__col{gap:var(--space-1);flex-direction:column;flex:1;display:flex}.pdl-variant-card-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:600}.pdl-jcard{border-radius:var(--radius-md);border:1px solid var(--color-border-default);background:var(--color-surface-elevated);box-shadow:var(--shadow-card);transition:box-shadow var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);cursor:default;flex-direction:column;display:flex;overflow:hidden}.pdl-jcard:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.pdl-jcard--flat{border-color:var(--color-border-subtle)}.pdl-jcard__hero{flex-shrink:0;height:90px}.pdl-jcard__body{padding:var(--space-2) var(--space-2) var(--space-2);background:var(--color-surface-primary);flex-direction:column;gap:3px;display:flex}.pdl-jcard__name{color:var(--color-text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.pdl-jcard__sub{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.pdl-jcard__meta-line{align-items:center;gap:var(--space-1);flex-wrap:wrap;margin-top:2px;display:flex}.pdl-adopted-badge{padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);background:var(--color-accent-tint);border:1px solid var(--color-accent-primary);color:var(--color-accent-primary);white-space:nowrap;align-items:center;font-weight:600;display:inline-flex}.jvl-page{background:var(--color-surface-primary);height:100%;color:var(--color-text-primary);font-family:var(--font-sans);flex-direction:column;display:flex;overflow:hidden}.jvl-page__header{align-items:center;gap:var(--space-3);height:3rem;padding:0 var(--space-6);background:var(--color-surface-elevated);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0;display:flex}.jvl-page__back{font-size:var(--text-sm);color:var(--color-text-secondary);transition:color var(--duration-fast) var(--ease-out);text-decoration:none}.jvl-page__back:hover{color:var(--color-text-primary)}.jvl-page__header-divider{background:var(--color-border-default);width:1px;height:1.25rem}.jvl-page__title{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:600}.jvl-page__subtitle{font-size:var(--text-xs);color:var(--color-text-muted);margin-left:var(--space-1)}.jvl-page__body{padding:var(--space-8);gap:var(--space-10);flex-direction:column;flex:1;display:flex;overflow-y:auto}.jvl-section{gap:var(--space-6);flex-direction:column;display:flex}.jvl-section--intro{gap:var(--space-5)}.jvl-section__heading{gap:var(--space-1);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-subtle);flex-direction:column;display:flex}.jvl-section__label{font-size:var(--text-lg);color:var(--color-text-primary);letter-spacing:var(--text-heading-sm-tracking);margin:0;font-weight:600}.jvl-section__description{font-size:var(--text-sm);color:var(--color-text-muted);max-width:80ch;margin:0}.jvl-controls-row{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.jvl-segmented{border-radius:var(--radius-md);border:1px solid var(--color-border-default);background:var(--color-surface-tertiary);display:flex;overflow:hidden}.jvl-segmented__btn{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);color:var(--color-text-secondary);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:none;font-weight:500}.jvl-segmented__btn:hover{color:var(--color-text-primary);background:var(--color-surface-hover)}.jvl-segmented__btn--active{background:var(--color-surface-elevated);color:var(--color-text-primary);font-weight:600;box-shadow:0 1px 3px #00000026}.jvl-preview-stage{border:1px solid var(--color-border-default);border-radius:var(--radius-lg);height:70vh;min-height:520px;max-height:800px;box-shadow:var(--shadow-card);position:relative;overflow:hidden}.jvl-chrome{height:44px;padding:0 var(--space-4);background:var(--color-surface-elevated);border-bottom:1px solid var(--color-border-subtle);align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.jvl-chrome__left{align-items:center;gap:var(--space-2);flex:1;min-width:0;display:flex}.jvl-chrome__back-link{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-secondary);padding:2px var(--space-2);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);background:0 0;border:none;flex-shrink:0;text-decoration:none;display:inline-flex}.jvl-chrome__back-link:hover{color:var(--color-text-primary);background:var(--color-surface-hover)}.jvl-chrome__divider{background:var(--color-border-default);flex-shrink:0;width:1px;height:14px}.jvl-chrome__campaign-name{font-size:var(--text-sm);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-weight:600;overflow:hidden}.jvl-chrome__right{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.jvl-chrome__segmented{border-radius:var(--radius-md);border:1px solid var(--color-border-default);background:var(--color-surface-tertiary);display:flex;overflow:hidden}.jvl-chrome__segmented-btn{padding:3px var(--space-3);font-size:var(--text-xs);color:var(--color-text-secondary);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:none;font-weight:500}.jvl-chrome__segmented-btn:hover{color:var(--color-text-primary);background:var(--color-surface-hover)}.jvl-chrome__segmented-btn--active{background:var(--color-surface-elevated);color:var(--color-text-primary);font-weight:600;box-shadow:0 1px 3px #00000026}.jvl-phase-bar{height:36px;padding:0 var(--space-4);border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface-primary);flex-shrink:0;align-items:center;gap:0;display:flex;overflow-x:auto}.jvl-phase-tab{padding:0 var(--space-4);height:100%;font-size:var(--text-xs);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;transition:color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;font-weight:500;display:inline-flex}.jvl-phase-tab:hover{color:var(--color-text-primary)}.jvl-phase-tab--active{color:var(--color-text-primary);border-bottom-color:var(--color-accent-primary);font-weight:600}.jvl-canvas-area{background:var(--color-surface-primary);flex:1;min-height:0;position:relative;overflow:hidden}.jvl-canvas-area .react-flow__background{background:0 0}.jvl-node{border-radius:var(--radius-lg);background:var(--color-surface-elevated);border:1px solid var(--color-border-default);width:300px;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);cursor:pointer;position:relative;overflow:visible;box-shadow:0 2px 8px #00000047}.jvl-node:hover{border-color:var(--color-accent-primary);box-shadow:0 4px 16px #0000005c}.jvl-node__hero{border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:200px;position:relative;overflow:hidden}.jvl-status-pill{top:var(--space-2);left:var(--space-2);z-index:2;border-radius:var(--radius-full);letter-spacing:.04em;pointer-events:none;padding:2px 7px;font-size:10px;font-weight:700;position:absolute}.jvl-status-pill--briefed{background:var(--color-surface-tertiary,#ffffff1f);color:var(--color-text-muted,#ffffff80);border:1px solid var(--color-border-default,#ffffff26)}.jvl-status-pill--authored{background:var(--color-info-tint,#3b82f626);color:var(--color-info,#60a5fa);border:1px solid var(--color-info-border,#3b82f64d)}.jvl-status-pill--ready{background:var(--color-warning-tint,#f59e0b26);color:var(--color-warning,#fbbf24);border:1px solid var(--color-warning-border,#f59e0b4d)}.jvl-status-pill--live{background:var(--color-success-tint,#22c55e26);color:var(--color-success,#4ade80);border:1px solid var(--color-success-border,#22c55e4d)}.jvl-node__body{padding:var(--space-3) var(--space-3) var(--space-2);gap:var(--space-1);flex-direction:column;display:flex}.jvl-node__title{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:600;line-height:var(--leading-tight);overflow-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.jvl-node__meta{align-items:center;gap:var(--space-1);flex-wrap:wrap;display:flex}.jvl-node__template{color:var(--color-text-muted);font-size:10px}.jvl-node__version{color:var(--color-text-muted);background:var(--color-surface-tertiary);border-radius:var(--radius-full);padding:0 5px;font-size:10px}.jvl-node__adoption{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3) var(--space-3);border-top:1px solid var(--color-border-subtle);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.jvl-node__adoption-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;margin-right:2px;font-size:9px;font-weight:600}.jvl-node__adoption-none{color:var(--color-text-muted);font-size:9px;font-style:italic}.jvl-mkt-chip{border-radius:var(--radius-full);letter-spacing:.03em;border:1px solid var(--color-border-default);color:var(--color-text-muted);background:0 0;align-items:center;padding:1px 5px;font-size:9px;font-weight:700;display:inline-flex}.jvl-mkt-chip--adopted{background:var(--color-accent-tint);border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.jvl-kebab{top:var(--space-2);right:var(--space-2);z-index:3;position:absolute}.jvl-kebab__trigger{border-radius:var(--radius-sm);color:#fffc;cursor:pointer;width:24px;height:24px;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:#00000059;border:none;justify-content:center;align-items:center;display:flex}.jvl-kebab__trigger:hover{color:#fff;background:#0000008c}.jvl-kebab__backdrop{z-index:40;position:fixed;inset:0}.jvl-kebab__popover{top:calc(100% + var(--space-1));z-index:50;background:var(--color-surface-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-md);min-width:190px;padding:var(--space-1) 0;flex-direction:column;display:flex;position:absolute;right:0;box-shadow:0 4px 16px #0006}.jvl-kebab__item{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);color:var(--color-text-primary);cursor:pointer;text-align:left;transition:background var(--duration-fast) var(--ease-out);background:0 0;border:none;flex-direction:column;gap:1px;display:flex}.jvl-kebab__item:hover:not(:disabled){background:var(--color-surface-hover)}.jvl-kebab__item--disabled{color:var(--color-text-muted);cursor:not-allowed}.jvl-kebab__item-sub{color:var(--color-text-muted);font-size:9px;font-weight:400}.jvl-kebab__divider{background:var(--color-border-subtle);height:1px;margin:var(--space-1) 0}.jvl-broken-edge-label{background:var(--color-surface-elevated);border:1px solid var(--color-status-warning,#f59e0b);border-radius:var(--radius-sm);padding:3px var(--space-2);color:var(--color-status-warning,#fbbf24);white-space:nowrap;pointer-events:none;align-items:center;gap:4px;font-size:10px;font-weight:600;display:inline-flex;box-shadow:0 2px 8px #0000004d}.jvl-broken-edge-label__icon{color:var(--color-status-warning,#f59e0b);flex-shrink:0}.jvl-canvas-controls{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#141414b3;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;display:flex;position:absolute;bottom:12px;left:12px}.jvl-canvas-controls__zoom{color:#ffffffb3;text-align:right;min-width:36px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.jvl-canvas-controls__reset{color:#ffffffd9;cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:4px;padding:3px 8px;font-size:12px}.jvl-canvas-controls__reset:hover{background:#ffffff1a;border-color:#fff6}.jvl-stripped-notice{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-surface-tertiary);border-bottom:1px solid var(--color-border-subtle);font-size:var(--text-xs);color:var(--color-text-secondary);flex-shrink:0;display:flex}.jvl-stripped-notice__icon{opacity:.7;flex-shrink:0}.jvl-notes-grid{gap:var(--space-5);grid-template-columns:repeat(3,1fr);align-items:start;display:grid}.jvl-notes-grid--2col{grid-template-columns:repeat(2,1fr)}@media (width<=900px){.jvl-notes-grid,.jvl-notes-grid--2col{grid-template-columns:1fr}}.jvl-note{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface-secondary);transition:border-color var(--duration-fast) var(--ease-out);flex-direction:column;display:flex}.jvl-note--active{border-color:var(--color-accent-primary);background:var(--color-accent-tint)}.jvl-note__label{font-size:var(--text-sm);color:var(--color-text-primary);margin:0;font-weight:700}.jvl-note__block{gap:var(--space-1);flex-direction:column;display:flex}.jvl-note__block-heading{font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.jvl-note__text{font-size:var(--text-xs);color:var(--color-text-muted);line-height:var(--leading-relaxed);margin:0}.campaigns-page{flex-direction:column;flex:1;min-height:0;display:flex}.campaigns-page__header{justify-content:space-between;align-items:center;gap:var(--space-4);padding:0 var(--space-4);height:var(--content-nav-height);border-bottom:1px solid var(--color-border-default);background:var(--color-surface-secondary);flex-shrink:0;display:flex}.campaigns-page__title{font-size:var(--text-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.campaigns-page__create-btn{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--text-label-weight);border-radius:var(--radius-md);background:var(--color-accent-primary);color:var(--color-accent-contrast);cursor:pointer;transition:background var(--duration-fast) var(--ease-out);border:none;flex-shrink:0;font-family:inherit}.campaigns-page__create-btn:hover{background:var(--color-accent-hover)}.campaigns-page__visibility-pills-hint{font-size:var(--text-xs);color:var(--color-text-secondary);font-style:italic}.campaigns-page__controls{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0;display:flex}.campaigns-page__search-wrap{flex:1;min-width:0;position:relative}.campaigns-page__search{box-sizing:border-box;border-radius:var(--radius-md);border:1px solid var(--color-border-default);background:var(--color-surface-primary);width:100%;font-size:var(--text-sm);color:var(--color-text-primary);padding:.375rem .75rem;font-family:inherit}.campaigns-page__search--with-clear{padding-right:2.25rem}.campaigns-page__search-clear{background:color-mix(in srgb, var(--color-text-secondary) 12%, transparent);width:1.5rem;height:1.5rem;color:var(--color-text-secondary);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-family:inherit;display:flex;position:absolute;top:50%;right:.375rem;transform:translateY(-50%)}.campaigns-page__search-clear:hover{background:color-mix(in srgb, var(--color-text-secondary) 20%, transparent);color:var(--color-text-primary)}.campaigns-page__search-clear:focus{outline:none}.campaigns-page__search-clear:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.campaigns-page__search:focus{border-color:var(--color-border-focus);outline:none}.campaigns-page__search::placeholder{color:var(--color-text-secondary)}.campaigns-page__sort{border-radius:var(--radius-md);border:1px solid var(--color-border-default);background:var(--color-surface-primary);padding:var(--space-2) 2.5rem var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-primary);appearance:none;cursor:pointer;font-family:inherit}.campaigns-page__sort:focus{border-color:var(--color-border-focus);outline:none}.campaigns-page__filters{align-items:center;gap:var(--space-3);flex:1;justify-content:flex-start;min-width:0;display:flex}.campaigns-page__filter-select{border-radius:var(--radius-md);border:1px solid var(--color-border-default);background:var(--color-surface-primary);font-size:var(--text-sm);color:var(--color-text-primary);appearance:none;cursor:pointer;padding:.375rem 2.5rem .375rem .75rem;font-family:inherit}.campaigns-page__filter-select:focus{border-color:var(--color-border-focus);outline:none}.campaigns-page__body{min-height:0;padding:var(--space-4);flex:1;overflow-y:auto}.campaigns-page__error-banner{margin-bottom:var(--space-4);border-radius:var(--radius-md);background:var(--color-error-subtle);border:1px solid var(--color-error);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-error);justify-content:space-between;align-items:flex-start;gap:var(--space-2);display:flex}.campaigns-page__error-dismiss{color:var(--color-error);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:1rem;line-height:1}.campaigns-page__list{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.campaign-card{border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);aspect-ratio:4/5;transition:box-shadow var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);cursor:pointer;position:relative;overflow:hidden}.campaign-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-card-hover)}.campaign-card__hero{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.campaign-card__initials{color:#ffffff40;letter-spacing:-.02em;-webkit-user-select:none;user-select:none;pointer-events:none;font-size:4rem;font-weight:700;line-height:1}.campaign-card__scrim{z-index:1;padding:var(--space-3) var(--space-4) var(--space-4);justify-content:flex-end;gap:var(--space-2);flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0}.campaign-card__scrim:before{content:"";-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;background:linear-gradient(#0000 0%,#0000001a 15%,#00000059 35%,#0009 55%,#000000b3 75%,#000000bf 100%);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 20%);mask-image:linear-gradient(#0000 0%,#000 20%)}.campaign-card__name{font-size:var(--text-base);color:#fff;font-weight:600;line-height:var(--leading-tight);text-shadow:0 1px 3px #0006;margin:0;position:relative}.campaign-card__chips{gap:var(--space-2);flex-wrap:wrap;display:flex;position:relative}.campaign-card__chip{padding:1px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-items:center;font-weight:500;line-height:1.6;display:inline-flex}.campaign-card__chip--team{color:#ffffffe6;background:#ffffff26;border:1px solid #fff3}.campaign-card__chip--owned{color:var(--color-accent-primary);background:#ffffff26;border:1px solid #fff3}.campaign-card__chip--adopted{color:var(--color-success);background:#ffffff26;border:1px solid #fff3}.campaign-card__chip--partial{color:var(--color-warning);background:#ffffff26;border:1px solid #fff3}.campaign-card__chip--not-adopted{color:var(--color-accent-tertiary);background:#ffffff26;border:1px solid #fff3}.campaign-card__band{gap:var(--space-1);padding-top:var(--space-2);margin-top:var(--space-1);border-top:1px solid #ffffff26;flex-direction:column;display:flex;position:relative}.campaign-card__band-date{font-size:var(--text-xs);color:#ffffffb3;line-height:1.4}.campaign-card__band-scope{color:#fff9;font-size:.6875rem;font-weight:400;line-height:1.4}.campaigns-empty-state{justify-content:center;align-items:center;gap:var(--space-4);padding:5rem var(--space-4);text-align:center;flex-direction:column;display:flex}.campaigns-empty-state__copy{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.campaigns-empty-state__btn{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--text-label-weight);border-radius:var(--radius-md);background:var(--color-accent-primary);color:var(--color-accent-contrast);cursor:pointer;transition:background var(--duration-fast) var(--ease-out);border:none;font-family:inherit}.campaigns-empty-state__btn:hover{background:var(--color-accent-hover)}.campaigns-loading-state__card{background:var(--color-surface-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);overflow:hidden}.campaigns-loading-state__card-hero{width:100%}.campaigns-loading-state__card-meta{gap:var(--space-2);padding:var(--space-3) var(--space-4) var(--space-4);flex-direction:column;display:flex}.campaigns-filter-empty{justify-content:center;align-items:center;gap:var(--space-3);padding:5rem var(--space-4);text-align:center;flex-direction:column;display:flex}.campaigns-filter-empty__copy{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.campaigns-filter-empty__reset{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--text-label-weight);border-radius:var(--radius-md);border:1px solid var(--color-border-default);background:var(--color-surface-primary);color:var(--color-text-primary);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);font-family:inherit}.campaigns-filter-empty__reset:hover{background:var(--color-interactive-hover);border-color:var(--color-border-default)}.ce-dialog{border-radius:var(--radius-lg);border:1px solid var(--color-border-default);background:var(--color-surface-primary);padding:var(--space-6);box-shadow:var(--shadow-lg);width:100%;max-width:28rem;margin:auto}.ce-dialog::backdrop{background:color-mix(in srgb, var(--color-surface-primary) 40%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ce-dialog-title{font-size:var(--text-lg);font-weight:var(--text-heading-sm-weight);color:var(--color-text-primary);margin:0 0 var(--space-4)}.ce-dialog-field{margin-bottom:var(--space-4)}.ce-dialog-label{font-size:var(--text-sm);font-weight:var(--text-label-weight);color:var(--color-text-primary);margin-bottom:var(--space-1);display:block}.ce-dialog-input{border-radius:var(--radius-md);border:1px solid var(--color-border-default);background:var(--color-surface-primary);width:100%;font-size:var(--text-sm);color:var(--color-text-primary);box-sizing:border-box;padding:.375rem .75rem;font-family:inherit}.ce-dialog-input:focus{border-color:var(--color-border-focus);outline:none}.ce-dialog-input::placeholder{color:var(--color-text-secondary)}.ce-dialog-loading{font-size:var(--text-sm);color:var(--color-text-secondary);padding:var(--space-2) 0}.ce-dialog-error{margin-bottom:var(--space-4);border-radius:var(--radius-md);background:var(--color-error-subtle);border:1px solid var(--color-error);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-error)}.ce-dialog-actions{justify-content:flex-end;gap:var(--space-3);display:flex}.ce-dialog-cancel-btn{padding:var(--space-1) var(--space-4);font-size:var(--text-sm);font-weight:var(--text-label-weight);border-radius:var(--radius-md);border:1px solid var(--color-border-default);background:var(--color-surface-primary);color:var(--color-text-primary);cursor:pointer;transition:background var(--duration-fast) var(--ease-out);font-family:inherit}.ce-dialog-cancel-btn:hover{background:var(--color-surface-elevated)}.ce-dialog-confirm-btn{padding:var(--space-1) var(--space-4);font-size:var(--text-sm);font-weight:var(--text-label-weight);border-radius:var(--radius-md);background:var(--color-accent-primary);color:var(--color-accent-contrast);cursor:pointer;transition:background var(--duration-fast) var(--ease-out);border:none;font-family:inherit}.ce-dialog-confirm-btn:hover:not(:disabled){background:var(--color-accent-hover)}.ce-dialog-confirm-btn:disabled{opacity:.5;cursor:not-allowed}.ce-dialog-delete-btn{padding:var(--space-1) var(--space-4);font-size:var(--text-sm);font-weight:var(--text-label-weight);border-radius:var(--radius-md);background:var(--color-error);color:var(--color-error-text);cursor:pointer;transition:background var(--duration-fast) var(--ease-out);border:none;font-family:inherit}.ce-dialog-delete-btn:hover:not(:disabled){background:var(--color-error-hover)}.ce-dialog-delete-btn:disabled{opacity:.5;cursor:not-allowed}.ce-dialog-message{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 var(--space-6)}.request-access-modal__fieldset{margin:0 0 var(--space-4);border:none;padding:0}.request-access-modal__radio{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-primary);padding:var(--space-1) 0;cursor:pointer;display:flex}.request-access-modal__team-list{gap:var(--space-1);max-height:12rem;padding:var(--space-2);border:1px solid var(--color-border-default);border-radius:var(--radius-md);flex-direction:column;display:flex;overflow-y:auto}.request-access-modal__checkbox{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-primary);padding:var(--space-1) 0;cursor:pointer;display:flex}.campaign-detail-page{flex-direction:column;height:100%;display:flex;overflow:hidden}.campaign-detail-page__error{padding:var(--spacing-xl,2rem);justify-content:center;align-items:center;gap:var(--spacing-md,1rem);color:var(--color-text-primary);flex-direction:column;display:flex}.campaign-detail-page__error a{color:var(--color-interactive-primary,#0076e4);text-decoration:none}.campaign-detail-page__error a:hover{text-decoration:underline}.campaign-detail-page__error-banner{margin:var(--space-3) var(--space-4) 0 var(--space-4);border-radius:var(--radius-md);background:var(--color-error-subtle);border:1px solid var(--color-error);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-error);justify-content:space-between;align-items:flex-start;gap:var(--space-2);display:flex}.campaign-detail-page__error-banner-dismiss{color:var(--color-error);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:1rem;line-height:1}.campaign-detail-page__skeleton{gap:var(--spacing-md,1rem);padding:var(--spacing-lg,1.5rem);flex-direction:column;display:flex}.campaign-detail-page__skeleton-header{align-items:center;gap:var(--spacing-md,1rem);display:flex}.campaign-detail-page__skeleton-tabs{gap:var(--spacing-sm,.5rem);display:flex}.campaign-detail-page__view-placeholder{height:100%;min-height:200px;color:var(--color-text-secondary);justify-content:center;align-items:center;font-size:.875rem;display:flex}.campaign-detail-page__canvas-row{flex-direction:row;flex:1;min-height:0;display:flex;overflow:hidden}.campaign-detail-page__canvas{flex:1;min-width:0;position:relative;overflow:hidden}.campaign-detail-page__toolbar-row{padding:var(--space-2) var(--space-4);flex-shrink:0;justify-content:flex-end;display:flex}.campaign-detail-page__create-execution-btn{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--text-label-weight);border-radius:var(--radius-md);background:var(--color-accent-primary);color:var(--color-accent-contrast);cursor:pointer;transition:background var(--duration-fast) var(--ease-out);border:none;flex-shrink:0;font-family:inherit}.campaign-detail-page__create-execution-btn:hover{background:var(--color-accent-hover)}.campaign-detail-page__create-execution-btn:disabled{opacity:.5;cursor:not-allowed}.ce-toast-container{top:var(--space-4);right:var(--space-4);z-index:50;gap:var(--space-2);flex-direction:column;width:100%;max-width:24rem;display:flex;position:fixed}.ce-toast{border-radius:var(--radius-md);border:1px solid var(--color-border-default);background:var(--color-surface-elevated);padding:.75rem var(--space-4);box-shadow:var(--shadow-lg);font-size:var(--text-sm);color:var(--color-text-primary);align-items:center;gap:.75rem;display:flex}.ce-toast-message{flex:1}.ce-toast-dismiss{color:var(--color-text-secondary);cursor:pointer;transition:color var(--duration-fast) var(--ease-out);background:0 0;border:none;padding:0;font-size:.875rem}.ce-toast-dismiss:hover{color:var(--color-text-primary)}.ce-publish-dialog-backdrop{background:color-mix(in srgb, var(--color-surface-primary) 40%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;position:fixed;inset:0}.ce-publish-dialog{z-index:51;background:var(--color-surface-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);padding:var(--space-6);min-width:400px;max-width:90vw;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.ce-publish-dialog-title{font-size:var(--text-xl);font-weight:var(--text-heading-sm-weight);color:var(--color-text-primary);margin:0 0 var(--space-4);line-height:1.4}.ce-publish-dialog-description{font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 var(--space-4);line-height:1.5}.ce-publish-dialog-error{font-size:var(--text-sm);color:var(--color-error);background:color-mix(in srgb, var(--color-error) 10%, transparent);border:1px solid color-mix(in srgb, var(--color-error) 30%, transparent);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);margin:0 0 var(--space-4)}.ce-publish-dialog-actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);display:flex}.ce-publish-dialog-cancel{padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);border:1.5px solid var(--color-border-default);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--text-label-weight);cursor:pointer;transition:background var(--duration-normal) var(--ease-out), border-color var(--duration-normal) var(--ease-out), color var(--duration-normal) var(--ease-out);background:0 0;align-items:center;font-family:inherit;display:inline-flex}.ce-publish-dialog-cancel:hover:not(:disabled){background:var(--color-surface-tertiary);border-color:var(--color-text-muted);color:var(--color-text-primary)}.ce-publish-dialog-cancel:disabled{opacity:.5;cursor:not-allowed}.ce-publish-dialog-confirm{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);border:1.5px solid var(--color-accent-primary);background:var(--color-accent-primary);color:var(--color-accent-contrast);font-size:var(--text-sm);font-weight:var(--text-heading-sm-weight);cursor:pointer;transition:background var(--duration-normal) var(--ease-out), border-color var(--duration-normal) var(--ease-out), opacity var(--duration-normal) var(--ease-out);font-family:inherit;display:inline-flex}.ce-publish-dialog-confirm:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.ce-publish-dialog-confirm:disabled{opacity:.5;cursor:not-allowed}.ce-publish-dialog-spinner{animation:1s linear infinite ce-dialog-spin}@keyframes ce-dialog-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.campaign-distribution-dialog{flex-direction:column;width:min(640px,92vw);max-height:min(80vh,720px);padding:0;display:flex;overflow:hidden}.campaign-distribution-dialog__header{padding:var(--space-6) var(--space-6) 0}.campaign-distribution-dialog__header .ce-publish-dialog-title{margin-bottom:0}.campaign-distribution-dialog__content{padding:var(--space-4) var(--space-6);flex:1;overflow-y:auto}.campaign-distribution-dialog__toolbar{margin-bottom:var(--space-4)}.campaign-distribution-dialog__marketplace-list{gap:var(--space-2);flex-direction:column;display:flex}.campaign-distribution-dialog__marketplace-row{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-default);background:var(--color-surface-primary);display:flex}.campaign-distribution-dialog__marketplace-row--inactive{opacity:.75}.campaign-distribution-dialog__marketplace-code{font-size:var(--text-xs);font-weight:var(--text-label-weight);color:var(--color-text-muted);font-family:var(--font-mono);flex-shrink:0}.campaign-distribution-dialog__marketplace-name{font-size:var(--text-sm);color:var(--color-text-primary);flex:1}.campaign-distribution-dialog__marketplace-actions{gap:var(--space-2);flex-shrink:0;display:flex}.campaign-distribution-dialog__footer{padding:var(--space-4) var(--space-6) var(--space-6);border-top:1px solid var(--color-border-default)}.campaign-distribution-dialog__footer .ce-publish-dialog-actions{margin-top:0}.campaign-distribution-dialog__readonly-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.campaign-distribution-dialog__readonly-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-default);background:var(--color-surface-primary);font-size:var(--text-sm);color:var(--color-text-primary);display:flex}.campaign-distribution-dialog__readonly-item--inactive{opacity:.75}.campaign-distribution-dialog__readonly-code{font-size:var(--text-xs);color:var(--color-text-muted);font-family:var(--font-mono);margin-left:auto}.campaign-distribution-dialog__inactive-badge{font-size:var(--text-xs);color:var(--color-text-muted);padding:var(--space-0_5) var(--space-2);border-radius:var(--radius-sm);background:var(--color-surface-tertiary)}.campaign-distribution-dialog__row-action{padding:var(--space-0_5) var(--space-2);font-size:var(--text-xs)}.campaign-distribution-dialog__team-section{gap:var(--space-1);flex-direction:column;display:flex}.campaign-distribution-dialog__team-header{padding:var(--space-1) 0}.campaign-distribution-dialog__team-label{font-size:var(--text-sm);font-weight:var(--text-label-weight);color:var(--color-text-primary)}.campaign-distribution-dialog__team-count{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:400}.campaign-distribution-dialog__submit-error{margin:0 var(--space-6) var(--space-4)}.quick-add-dropdown__menu{min-width:14rem;left:0;right:auto}.quick-add-dropdown__item{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.quick-add-dropdown__count{font-size:var(--text-xs);color:var(--color-text-muted);flex-shrink:0}.quick-add-dropdown__item--subgroup{padding-left:var(--space-6);font-size:var(--text-sm)}.execution-list-canvas{flex:1;width:100%;height:100%;min-height:480px}.execution-preview-node{border-radius:var(--radius-md);border:1px solid var(--color-border-default);background:var(--color-surface-primary);cursor:default;flex-direction:column;width:100%;display:inline-flex;overflow:hidden}.execution-preview-node__header{justify-content:space-between;align-items:flex-start;gap:var(--space-1);padding:var(--space-2) var(--space-2) 0 var(--space-3);font-size:var(--text-sm);font-weight:var(--text-label-weight);color:var(--color-text-primary);display:flex}.execution-preview-node__title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.execution-preview-node__actions{align-items:center;gap:var(--space-1);flex-shrink:0;display:flex}.execution-preview-node__move,.execution-preview-node__delete{color:var(--color-text-secondary);cursor:pointer;font-size:var(--text-sm);padding:0 var(--space-1);pointer-events:auto;background:0 0;border:none;flex-shrink:0;line-height:1}.execution-preview-node__delete{font-size:var(--text-md)}.execution-preview-node__delete:hover{color:var(--color-error)}.execution-preview-node__move:hover{color:var(--color-text-primary)}.execution-preview-node__body{padding:var(--space-1) var(--space-3) var(--space-2);align-items:center;display:flex;position:relative;overflow:hidden}.execution-preview-node__kind-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.execution-canvas-lane{border-radius:var(--radius-lg);border:1px dashed var(--color-border-default);background:var(--color-surface-secondary)}.execution-canvas-lane__header{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--text-label-weight);color:var(--color-text-primary);display:flex}.execution-canvas-lane__header-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.execution-canvas-lane__create-execution{border:1px solid var(--color-border-default);background:var(--color-surface-primary);color:var(--color-text-primary);cursor:pointer;font-size:var(--text-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);flex-shrink:0}.execution-canvas-lane__create-execution:hover{background:var(--color-surface-secondary)}.execution-canvas-lane__remove{color:var(--color-text-secondary);cursor:pointer;font-size:var(--text-md);padding:0 var(--space-1);pointer-events:auto;background:0 0;border:none;line-height:1}.execution-canvas-lane__remove:hover{color:var(--color-error)}.execution-canvas-lane__empty-hint{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary)}.campaign-locale-filter{align-items:center;gap:var(--space-2);display:flex}.campaign-locale-filter__label{font-size:var(--text-xs);font-weight:var(--text-label-weight);color:var(--color-text-muted);white-space:nowrap}.campaign-locale-filter__select-wrapper{align-items:center;gap:var(--space-1);display:flex}.campaign-locale-filter__select{font-size:var(--text-sm);color:var(--color-text-primary);background:var(--color-surface-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);cursor:pointer}.campaign-locale-filter__select:focus-visible{box-shadow:0 0 0 2px var(--color-focus-ring-offset), 0 0 0 4px var(--color-focus-ring);outline:none}.campaign-locale-filter__clear-btn{width:1.25rem;height:1.25rem;font-size:var(--text-sm);color:var(--color-text-muted);background:var(--color-surface-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);cursor:pointer;transition:color var(--duration-normal) var(--ease-out), border-color var(--duration-normal) var(--ease-out);justify-content:center;align-items:center;padding:0;display:flex}.campaign-locale-filter__clear-btn:hover{color:var(--color-text-primary);border-color:var(--color-border-default)}.campaign-toolbar{padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0;align-items:center;display:flex}.campaign-toolbar__locale-slot{align-items:center;display:flex}.no-access-page{background:var(--color-surface-primary);justify-content:center;align-items:center;min-height:100vh;display:flex}.no-access-page__card{text-align:center;max-width:28rem;padding:0 var(--space-8)}.no-access-page__title{font-size:var(--text-2xl);font-weight:var(--text-heading-sm-weight);color:var(--color-text-primary);margin:0 0 var(--space-2);letter-spacing:-.02em}.no-access-page__subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);margin:0 0 var(--space-6)}.no-access-page__identity{margin:0 0 var(--space-8);padding:var(--space-4);background:var(--color-surface-secondary);border-radius:var(--radius-md);text-align:left}.no-access-page__identity-row{justify-content:space-between;gap:var(--space-4);padding:var(--space-1) 0;display:flex}.no-access-page__identity-row dt{color:var(--color-text-secondary);font-size:var(--text-sm)}.no-access-page__identity-row dd{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--text-label-weight);margin:0}.no-access-page__actions{gap:var(--space-3);justify-content:center;display:flex}.no-access-page__request-btn{padding:var(--space-3) var(--space-8);background:var(--color-accent-primary);color:var(--color-accent-contrast);border-radius:var(--radius-md);font-size:var(--text-lg);font-weight:var(--text-label-weight);cursor:pointer;transition:opacity var(--duration-normal) var(--ease-out);border:none}.no-access-page__request-btn:hover{opacity:.9}.no-access-page__signout-btn{padding:var(--space-3) var(--space-8);color:var(--color-text-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);font-size:var(--text-lg);font-weight:var(--text-label-weight);cursor:pointer;transition:background var(--duration-normal) var(--ease-out);background:0 0}.no-access-page__signout-btn:hover{background:var(--color-interactive-hover)}.account-preferences-page{max-width:32rem;padding:var(--space-8);margin:0 auto}.account-preferences-page__title{font-size:var(--text-2xl);font-weight:var(--text-heading-sm-weight);color:var(--color-text-primary);margin:0 0 var(--space-6);letter-spacing:-.02em}.account-preferences-page__identity{margin:0 0 var(--space-6);padding:var(--space-4);background:var(--color-surface-secondary);border-radius:var(--radius-md)}.account-preferences-page__row{justify-content:space-between;gap:var(--space-4);padding:var(--space-2) 0;display:flex}.account-preferences-page__row dt{color:var(--color-text-secondary);font-size:var(--text-sm)}.account-preferences-page__row dd{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--text-label-weight);text-align:right;margin:0}.account-preferences-page__request-btn{padding:var(--space-2) var(--space-6);background:var(--color-accent-primary);color:var(--color-accent-contrast);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--text-label-weight);cursor:pointer;transition:opacity var(--duration-normal) var(--ease-out);border:none}.account-preferences-page__request-btn:hover{opacity:.9}