:root{color-scheme:light;--color-neutral-0:#ffffff;--color-neutral-50:#f6f8fc;--color-neutral-100:#f1f4fa;--color-neutral-200:#e6ebf4;--color-neutral-300:#d7deea;--color-neutral-400:#b5bfcf;--color-neutral-500:#7e8798;--color-neutral-600:#5a6478;--color-neutral-700:#334155;--color-neutral-800:#1e293b;--color-neutral-900:#0f172a;--color-brand-50:#eff6ff;--color-brand-100:#dbeafe;--color-brand-200:#bfdbfe;--color-brand-300:#93c5fd;--color-brand-400:#60a5fa;--color-brand-500:#3b82f6;--color-brand-600:#2563eb;--color-brand-700:#1d4ed8;--color-brand-800:#1e40af;--color-brand-900:#1e3a8a;--color-success-50:#ecfdf5;--color-success-100:#d1fae5;--color-success-500:#10b981;--color-success-600:#059669;--color-success-700:#047857;--color-warning-50:#fffbeb;--color-warning-100:#fef3c7;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-warning-700:#b45309;--color-danger-50:#fef2f2;--color-danger-100:#fee2e2;--color-danger-300:#fca5a5;--color-danger-500:#ef4444;--color-danger-600:#dc2626;--color-danger-700:#b42318;--bg-app:var(--color-neutral-50);--bg-surface:var(--color-neutral-0);--bg-surface-soft:var(--color-neutral-100);--bg-overlay:rgba(15,23,42,0.48);--bg-selected:var(--color-brand-50);--bg-hover:rgba(37,99,235,0.06);--text-primary:var(--color-neutral-900);--text-body:var(--color-neutral-700);--text-subtle:var(--color-neutral-600);--text-faint:var(--color-neutral-500);--text-disabled:var(--color-neutral-400);--text-inverse:var(--color-neutral-0);--text-brand:var(--color-brand-700);--text-danger:var(--color-danger-700);--text-success:var(--color-success-700);--text-warning:var(--color-warning-700);--border-subtle:var(--color-neutral-200);--border-default:var(--color-neutral-300);--border-strong:var(--color-neutral-400);--border-brand:var(--color-brand-600);--border-danger:var(--color-danger-600);--border-focus:var(--color-brand-300);--brand:var(--color-brand-600);--brand-hover:var(--color-brand-700);--brand-active:var(--color-brand-800);--brand-soft:var(--color-brand-50);--brand-soft-hover:var(--color-brand-100);--danger:var(--color-danger-600);--danger-hover:var(--color-danger-700);--danger-soft:var(--color-danger-50);--success:var(--color-success-600);--success-soft:var(--color-success-50);--warning:var(--color-warning-600);--warning-soft:var(--color-warning-50);--font-ui:"SF Pro Text","SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;--font-mono:"SF Mono","JetBrains Mono",Menlo,Monaco,Consolas,monospace;--font-brand:var(--font-ui);--font-size-2xs:10px;--font-size-xs:11px;--font-size-sm:12px;--font-size-md:13px;--font-size-lg:14px;--font-size-xl:16px;--font-size-2xl:18px;--font-size-3xl:22px;--font-size-4xl:28px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-snug:1.35;--line-height-base:1.5;--line-height-loose:1.7;--letter-spacing-tight:-0.013em;--letter-spacing-normal:0;--letter-spacing-wide:0.04em;--space-0:0;--space-1:2px;--space-2:4px;--space-3:6px;--space-4:8px;--space-5:12px;--space-6:16px;--space-7:20px;--space-8:24px;--space-9:32px;--space-10:40px;--space-11:48px;--space-12:64px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-pill:999px;--shadow-xs:0 1px 2px rgba(15,23,42,0.04);--shadow-sm:0 1px 3px rgba(15,23,42,0.06),0 1px 2px rgba(15,23,42,0.04);--shadow-md:0 4px 12px rgba(15,23,42,0.08),0 2px 4px rgba(15,23,42,0.04);--shadow-lg:0 10px 24px rgba(15,23,42,0.10),0 4px 8px rgba(15,23,42,0.05);--shadow-xl:0 22px 44px rgba(15,23,42,0.14),0 8px 16px rgba(15,23,42,0.06);--shadow-focus:0 0 0 3px rgba(147,197,253,0.5);--shadow-focus-danger:0 0 0 3px rgba(252,165,165,0.5);--duration-instant:80ms;--duration-fast:140ms;--duration-base:200ms;--duration-slow:320ms;--ease-standard:cubic-bezier(0.2,0.0,0.1,1.0);--ease-emphasize:cubic-bezier(0.2,0.0,0.0,1.0);--ease-linear:linear;--z-base:0;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--z-tooltip:600;--layout-sidebar-width:252px;--layout-max-content:1280px;--layout-gutter:var(--space-8);--button-height-sm:28px;--button-height-md:36px;--button-height-lg:44px;--input-height-sm:28px;--input-height-md:36px;--input-height-lg:44px;--icon-size-xs:14px;--icon-size-sm:16px;--icon-size-md:18px;--icon-size-lg:20px;--icon-size-xl:24px;--bg:var(--bg-app);--ink:var(--text-primary);--muted:var(--text-subtle);--panel:rgba(255,255,255,0.76);--accent:var(--brand);--accent-2:var(--brand-hover);--line:var(--border-subtle);--radius:var(--radius-md);--nav-w:var(--layout-sidebar-width);--surface:var(--bg-surface);--surface-soft:var(--bg-surface-soft);--surface-muted:var(--bg-surface-soft);--text:var(--text-primary);--text-faint:var(--text-faint);--line-strong:var(--border-default);--focus:var(--border-focus);--glass-blur-sm:14px;--glass-blur-md:16px;--glass-blur-lg:22px;--glass-blur-xl:24px;--glass-saturate-sm:1.05;--glass-saturate-md:1.08;--glass-saturate-lg:1.16;--glass-tint-sm:rgba(255,255,255,0.72);--glass-tint-md:rgba(255,255,255,0.76);--glass-tint-lg:rgba(255,255,255,0.82);--glass-border:rgba(255,255,255,0.52);--glass-border-inner:rgba(255,255,255,0.72);--glass-panel-shadow:0 24px 54px rgba(97,123,168,0.12),inset 0 1px 0 rgba(255,255,255,0.72);--glass-panel-shadow-lg:0 28px 72px rgba(72,94,136,0.18),inset 0 1px 0 rgba(255,255,255,0.75);--modal-scrim:rgba(15,23,42,0.35);--modal-radius:var(--radius-md);--modal-padding:var(--space-5);--modal-width-md:1040px;--modal-width-lg:1280px;--modal-width-xl:1420px;--modal-max-height:92vh;--dashboard-radius:32px;--dashboard-gap:18px;--dashboard-padding:18px;--dashboard-kpi-padding:var(--space-6);--dashboard-kpi-radius:var(--radius-lg);--dashboard-fade-duration:720ms;--dashboard-fade-ease:cubic-bezier(0.22,1,0.36,1);--dashboard-stagger-1:80ms;--dashboard-stagger-2:140ms;--dashboard-stagger-3:200ms;--dashboard-stagger-4:260ms;--dashboard-stagger-5:320ms;--dashboard-stagger-6:380ms;--chart-series-1:var(--color-brand-600);--chart-series-2:var(--color-brand-300);--chart-series-3:var(--color-success-500);--chart-series-4:var(--color-warning-500);--chart-series-5:var(--color-danger-500);--chart-series-6:#a78bfa;--chart-track:var(--color-neutral-200);--chart-grid:var(--color-neutral-100);--zone-step-height:36px;--zone-step-radius:var(--radius-pill);--zone-dim-pill-bg:var(--bg-surface-soft);--zone-dim-pill-border:var(--border-subtle);--inspector-empty-bg:rgba(248,250,252,0.8);--inspector-empty-border:rgba(203,213,225,0.7);--inspector-empty-dash:4px;--inspector-section-bg:rgba(248,250,252,0.6);--inspector-section-border:rgba(226,232,240,0.8);--svg-stroke-cabinet:rgba(51,65,85,0.75);--svg-stroke-cabinet-default:rgba(51,65,85,0.45);--svg-stroke-cabinet-light:rgba(51,65,85,0.2);--svg-stroke-cabinet-faint:rgba(51,65,85,0.1);--svg-stroke-overlay:var(--svg-stroke-cabinet);--svg-stroke-overlay-legacy:rgb(103,95,95);--svg-stroke-appliance:rgba(59,130,246,0.5);--svg-stroke-appliance-soft:rgba(59,130,246,0.2);--svg-stroke-appliance-faint:rgba(59,130,246,0.08);--svg-fill-appliance:rgba(59,130,246,0.04);--svg-fill-appliance-soft:rgba(59,130,246,0.08);--svg-fill-appliance-tint-1:rgba(186,230,253,0.25);--svg-fill-appliance-tint-2:rgba(186,230,253,0.15);--svg-fill-zone-base:rgba(255,220,190,0.20);--svg-fill-zone-upper:rgba(160,204,244,0.20);--svg-fill-zone-tall:rgba(100,161,230,0.20);--svg-fill-zone-splash:rgba(148,163,184,0.20);--svg-fill-zone-kicker:rgba(234,160,113,0.20);--svg-fill-zone-appliance:rgba(241,245,249,0.20);--svg-fill-zone-appliance-accent:rgba(216,180,254,0.20);--svg-zone-label-base:#b45309;--svg-zone-label-upper:#0f172a;--svg-zone-label-tall:#0f172a;--svg-zone-label-splash:#475569;--svg-zone-label-kicker:#b45309;--svg-fill-selected:rgba(37,99,235,0.14);--svg-fill-hover:rgba(37,99,235,0.06);--svg-stroke-selected:var(--color-brand-600);--svg-stroke-hover:rgba(37,99,235,0.4);--svg-stroke-width-base:1;--svg-stroke-width-fine:0.5;--svg-stroke-width-thin:0.6;--svg-stroke-width-light:0.7;--svg-stroke-width-medium:0.8;--svg-stroke-width-bold:1.2;--svg-stroke-width-heavy:1.3;--svg-stroke-width-accent:1.4;--svg-stroke-width-emphasis:1.5;--svg-dash-construction:2 2;--svg-dash-shelf:4 3;--svg-dash-overlay:6 4;--svg-grid-line:var(--color-neutral-100);--svg-grid-major:var(--color-neutral-200);--svg-page-bg:#f8fbff;--canvas-btn-size:36px;--canvas-btn-gap:var(--space-3);--canvas-btn-bg:var(--bg-surface);--canvas-btn-border:var(--border-subtle);--canvas-btn-shadow:var(--shadow-sm);--canvas-btn-hover-bg:var(--brand-soft);--canvas-btn-hover-border:var(--brand);--tabbar-height:36px;--tabbar-indicator:var(--color-brand-600);--tabbar-bg:var(--bg-surface-soft);--proto-bg-start:#f5f3ee;--proto-bg-end:#f1eee6;--proto-text:#171b18;--proto-border:rgba(28,33,31,0.25);--proto-border-strong:rgba(28,33,31,0.5);--proto-surface:rgba(255,255,255,0.74);--proto-surface-tint:rgba(106,196,255,0.1);--proto-accent-selected:#78ff4d;--proto-radius:24px;--proto-blur:18px;--proto-font:"Helvetica Neue",Helvetica,Arial,sans-serif;--svg-cabinet-stroke-outer:1.2;--svg-cabinet-stroke-construction:0.6;--svg-cabinet-stroke-door:0.8;--svg-cabinet-stroke-shelf:0.5;--svg-cabinet-stroke-drawer:0.7;--svg-cabinet-stroke-drawer-diagonal:0.5;--svg-cabinet-stroke-dimension:0.6;--svg-cabinet-stroke-outer-print:1.6;--svg-cabinet-stroke-construction-print:0.8;--svg-cabinet-stroke-door-print:1.0;--svg-cabinet-stroke-shelf-print:0.7;--svg-cabinet-stroke-drawer-print:0.9;--svg-cabinet-stroke-drawer-diagonal-print:0.7;--svg-cabinet-stroke-dimension-print:0.8;--svg-dash-construction-print:3 3;--svg-dash-shelf-print:5 4;--svg-label-dimension-size:10px;--svg-label-dimension-weight:500;--svg-label-dimension-family:var(--font-mono);--svg-label-dimension-color:var(--text-subtle);--svg-label-zone-size:10px;--svg-label-zone-weight:700;--svg-dim-label-offset:8;--svg-dim-arrow-size:5;--svg-cabinet-fill-idle:transparent;--svg-cabinet-fill-hover:rgba(37,99,235,0.16);--svg-cabinet-fill-selected:rgba(37,99,235,0.18);--svg-cabinet-stroke-idle:var(--svg-stroke-cabinet);--svg-cabinet-stroke-hover:var(--brand);--svg-cabinet-stroke-selected:var(--brand);--svg-cabinet-glass-fill:rgba(37,99,235,0.18);--svg-cabinet-glass-rim:rgba(29,78,216,0.82);--svg-cabinet-glass-highlight:rgba(255,255,255,0.9);--svg-cabinet-glass-sheen:rgba(255,255,255,0.24);--svg-cabinet-glass-glint:rgba(255,255,255,0.95);--svg-cabinet-glass-filter:drop-shadow(0 12px 18px rgba(37,99,235,0.22));--svg-zone-stroke-idle:rgba(69,107,150,0.25);--svg-zone-stroke-hover:rgba(37,99,235,0.6);--svg-zone-stroke-selected:var(--brand);--svg-zone-stroke-width-idle:1;--svg-zone-stroke-width-selected:2.5;--svg-span-stroke-idle:var(--svg-stroke-cabinet);--svg-span-stroke-active:var(--brand);--svg-span-fill-active:rgba(37,99,235,0.08);--drag-handle-color-idle:var(--border-default);--drag-handle-color-hover:var(--brand);--drag-handle-color-active:var(--brand-hover);--scope-label-zone:var(--text-subtle);--scope-label-cabinet:var(--text-brand)}.j-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;background:transparent;font-family:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);padding:0 var(--space-5);height:var(--button-height-md);min-width:max-content;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:1;letter-spacing:var(--letter-spacing-normal);border-radius:var(--radius-md);transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.j-button:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.j-button:disabled,.j-button[aria-disabled=true]{cursor:not-allowed;opacity:.5}.j-button:active:not(:disabled){transform:translateY(1px)}.j-button--sm{height:var(--button-height-sm);padding:0 var(--space-4);font-size:var(--font-size-sm);border-radius:var(--radius-sm)}.j-button--lg{height:var(--button-height-lg);padding:0 var(--space-6);font-size:var(--font-size-xl);border-radius:var(--radius-md)}.j-button--pill{border-radius:var(--radius-pill)}.j-button--primary{background:var(--brand);border-color:var(--brand);color:var(--text-inverse)}.j-button--primary:hover:not(:disabled){background:var(--brand-hover);border-color:var(--brand-hover)}.j-button--primary:active:not(:disabled){background:var(--brand-active);border-color:var(--brand-active)}.j-button--secondary{background:var(--bg-surface);border-color:var(--border-default);color:var(--text-body)}.j-button--secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary)}.j-button--ghost{background:transparent;border-color:transparent;color:var(--text-body)}.j-button--ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.j-button--destructive.j-button--primary{background:var(--danger);border-color:var(--danger)}.j-button--destructive.j-button--primary:hover:not(:disabled){background:var(--danger-hover);border-color:var(--danger-hover)}.j-button--destructive.j-button--ghost,.j-button--destructive.j-button--secondary{color:var(--text-danger)}.j-button--destructive.j-button--ghost:hover:not(:disabled),.j-button--destructive.j-button--secondary:hover:not(:disabled){background:var(--danger-soft);border-color:var(--border-danger);color:var(--text-danger)}.j-button--icon{width:var(--button-height-md);padding:0}.j-button--icon.j-button--sm{width:var(--button-height-sm)}.j-button--icon.j-button--lg{width:var(--button-height-lg)}.j-pill{display:inline-flex;align-items:center;gap:var(--space-3);height:26px;padding:0 var(--space-4);border-radius:var(--radius-pill);background:var(--bg-surface-soft);border:1px solid var(--border-subtle);color:var(--text-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1;white-space:nowrap}.j-pill--interactive{cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard)}.j-pill--interactive:hover{background:var(--bg-hover)}.j-pill--focused,.j-pill--interactive:focus-visible{outline:none;border-color:var(--brand);box-shadow:var(--shadow-focus)}.j-pill--brand{background:var(--brand-soft);border-color:var(--brand-soft);color:var(--text-brand)}.j-pill--success{background:var(--success-soft);color:var(--text-success);border-color:transparent}.j-pill--warning{background:var(--warning-soft);color:var(--text-warning);border-color:transparent}.j-pill--danger{background:var(--danger-soft);color:var(--text-danger);border-color:transparent}.j-pill__step-badge{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:var(--radius-pill);background:var(--brand);color:var(--text-inverse);font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold)}.j-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;width:100%;height:var(--input-height-md);padding:0 var(--space-5);font-family:inherit;font-size:var(--font-size-md);font-weight:var(--font-weight-regular);color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-sm);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.j-input::placeholder{color:var(--text-faint)}.j-input:hover{border-color:var(--border-strong)}.j-input:focus-visible{outline:none;border-color:var(--brand);box-shadow:var(--shadow-focus)}.j-input:disabled{background:var(--bg-surface-soft);color:var(--text-disabled);cursor:not-allowed}.j-input--sm{height:var(--input-height-sm);font-size:var(--font-size-sm);padding:0 var(--space-4)}.j-input--lg{height:var(--input-height-lg);font-size:var(--font-size-lg);padding:0 var(--space-6)}.j-input--invalid{border-color:var(--border-danger)}.j-input--invalid:focus-visible{box-shadow:var(--shadow-focus-danger)}.j-input-group{display:inline-flex;align-items:center;gap:var(--space-3)}.j-input-group__field{flex:0 1 auto;min-width:0}.j-input-group__prefix,.j-input-group__suffix{font-size:var(--font-size-sm);color:var(--text-faint);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.j-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-sm)}.j-card--flat{box-shadow:none}.j-card--raised{box-shadow:var(--shadow-md)}.j-card--floating{box-shadow:var(--shadow-lg)}.j-card--selected{border-color:var(--brand);background:var(--bg-selected)}.j-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);margin-bottom:var(--space-5)}.j-card__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:var(--line-height-tight)}.j-card__subtitle{font-size:var(--font-size-md);color:var(--text-subtle);margin-top:var(--space-2)}.j-counter{display:inline-flex;align-items:center;gap:var(--space-4);height:var(--button-height-md);padding:0 var(--space-3);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-pill)}.j-counter__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-subtle);padding:0 var(--space-3)}.j-counter__value{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--text-primary);min-width:20px;text-align:center}.j-counter__btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-pill);background:var(--bg-surface-soft);border:1px solid var(--border-subtle);color:var(--text-body);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard)}.j-counter__btn:hover:not(:disabled){background:var(--brand-soft);border-color:var(--brand);color:var(--text-brand)}.j-counter__btn:disabled{opacity:.4;cursor:not-allowed}.j-progress{display:block;width:100%;height:6px;background:var(--bg-surface-soft);border-radius:var(--radius-pill);overflow:hidden}.j-progress__bar{display:block;height:100%;background:var(--brand);border-radius:inherit;transition:width var(--duration-base) var(--ease-standard)}.j-progress--success .j-progress__bar{background:var(--success)}.j-progress--warning .j-progress__bar{background:var(--warning)}.j-progress--danger .j-progress__bar{background:var(--danger)}.j-nav-item{display:inline-flex;align-items:center;gap:var(--space-4);width:100%;height:38px;padding:0 var(--space-5);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-body);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);text-align:left;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.j-nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.j-nav-item.is-active,.j-nav-item[aria-current=page]{background:var(--bg-selected);border-color:var(--brand-soft-hover);color:var(--text-brand);font-weight:var(--font-weight-semibold)}.j-icon,.j-nav-item__icon{width:var(--icon-size-md);height:var(--icon-size-md);flex-shrink:0}.j-icon{display:inline-block;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.j-icon--xs{width:var(--icon-size-xs);height:var(--icon-size-xs)}.j-icon--sm{width:var(--icon-size-sm);height:var(--icon-size-sm)}.j-icon--lg{width:var(--icon-size-lg);height:var(--icon-size-lg)}.j-icon--xl{width:var(--icon-size-xl);height:var(--icon-size-xl)}.j-u-muted{color:var(--text-subtle)}.j-u-faint{color:var(--text-faint)}.j-u-brand{color:var(--text-brand)}.j-u-danger{color:var(--text-danger)}.j-u-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.j-u-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.j-floating{background:var(--glass-tint-md);backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturate-md));-webkit-backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturate-md));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-panel-shadow);padding:var(--space-6)}.j-floating--sm{padding:var(--space-5);backdrop-filter:blur(var(--glass-blur-sm)) saturate(var(--glass-saturate-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm)) saturate(var(--glass-saturate-sm))}.j-floating--lg{padding:var(--space-8);backdrop-filter:blur(var(--glass-blur-lg)) saturate(var(--glass-saturate-lg));-webkit-backdrop-filter:blur(var(--glass-blur-lg)) saturate(var(--glass-saturate-lg));box-shadow:var(--glass-panel-shadow-lg)}.j-floating__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);margin-bottom:var(--space-5)}.j-floating__scope-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--text-faint)}.j-floating__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.j-floating--draggable{cursor:-webkit-grab;cursor:grab}.j-floating--draggable:active{cursor:-webkit-grabbing;cursor:grabbing}.j-floating--selected{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand),var(--glass-panel-shadow)}.j-floating--lg.j-floating--selected{box-shadow:0 0 0 1px var(--brand),var(--glass-panel-shadow-lg)}.j-floating__close{flex-shrink:0;margin-left:auto}.j-floating__row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.j-floating__row+.j-floating__row{margin-top:var(--space-4)}.j-floating__row-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-subtle);white-space:nowrap}.j-modal{position:fixed;inset:0;background:var(--modal-scrim);z-index:var(--z-modal);display:grid;place-items:center;padding:var(--space-6);animation:j-modal-scrim-in var(--duration-base) var(--ease-standard)}@keyframes j-modal-scrim-in{0%{opacity:0}to{opacity:1}}.j-modal__dialog{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--modal-radius);box-shadow:var(--shadow-lg);width:var(--modal-width-md);max-width:100%;max-height:var(--modal-max-height);overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;animation:j-modal-dialog-in var(--duration-base) var(--ease-standard)}.j-modal__dialog--lg{width:var(--modal-width-lg)}.j-modal__dialog--xl{width:var(--modal-width-xl)}@keyframes j-modal-dialog-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.j-modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding:var(--space-6);border-bottom:1px solid var(--border-subtle)}.j-modal__body{padding:var(--space-6);overflow:auto;min-height:0}.j-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-top:1px solid var(--border-subtle);background:var(--bg-surface-soft)}.j-popover{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-5);min-width:220px;z-index:var(--z-dropdown)}.j-popover--glass{background:var(--glass-tint-lg);backdrop-filter:blur(var(--glass-blur-lg)) saturate(var(--glass-saturate-lg));-webkit-backdrop-filter:blur(var(--glass-blur-lg)) saturate(var(--glass-saturate-lg));border-color:var(--glass-border)}.j-drawer{position:fixed;top:0;right:0;height:100vh;width:420px;max-width:100vw;background:var(--bg-surface);border-left:1px solid var(--border-subtle);box-shadow:var(--shadow-xl);z-index:var(--z-overlay);display:flex;flex-direction:column}.j-drawer--left{left:0;right:auto;border-left:0;border-right:1px solid var(--border-subtle)}.j-drawer--bottom{top:auto;bottom:0;left:0;right:0;width:100vw;height:auto;max-height:80vh;border-left:0;border-top:1px solid var(--border-subtle)}.j-tabbar{display:inline-flex;align-items:stretch;gap:var(--space-1);padding:var(--space-2);background:var(--tabbar-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.j-tabbar__tab{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);height:var(--tabbar-height);padding:0 var(--space-5);background:transparent;border:0;border-radius:calc(var(--radius-md) - 4px);color:var(--text-subtle);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.j-tabbar__tab:hover{color:var(--text-primary)}.j-tabbar__tab.is-active,.j-tabbar__tab[aria-selected=true]{background:var(--bg-surface);color:var(--text-primary);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-xs)}.j-steps{gap:var(--space-4)}.j-steps,.j-steps__pill{display:inline-flex;align-items:center}.j-steps__pill{gap:var(--space-3);height:var(--zone-step-height);padding:0 var(--space-5);border:1px solid var(--border-subtle);border-radius:var(--zone-step-radius);background:var(--bg-surface);color:var(--text-subtle);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard)}.j-steps__pill:hover:not(:disabled){border-color:var(--brand);color:var(--text-primary)}.j-steps__pill.is-active,.j-steps__pill[aria-current=step]{background:var(--brand);border-color:var(--brand);color:var(--text-inverse);font-weight:var(--font-weight-semibold)}.j-steps__pill.is-complete{background:var(--bg-selected);border-color:var(--brand);color:var(--text-brand)}.j-steps__pill:disabled{opacity:.5;cursor:not-allowed}.j-steps__number{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--radius-pill);background:rgba(255,255,255,.2);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.j-steps__pill:not(.is-active) .j-steps__number{background:var(--bg-surface-soft);color:var(--text-subtle)}.j-steps__arrow{color:var(--text-faint);font-size:var(--font-size-md)}.j-dim-pill{display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--zone-dim-pill-bg);border:1px solid var(--zone-dim-pill-border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-body);white-space:nowrap}.j-dim-pill__x{color:var(--text-faint)}.j-dashboard{display:grid;grid-gap:var(--dashboard-gap);gap:var(--dashboard-gap);padding:var(--dashboard-padding);border-radius:var(--dashboard-radius);border:1px solid var(--glass-border);background:linear-gradient(180deg,rgba(255,255,255,.36),rgba(240,247,255,.22)),radial-gradient(circle at top left,rgba(255,255,255,.38),transparent 34%),linear-gradient(135deg,rgba(215,231,255,.16),rgba(255,255,255,.05));box-shadow:var(--glass-panel-shadow);backdrop-filter:blur(var(--glass-blur-xl)) saturate(var(--glass-saturate-md));-webkit-backdrop-filter:blur(var(--glass-blur-xl)) saturate(var(--glass-saturate-md));position:relative;isolation:isolate;overflow:hidden}.j-dashboard>*{animation:j-dashboard-fade-up var(--dashboard-fade-duration) var(--dashboard-fade-ease) both}.j-dashboard>:first-child{animation-delay:var(--dashboard-stagger-1)}.j-dashboard>:nth-child(2){animation-delay:var(--dashboard-stagger-2)}.j-dashboard>:nth-child(3){animation-delay:var(--dashboard-stagger-3)}.j-dashboard>:nth-child(4){animation-delay:var(--dashboard-stagger-4)}.j-dashboard>:nth-child(5){animation-delay:var(--dashboard-stagger-5)}.j-dashboard>:nth-child(6){animation-delay:var(--dashboard-stagger-6)}@keyframes j-dashboard-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.j-kpi{padding:var(--dashboard-kpi-padding);border-radius:var(--dashboard-kpi-radius);border:1px solid var(--border-subtle);background:var(--bg-surface);display:flex;flex-direction:column;gap:var(--space-3);min-height:100px}.j-kpi__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--text-subtle)}.j-kpi__value{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}.j-kpi__delta{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.j-kpi__delta--up{color:var(--text-success)}.j-kpi__delta--down{color:var(--text-danger)}.j-kpi__delta--flat{color:var(--text-faint)}.j-chart-panel{padding:var(--dashboard-kpi-padding);border-radius:var(--dashboard-kpi-radius);border:1px solid var(--border-subtle);background:var(--bg-surface)}.j-chart-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-5);margin-bottom:var(--space-5)}.j-chart-panel__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.j-chart-panel__subtitle{font-size:var(--font-size-xs);color:var(--text-subtle);margin-top:var(--space-1)}.j-alert{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-surface-soft);color:var(--text-body);font-size:var(--font-size-md)}.j-alert--info{background:var(--brand-soft);border-color:var(--color-brand-200);color:var(--text-brand)}.j-alert--success{background:var(--success-soft);border-color:var(--color-success-100);color:var(--text-success)}.j-alert--warning{background:var(--warning-soft);border-color:var(--color-warning-100);color:var(--text-warning)}.j-alert--danger{background:var(--danger-soft);border-color:var(--color-danger-100);color:var(--text-danger)}.j-alert__icon{flex-shrink:0;margin-top:2px}.j-alert__body{flex:1 1}.j-alert__title{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.j-field{display:flex;flex-direction:column;gap:var(--space-2)}.j-field__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.j-field__hint{font-size:var(--font-size-xs);color:var(--text-subtle)}.j-field__error{font-size:var(--font-size-xs);color:var(--text-danger);font-weight:var(--font-weight-medium)}.j-field--horizontal{flex-direction:row;align-items:center;gap:var(--space-5)}.j-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;height:var(--input-height-md);padding:0 var(--space-7) 0 var(--space-5);background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235a6478' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>") no-repeat right var(--space-4) center /16px,var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;font-size:var(--font-size-md);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.j-select:hover{border-color:var(--border-strong)}.j-select:focus-visible{outline:none;border-color:var(--brand);box-shadow:var(--shadow-focus)}.j-segmented{display:inline-flex;padding:2px;background:var(--bg-surface-soft);border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.j-segmented__option{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:var(--space-3) var(--space-5);border-radius:calc(var(--radius-sm) - 2px);color:var(--text-subtle);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard)}.j-segmented__option:hover{color:var(--text-primary)}.j-segmented__option.is-active{background:var(--bg-surface);color:var(--text-primary);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-xs)}.j-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-10) var(--space-6);border:2px dashed var(--border-default);border-radius:var(--radius-lg);background:var(--bg-surface-soft);color:var(--text-subtle);text-align:center;transition:all var(--duration-fast) var(--ease-standard);cursor:pointer}.j-dropzone.is-dragging,.j-dropzone:hover{border-color:var(--brand);background:var(--brand-soft);color:var(--text-brand)}.j-dropzone__icon{font-size:var(--font-size-2xl);color:inherit}.j-empty{padding:var(--space-8) var(--space-6);border:1px dashed var(--inspector-empty-border);border-radius:var(--radius-md);background:var(--inspector-empty-bg);color:var(--text-subtle);text-align:center}.j-empty__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-body);margin-bottom:var(--space-2)}.j-empty__message{font-size:var(--font-size-sm);color:var(--text-subtle)}.j-tooltip{position:absolute;padding:var(--space-2) var(--space-4);background:var(--color-neutral-900);color:var(--text-inverse);border-radius:var(--radius-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap;pointer-events:none;z-index:var(--z-tooltip);box-shadow:var(--shadow-md)}.j-inspector-section{padding:var(--space-5);border:1px solid var(--inspector-section-border);border-radius:var(--radius-md);background:var(--inspector-section-bg)}.j-inspector-section__title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--text-subtle);margin-bottom:var(--space-4)}.j-svg-stage{background:var(--svg-page-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.j-svg-cabinet-carcass{fill:none;stroke:var(--svg-stroke-cabinet)}.j-svg-cabinet-construction{fill:none;stroke:var(--svg-stroke-cabinet-light);stroke-dasharray:var(--svg-dash-construction)}.j-svg-appliance-shell{fill:var(--svg-fill-appliance);stroke:var(--svg-stroke-appliance)}.j-svg-zone-fill--base{fill:var(--svg-fill-zone-base)}.j-svg-zone-fill--upper{fill:var(--svg-fill-zone-upper)}.j-svg-zone-fill--tall{fill:var(--svg-fill-zone-tall)}.j-svg-zone-fill--appliance{fill:var(--svg-fill-zone-appliance)}.j-svg-zone-fill--appliance-accent{fill:var(--svg-fill-zone-appliance-accent)}.j-svg-selected{stroke:var(--svg-stroke-selected);stroke-width:1.5}.j-svg-hover{stroke:var(--svg-stroke-hover)}[data-cabinet-hover-hit] [data-cabinet-hover-glass]{opacity:0;transition:opacity var(--duration-fast) var(--ease-standard)}[data-cabinet-hover-hit]:hover [data-cabinet-hover-glass],[data-cabinet-hover-hit][data-hovered=true] [data-cabinet-hover-glass]{opacity:1}@media (prefers-reduced-motion:reduce){[data-cabinet-hover-hit] [data-cabinet-hover-glass]{transition:none}}.j-overlay-tag{padding:var(--space-1) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);font-family:var(--font-mono);color:var(--text-body);white-space:nowrap}.j-overlay-tag,.j-zone-label{display:inline-flex;align-items:center;background:var(--bg-surface);font-size:var(--font-size-2xs);box-shadow:var(--shadow-xs)}.j-zone-label{padding:2px var(--space-3);border-radius:var(--radius-pill);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.j-zone-label--base{color:var(--svg-zone-label-base)}.j-zone-label--upper{color:var(--svg-zone-label-upper)}.j-zone-label--tall{color:var(--svg-zone-label-tall)}.j-zone-label--splash{color:var(--svg-zone-label-splash)}.j-zone-label--kicker{color:var(--svg-zone-label-kicker)}.j-canvas-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;width:var(--canvas-btn-size);height:var(--canvas-btn-size);padding:0;background:var(--canvas-btn-bg);border:1px solid var(--canvas-btn-border);border-radius:var(--radius-pill);color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);cursor:pointer;box-shadow:var(--canvas-btn-shadow);transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.j-canvas-btn:hover:not(:disabled){background:var(--canvas-btn-hover-bg);border-color:var(--canvas-btn-hover-border);color:var(--text-brand)}.j-canvas-btn:active:not(:disabled){transform:scale(.94)}.j-canvas-btn:disabled{opacity:.4;cursor:not-allowed}.j-canvas-btn-group{gap:var(--canvas-btn-gap)}.j-canvas-btn-group,.j-dim-pill__lock{display:inline-flex;align-items:center}.j-dim-pill__lock{justify-content:center;margin-left:var(--space-2);width:14px;height:14px;color:var(--text-faint);cursor:pointer;transition:color var(--duration-fast) var(--ease-standard)}.j-dim-pill__lock:hover{color:var(--text-body)}.j-dim-pill__lock.is-locked{color:var(--text-brand)}.j-kpi-hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:var(--space-4);gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-lg);background:rgba(255,255,255,.55);border:1px solid var(--glass-border);backdrop-filter:blur(var(--glass-blur-sm)) saturate(var(--glass-saturate-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm)) saturate(var(--glass-saturate-sm))}.j-kpi--hero{padding:var(--space-5);border-radius:var(--radius-md);background:rgba(255,255,255,.6);border:1px solid var(--border-subtle);min-height:0;gap:var(--space-1)}.j-kpi--hero .j-kpi__value{font-size:var(--font-size-3xl)}.j-floating-stack{display:flex;flex-direction:column;gap:var(--space-3)}