@import "https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,300..900;1,300..900&display=swap";:root{--cc-accent:var(--color-accent,#d2911e);--cc-text:var(--color-text-primary,#232328);--cc-bg:var(--color-bg-primary,#f5f3f0);--cc-warn:var(--color-warning,#e69628);--cc-info:var(--color-info,var(--color-accent,#5082aa));--cc-font-mono:var(--font-family-mono,"Fira Code", "Cascadia Code", "SF Mono", monospace);--cc-font-sans:var(--font-family,"IBM Plex Sans", system-ui, sans-serif);--cc-font-size:13px;--cc-label-size:12px;--cc-control-height:30px;--cc-radius:var(--radius-sm,5px);--cc-row-gap:12px;--cc-label-width:130px;--cc-border-width:1px}.cc-row{align-items:flex-start;gap:var(--cc-row-gap);border-bottom:1px solid color-mix(in srgb, var(--cc-text) 6%, transparent);padding:7px 0;display:flex}.cc-label{width:var(--cc-label-width);font-size:var(--cc-label-size);color:color-mix(in srgb, var(--cc-text) 50%, transparent);letter-spacing:.01em;flex-shrink:0;padding-top:6px}.cc-group{flex:1;align-items:flex-start;gap:8px;display:flex}.cc-unit{font-size:var(--cc-label-size);color:color-mix(in srgb, var(--cc-text) 30%, transparent);font-family:var(--cc-font-mono);min-width:28px;padding-top:6px}.cc-scrub-display{min-width:88px;height:var(--cc-control-height);border:var(--cc-border-width) solid color-mix(in srgb, var(--cc-text) 12%, transparent);border-radius:var(--cc-radius);background:color-mix(in srgb, var(--cc-text) 4%, transparent);-webkit-user-select:none;user-select:none;touch-action:none;cursor:row-resize;box-sizing:border-box;outline:none;align-items:center;gap:6px;padding:4px 10px;transition:background .1s,border-color .1s;display:flex}.cc-scrub-display:hover{border-color:color-mix(in srgb, var(--cc-text) 20%, transparent)}.cc-scrub-display:focus-visible{border-color:color-mix(in srgb, var(--cc-accent) 60%, transparent);box-shadow:0 0 0 2px color-mix(in srgb, var(--cc-accent) 15%, transparent)}.cc-scrub-display.cc-dragging{cursor:ns-resize;background:color-mix(in srgb, var(--cc-accent) 12%, transparent);border-color:color-mix(in srgb, var(--cc-accent) 60%, transparent)}.cc-scrub-value{font-family:var(--cc-font-mono);font-size:var(--cc-font-size);font-variant-numeric:tabular-nums;color:color-mix(in srgb, var(--cc-text) 90%, transparent);text-align:right;flex:1}.cc-scrub-placeholder{font-family:var(--cc-font-sans);font-variant-numeric:normal;color:color-mix(in srgb, var(--cc-text) 40%, transparent);font-style:italic}.cc-dragging .cc-scrub-value{color:color-mix(in srgb, var(--cc-accent) 90%, transparent)}.cc-scrub-arrow{color:color-mix(in srgb, var(--cc-text) 20%, transparent);font-size:9px;line-height:1}.cc-dragging .cc-scrub-arrow{color:color-mix(in srgb, var(--cc-accent) 80%, transparent)}.cc-text-input{font-family:var(--cc-font-mono);font-size:var(--cc-font-size);width:88px;height:var(--cc-control-height);background:color-mix(in srgb, var(--cc-text) 4%, transparent);border:var(--cc-border-width) solid color-mix(in srgb, var(--cc-text) 12%, transparent);border-radius:var(--cc-radius);color:color-mix(in srgb, var(--cc-text) 90%, transparent);box-sizing:border-box;outline:none;padding:4px 8px}.cc-text-input:focus,.cc-text-input.cc-focused,.cc-text-input.cc-editing{border-color:color-mix(in srgb, var(--cc-accent) 70%, transparent)}.cc-preview{background:color-mix(in srgb, var(--cc-bg) 95%, transparent);border:1px solid color-mix(in srgb, var(--cc-accent) 30%, transparent);color:color-mix(in srgb, var(--cc-accent) 90%, transparent);font-size:11px;font-family:var(--cc-font-mono);white-space:nowrap;z-index:100;pointer-events:none;border-radius:4px;padding:3px 8px;position:absolute;top:calc(100% + 4px);left:0}.cc-range-row{border-bottom:1px solid color-mix(in srgb, var(--cc-text) 6%, transparent);flex-direction:column;align-items:stretch;gap:0;padding:7px 0;display:flex}.cc-range-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.cc-range-header .cc-label{width:auto;padding-top:0}.cc-range-track{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:4px;outline:none;align-items:center;height:44px;display:flex;position:relative}.cc-range-track:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--cc-accent) 50%, transparent)}.cc-range-groove{background:color-mix(in srgb, var(--cc-text) 8%, transparent);border-radius:2px;height:3px;position:absolute;left:0;right:0}.cc-range-fill{background:color-mix(in srgb, var(--cc-accent) 75%, transparent);border-radius:2px;height:3px;transition:width 50ms;position:absolute;left:0}.cc-range-fill.cc-dragging{transition:none}.cc-range-thumb-area{justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:absolute;transform:translate(-50%)}.cc-range-thumb{border:2px solid color-mix(in srgb, var(--cc-text) 50%, transparent);width:13px;height:13px;box-shadow:none;background:#fff;border-radius:50%;transition:background .1s,box-shadow .1s,border-color .1s}.cc-range-thumb.cc-dragging{background:var(--cc-accent);border-color:var(--cc-accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--cc-accent) 20%, transparent)}.cc-range-minmax{color:color-mix(in srgb, var(--cc-text) 20%, transparent);font-size:10px;font-family:var(--cc-font-mono);justify-content:space-between;margin-top:-4px;display:flex}.cc-toggle-group{background:color-mix(in srgb, var(--cc-text) 5%, transparent);border-radius:var(--cc-radius);gap:2px;padding:2px;display:flex}.cc-toggle-btn{cursor:pointer;font-size:var(--cc-label-size);font-family:var(--cc-font-sans);color:color-mix(in srgb, var(--cc-text) 40%, transparent);background:0 0;border:none;border-radius:3px;outline:none;padding:3px 14px;transition:background .15s,color .15s}.cc-toggle-btn:hover{color:color-mix(in srgb, var(--cc-text) 60%, transparent)}.cc-toggle-btn:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--cc-accent) 30%, transparent)}.cc-toggle-btn.cc-active{background:color-mix(in srgb, var(--cc-accent) 70%, transparent);color:#fff}.cc-toggle-btn.cc-active:hover{background:color-mix(in srgb, var(--cc-accent) 80%, transparent);color:#fff}.cc-select{font-family:var(--cc-font-mono);font-size:var(--cc-font-size);height:var(--cc-control-height);background-color:color-mix(in srgb, var(--cc-text) 4%, transparent);border:var(--cc-border-width) solid color-mix(in srgb, var(--cc-text) 12%, transparent);border-radius:var(--cc-radius);min-width:140px;color:color-mix(in srgb, var(--cc-text) 90%, transparent);appearance:none;cursor:pointer;box-sizing:border-box;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath d='M2 3.5l3 3 3-3' stroke='rgba(35,35,40,0.35)' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;outline:none;padding:4px 28px 4px 10px}.cc-select:hover{border-color:color-mix(in srgb, var(--cc-text) 20%, transparent)}.cc-select:focus-visible{border-color:color-mix(in srgb, var(--cc-accent) 60%, transparent);box-shadow:0 0 0 2px color-mix(in srgb, var(--cc-accent) 15%, transparent)}.cc-select option{background:var(--cc-bg)}.cc-display-value{font-family:var(--cc-font-mono);font-size:var(--cc-font-size);font-variant-numeric:tabular-nums;color:color-mix(in srgb, var(--cc-info) 90%, transparent);transition:color .12s cubic-bezier(.25,1,.5,1)}.cc-display-value.cc-warn{color:color-mix(in srgb, var(--cc-warn) 95%, transparent)}@keyframes cc-value-flash{0%{color:var(--cc-accent)}to{color:color-mix(in srgb, var(--cc-info) 90%, transparent)}}@keyframes cc-value-flash-warn{0%{color:var(--cc-accent)}to{color:color-mix(in srgb, var(--cc-warn) 95%, transparent)}}.cc-display-value.cc-flash{animation:.25s cubic-bezier(.25,1,.5,1) cc-value-flash}.cc-display-value.cc-warn.cc-flash{animation:.25s cubic-bezier(.25,1,.5,1) cc-value-flash-warn}.cc-display-warn-icon{color:color-mix(in srgb, var(--cc-warn) 70%, transparent);padding-top:5px;font-size:11px}.cc-disabled{opacity:.5}.cc-disabled .cc-disabled{opacity:1}.cc-disabled .cc-scrub-display,.cc-disabled .cc-range-track{cursor:not-allowed}.cc-disabled .cc-scrub-display:hover,.cc-disabled .cc-scrub-display:focus-visible{border-color:color-mix(in srgb, var(--cc-text) 12%, transparent);box-shadow:none;background:color-mix(in srgb, var(--cc-text) 4%, transparent)}@media (prefers-reduced-motion:reduce){.cc-display-value,.cc-display-value.cc-flash,.cc-display-value.cc-warn.cc-flash{transition:none;animation:none}}:root{--alert-overlay:#161a1d8c;--alert-bg:var(--color-surface-raised);--alert-border:var(--color-border);--alert-radius:var(--radius-lg);--alert-shadow:var(--shadow-lg);--alert-text-primary:var(--color-text-primary);--alert-text-body:var(--color-text-secondary);--alert-text-muted:var(--color-text-muted);--alert-btn-bg:var(--color-accent);--alert-btn-text:#fff;--alert-btn-bg-hover:var(--color-accent-hover);--alert-btn-cancel-bg:var(--color-bg-tertiary);--alert-btn-cancel-text:var(--color-text-primary);--alert-btn-cancel-border:var(--color-border);--alert-btn-cancel-bg-hover:var(--color-bg-primary);--alert-btn-danger-bg:var(--color-danger);--alert-btn-danger-text:#fff;--alert-btn-danger-bg-hover:#913030;--alert-input-bg:var(--color-bg-secondary);--alert-input-border:var(--color-border);--alert-input-text:var(--color-text-primary);--alert-input-focus:var(--color-border-focus);--alert-input-error:var(--color-danger);--alert-accent-info:var(--color-info);--alert-accent-success:var(--color-success);--alert-accent-warning:var(--color-warning);--alert-accent-danger:var(--color-danger);--cc-accent:53, 105, 142;--cc-text:25, 28, 34;--cc-bg:243, 244, 247;--cc-info:56, 110, 148;--cc-warn:200, 130, 30;--cc-font-mono:"JetBrains Mono", "Fira Code", monospace;--cc-font-sans:"Source Sans 3", system-ui, sans-serif;--cc-font-size:13px;--cc-label-size:12px;--cc-control-height:30px;--cc-radius:4px;--cc-row-gap:12px;--cc-label-width:130px;--cc-border-width:1px;--color-bg-primary:#f4f5f6;--color-bg-secondary:#fff;--color-bg-tertiary:#e3e6e8;--color-bg-elevated:#fff;--color-bg-dark:#101418;--color-bg-dark-card:#191f24;--color-surface:#e9ebed;--color-surface-raised:#fff;--color-border:#d2d6da;--color-border-focus:#35688d;--color-text-primary:#191f24;--color-text-secondary:#57616b;--color-text-tertiary:#717a84;--color-text-muted:#7b858e;--color-accent:#35688d;--color-accent-hover:#2a526f;--color-accent-subtle:#e1ecf4;--color-container-outline:#8f99a3;--color-container-fill:#c6ccd21a;--color-sku-1:#4983ab;--color-sku-2:#3f835b;--color-sku-3:#b27734;--color-sku-4:#a1455c;--color-sku-5:#6c4b9b;--color-sku-6:#3f7d83;--color-sku-7:#a18636;--color-sku-8:#a6593f;--color-sku-9:#3e7462;--color-sku-10:#8a5095;--color-sku-11:#6c833f;--color-sku-12:#408196;--color-loaded:#3a885a;--color-loaded-subtle:#e2f3e9;--color-partial:#c9811d;--color-partial-subtle:#fbefe0;--color-unloaded:#ac3939;--color-unloaded-subtle:#f7e8e8;--color-util-low:#3f835b;--color-util-good:#bd7f28;--color-util-high:#ac3939;--color-warning:#c9811d;--color-warning-subtle:#fbefe0;--color-danger:#ac3939;--color-danger-subtle:#f7e8e8;--color-info:#386e94;--color-info-subtle:#e5eef5;--color-success:#3a885a;--color-success-subtle:#e6f4ec;--font-family-body:"Source Sans 3", system-ui, -apple-system, sans-serif;--font-family-mono:"JetBrains Mono", "Fira Code", monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-size-3xl:2.5rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:3px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-full:9999px;--shadow-sm:0 1px 2px #161a1d0d;--shadow-md:0 2px 8px #161a1d12;--shadow-lg:0 4px 16px #161a1d1a;--transition-fast:.12s cubic-bezier(.22, 1, .36, 1);--transition-normal:.22s cubic-bezier(.22, 1, .36, 1);--transition-slow:.35s cubic-bezier(.16, 1, .3, 1);--text-xs:var(--font-size-xs);--text-sm:var(--font-size-sm);--text-base:var(--font-size-base);--text-lg:var(--font-size-lg);--text-xl:var(--font-size-xl);--text-2xl:var(--font-size-2xl);--weight-normal:var(--font-weight-normal);--weight-medium:var(--font-weight-medium);--weight-semibold:var(--font-weight-semibold);--weight-bold:var(--font-weight-bold);--text-secondary:var(--color-text-secondary);--surface-primary:var(--color-bg-primary);--surface-secondary:var(--color-bg-secondary);--border-primary:var(--color-border);--accent-primary:var(--color-accent);--accent-surface:var(--color-accent-subtle);--color-alert-error:var(--color-danger);--color-status-success:var(--color-success);--color-danger-bg:var(--color-danger-subtle);--color-warning-bg:var(--color-warning-subtle);--color-info-bg:var(--color-info-subtle);--color-success-bg:var(--color-success-subtle);--about-modal-link:var(--color-accent);--about-modal-panel-bg:var(--color-surface);--about-modal-border:var(--color-border);--about-modal-text-primary:var(--color-text-primary);--about-modal-text-body:var(--color-text-secondary);--about-modal-text-muted:var(--color-text-muted);--about-modal-bg:var(--color-bg-elevated);--about-modal-btn-bg:var(--color-accent);--about-modal-btn-bg-hover:var(--color-accent-hover)}:root{--about-modal-overlay:#00000080;--about-modal-bg:var(--color-bg-elevated);--about-modal-panel-bg:var(--color-surface);--about-modal-cta-bg:#efefef;--about-modal-border:var(--color-border);--about-modal-text-primary:var(--color-text-primary);--about-modal-text-body:var(--color-text-secondary);--about-modal-text-muted:var(--color-text-muted);--about-modal-link:var(--color-accent);--about-modal-link-weight:400;--about-modal-close-bg:#00000012;--about-modal-close-color:#71717a;--about-modal-btn-bg:var(--color-accent);--about-modal-btn-text:#fff;--about-modal-btn-bg-hover:var(--color-accent-hover);--about-modal-radius:14px;--about-modal-shadow:0 2px 8px #00000014, 0 14px 48px #0000002e;--cc-accent:53, 105, 142;--cc-text:25, 28, 34;--cc-bg:243, 244, 247;--cc-info:56, 110, 148;--cc-warn:200, 130, 30;--cc-font-mono:"JetBrains Mono", "Fira Code", monospace;--cc-font-sans:"Source Sans 3", system-ui, sans-serif;--cc-font-size:13px;--cc-label-size:12px;--cc-control-height:30px;--cc-radius:4px;--cc-row-gap:12px;--cc-label-width:130px;--cc-border-width:1px;--color-bg-primary:#f4f5f6;--color-bg-secondary:#fff;--color-bg-tertiary:#e3e6e8;--color-bg-elevated:#fff;--color-bg-dark:#101418;--color-bg-dark-card:#191f24;--color-surface:#e9ebed;--color-surface-raised:#fff;--color-border:#d2d6da;--color-border-focus:#35688d;--color-text-primary:#191f24;--color-text-secondary:#57616b;--color-text-tertiary:#717a84;--color-text-muted:#7b858e;--color-accent:#35688d;--color-accent-hover:#2a526f;--color-accent-subtle:#e1ecf4;--color-container-outline:#8f99a3;--color-container-fill:#c6ccd21a;--color-sku-1:#4983ab;--color-sku-2:#3f835b;--color-sku-3:#b27734;--color-sku-4:#a1455c;--color-sku-5:#6c4b9b;--color-sku-6:#3f7d83;--color-sku-7:#a18636;--color-sku-8:#a6593f;--color-sku-9:#3e7462;--color-sku-10:#8a5095;--color-sku-11:#6c833f;--color-sku-12:#408196;--color-loaded:#3a885a;--color-loaded-subtle:#e2f3e9;--color-partial:#c9811d;--color-partial-subtle:#fbefe0;--color-unloaded:#ac3939;--color-unloaded-subtle:#f7e8e8;--color-util-low:#3f835b;--color-util-good:#bd7f28;--color-util-high:#ac3939;--color-warning:#c9811d;--color-warning-subtle:#fbefe0;--color-danger:#ac3939;--color-danger-subtle:#f7e8e8;--color-info:#386e94;--color-info-subtle:#e5eef5;--color-success:#3a885a;--color-success-subtle:#e6f4ec;--font-family-body:"Source Sans 3", system-ui, -apple-system, sans-serif;--font-family-mono:"JetBrains Mono", "Fira Code", monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-size-3xl:2.5rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:3px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-full:9999px;--shadow-sm:0 1px 2px #161a1d0d;--shadow-md:0 2px 8px #161a1d12;--shadow-lg:0 4px 16px #161a1d1a;--transition-fast:.12s cubic-bezier(.22, 1, .36, 1);--transition-normal:.22s cubic-bezier(.22, 1, .36, 1);--transition-slow:.35s cubic-bezier(.16, 1, .3, 1);--text-xs:var(--font-size-xs);--text-sm:var(--font-size-sm);--text-base:var(--font-size-base);--text-lg:var(--font-size-lg);--text-xl:var(--font-size-xl);--text-2xl:var(--font-size-2xl);--weight-normal:var(--font-weight-normal);--weight-medium:var(--font-weight-medium);--weight-semibold:var(--font-weight-semibold);--weight-bold:var(--font-weight-bold);--text-secondary:var(--color-text-secondary);--surface-primary:var(--color-bg-primary);--surface-secondary:var(--color-bg-secondary);--border-primary:var(--color-border);--accent-primary:var(--color-accent);--accent-surface:var(--color-accent-subtle);--color-alert-error:var(--color-danger);--color-status-success:var(--color-success);--color-danger-bg:var(--color-danger-subtle);--color-warning-bg:var(--color-warning-subtle);--color-info-bg:var(--color-info-subtle);--color-success-bg:var(--color-success-subtle);--alert-overlay:#161a1d8c;--alert-bg:var(--color-surface-raised);--alert-border:var(--color-border);--alert-radius:var(--radius-lg);--alert-shadow:var(--shadow-lg);--alert-text-primary:var(--color-text-primary);--alert-text-body:var(--color-text-secondary);--alert-text-muted:var(--color-text-muted);--alert-btn-bg:var(--color-accent);--alert-btn-text:#fff;--alert-btn-bg-hover:var(--color-accent-hover);--alert-btn-cancel-bg:var(--color-bg-tertiary);--alert-btn-cancel-text:var(--color-text-primary);--alert-btn-cancel-border:var(--color-border);--alert-btn-cancel-bg-hover:var(--color-bg-primary);--alert-btn-danger-bg:var(--color-danger);--alert-btn-danger-text:#fff;--alert-btn-danger-bg-hover:#913030;--alert-input-bg:var(--color-bg-secondary);--alert-input-border:var(--color-border);--alert-input-text:var(--color-text-primary);--alert-input-focus:var(--color-border-focus);--alert-input-error:var(--color-danger);--alert-accent-info:var(--color-info);--alert-accent-success:var(--color-success);--alert-accent-warning:var(--color-warning);--alert-accent-danger:var(--color-danger)}[data-theme=dark]{--cc-accent:94, 150, 190;--cc-text:220, 224, 232;--cc-bg:20, 24, 30;--cc-info:89, 155, 200;--cc-warn:225, 160, 65;--cc-border-width:1px;--color-bg-primary:#141a1f;--color-bg-secondary:#1d242b;--color-bg-tertiary:#272e35;--color-bg-elevated:#212931;--color-surface:#272e35;--color-surface-raised:#212931;--color-border:#3a424a;--color-border-focus:#5995c0;--color-text-primary:#e2e6e9;--color-text-secondary:#9fa6ad;--color-text-tertiary:#838c95;--color-text-muted:#737a82;--color-accent:#5e94ba;--color-accent-hover:#457aa1;--color-accent-subtle:#20303c;--color-container-outline:#55616d;--color-container-fill:#3d475226;--color-sku-1:#6493b4;--color-sku-2:#569f74;--color-sku-3:#c69053;--color-sku-4:#b46478;--color-sku-5:#876aaf;--color-sku-6:#56999f;--color-sku-7:#bca04e;--color-sku-8:#ba755e;--color-sku-9:#508674;--color-sku-10:#9f70a9;--color-sku-11:#7e9550;--color-sku-12:#5396ac;--color-loaded:#50a573;--color-loaded-subtle:#22392c;--color-partial:#ce913b;--color-partial-subtle:#40311c;--color-unloaded:#bc4e4e;--color-unloaded-subtle:#3e1e1e;--color-util-low:#569f74;--color-util-good:#c89041;--color-util-high:#bc4e4e;--color-warning:#ce913b;--color-warning-subtle:#40311c;--color-danger:#bc4e4e;--color-danger-subtle:#3e1e1e;--color-info:#5e94ba;--color-info-subtle:#20303c;--color-success:#4b9b6c;--color-success-subtle:#1d3025;--shadow-sm:0 1px 2px #0000002e;--shadow-md:0 2px 8px #00000040;--shadow-lg:0 4px 16px #00000059;--about-modal-bg:var(--color-bg-elevated);--about-modal-panel-bg:var(--color-surface);--about-modal-cta-bg:var(--color-bg-tertiary);--about-modal-border:var(--color-border);--about-modal-text-primary:var(--color-text-primary);--about-modal-text-body:var(--color-text-secondary);--about-modal-text-muted:var(--color-text-muted);--about-modal-link:var(--color-accent);--about-modal-btn-bg:var(--color-accent);--about-modal-btn-bg-hover:var(--color-accent-hover);--alert-overlay:#000000a6;--alert-bg:var(--color-surface-raised);--alert-border:var(--color-border);--alert-btn-text:#141a1f;--alert-btn-cancel-bg:var(--color-bg-tertiary);--alert-btn-cancel-text:var(--color-text-primary);--alert-btn-cancel-bg-hover:var(--color-bg-primary);--alert-btn-danger-text:#000;--alert-btn-danger-bg-hover:#a63f3f;--alert-input-bg:var(--color-bg-tertiary);--alert-input-text:var(--color-text-primary);--alert-accent-info:var(--color-info);--alert-accent-success:var(--color-success);--alert-accent-warning:var(--color-warning);--alert-accent-danger:var(--color-danger)}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scrollbar-gutter:stable}body{font-family:var(--font-family-body);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;line-height:1.5}input,button,select,textarea{font:inherit;color:inherit}img,svg{max-width:100%;display:block}button{cursor:pointer}button:disabled{cursor:not-allowed}table{border-collapse:collapse;border-spacing:0}::selection{background:var(--color-accent-subtle);color:var(--color-accent-hover)}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;border-radius:var(--radius-sm)}.cle-input-panel,.cle-main-layout__input,.cle-main-layout__results,.cle-tablet-layout__left,.cle-tablet-layout__right,.import-dialog__content,.product-library__list,.template-manager__list,.batch-entry__table-wrap{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.cle-input-panel::-webkit-scrollbar{width:8px;height:8px}.cle-main-layout__input::-webkit-scrollbar{width:8px;height:8px}.cle-main-layout__results::-webkit-scrollbar{width:8px;height:8px}.cle-tablet-layout__left::-webkit-scrollbar{width:8px;height:8px}.cle-tablet-layout__right::-webkit-scrollbar{width:8px;height:8px}.import-dialog__content::-webkit-scrollbar{width:8px;height:8px}.product-library__list::-webkit-scrollbar{width:8px;height:8px}.template-manager__list::-webkit-scrollbar{width:8px;height:8px}.batch-entry__table-wrap::-webkit-scrollbar{width:8px;height:8px}.cle-input-panel::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.cle-main-layout__input::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.cle-main-layout__results::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.cle-tablet-layout__left::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.cle-tablet-layout__right::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.import-dialog__content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.product-library__list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.template-manager__list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.batch-entry__table-wrap::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.cle-input-panel::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.cle-main-layout__input::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.cle-main-layout__results::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.cle-tablet-layout__left::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.cle-tablet-layout__right::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.import-dialog__content::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.product-library__list::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.template-manager__list::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.batch-entry__table-wrap::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.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}.focus-ring:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.cle-header{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-lg);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);flex-shrink:0;display:flex}.cle-header__left{align-items:center;gap:var(--space-sm);display:flex}.cle-header__logo{color:var(--color-accent);flex-shrink:0;align-items:center;display:flex}.cle-header__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);white-space:nowrap}.cle-header__right{align-items:center;gap:var(--space-md);display:flex}.cle-header__settings-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.cle-header__settings-btn:hover:not(:disabled){color:var(--color-text-primary);border-color:var(--color-text-muted)}.cle-header__settings-btn:disabled{opacity:.4;cursor:not-allowed}.cle-footer{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-lg);background:var(--color-bg-secondary);border-top:1px solid var(--color-border);flex-shrink:0;display:flex}.cle-footer__disclaimer{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.4}.cle-footer__version{font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--color-text-muted)}.cle-input-panel{gap:var(--space-md);padding:var(--space-md);flex-direction:column;height:100%;display:flex;overflow-y:auto}.cle-input-panel__section{gap:var(--space-sm);flex-direction:column;display:flex}.cle-input-panel__divider{background:var(--color-border);height:1px;margin:var(--space-xs) 0}.cle-input-panel__toggle-row{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.cle-input-panel__toggle-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.cle-input-panel__toggle{border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;box-sizing:border-box;width:36px;height:20px;transition:all var(--transition-fast);position:relative}.cle-input-panel__toggle:before{content:"";position:absolute;inset:-12px}.cle-input-panel__toggle:after{content:"";border-radius:var(--radius-full);background:var(--color-text-muted);width:14px;height:14px;transition:transform .2s cubic-bezier(.22,1,.36,1),background .2s cubic-bezier(.22,1,.36,1);position:absolute;top:2px;left:2px}.cle-input-panel__toggle.is-active{background:var(--color-accent);border-color:var(--color-accent)}.cle-input-panel__toggle.is-active:after{background:#fff;transform:translate(16px)}.cle-input-panel__advanced-toggle{align-items:center;gap:var(--space-xs);cursor:pointer;font-size:var(--font-size-xs);color:var(--color-text-muted);padding:var(--space-xs) 0;transition:color var(--transition-fast);background:0 0;border:none;font-family:inherit;display:inline-flex}.cle-input-panel__advanced-toggle:hover{color:var(--color-accent)}.cle-input-panel__advanced-content{gap:var(--space-sm);padding-top:var(--space-sm);flex-direction:column;display:flex}.cle-input-panel__advanced-content.is-hidden{display:none}.cle-main-layout{flex:1;grid-template-columns:minmax(280px,360px) 1fr minmax(260px,340px);grid-template-areas:"input viz results";min-height:0;display:grid;overflow:hidden}.cle-main-layout__input{border-right:1px solid var(--color-border);grid-area:input;overflow-y:auto}.cle-main-layout__viz{flex-direction:column;grid-area:viz;display:flex;overflow:hidden}.cle-main-layout__results{border-left:1px solid var(--color-border);grid-area:results;overflow-y:auto}.print-btn{justify-content:center;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);font-family:inherit;display:flex}.print-btn:hover{background:var(--color-accent-subtle);color:var(--color-accent);border-color:var(--color-accent)}.print-btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.print-btn__icon{flex-shrink:0}.print-header,.print-views{display:none}.dimension-input{gap:var(--space-xs);flex-direction:column;flex:1;min-width:0;display:flex}.dimension-input__error{font-size:var(--font-size-xs);color:var(--color-danger);line-height:1.3}.weight-input{gap:var(--space-xs);flex-direction:column;flex:1;min-width:0;display:flex}.weight-input__error{font-size:var(--font-size-xs);color:var(--color-danger);line-height:1.3}.quantity-input{gap:var(--space-xs);flex-direction:column;flex:1;min-width:0;display:flex}.quantity-input__error{font-size:var(--font-size-xs);color:var(--color-danger);line-height:1.3}.orientation-select{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);display:inline-flex;overflow:hidden}.orientation-select__option{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);border:none;border-right:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0}.orientation-select__option:last-child{border-right:none}.orientation-select__option:hover{background:var(--color-surface);color:var(--color-text-primary)}.orientation-select__option.is-active{background:var(--color-accent);color:var(--color-bg-secondary)}.orientation-select__option:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:-2px}.stacking-controls{gap:var(--space-sm);flex-direction:column;display:flex}.stacking-controls__row{align-items:center;gap:var(--space-sm);display:flex}.stacking-controls__toggle-label{align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;display:flex}.stacking-controls__toggle{border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;box-sizing:content-box;width:36px;height:20px;transition:all var(--transition-fast);margin:-12px;padding:12px;position:relative}.stacking-controls__toggle:after{content:"";border-radius:var(--radius-full);background:var(--color-text-muted);width:14px;height:14px;transition:all var(--transition-fast);position:absolute;top:2px;left:2px}.stacking-controls__toggle.is-active{background:var(--color-danger);border-color:var(--color-danger)}.stacking-controls__toggle.is-active:after{background:#fff;transform:translate(16px)}.cargo-item-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-left:3px solid var(--color-accent);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal)}.cargo-item-card:hover{box-shadow:var(--shadow-md)}.cargo-item-card.has-warnings{border-left-color:var(--color-warning)}.cargo-item-card__header{justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);display:flex}.cargo-item-card__header-left{align-items:center;gap:var(--space-sm);flex:1;min-width:0;display:flex}.cargo-item-card__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);background:0 0;border:none;flex:1;min-width:0;max-width:200px;padding:2px 0}.cargo-item-card__name:focus{border-bottom:1px solid var(--color-accent);outline:none}.cargo-item-card__name:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.cargo-item-card__sku{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--color-text-secondary);padding:2px var(--space-xs);width:90px}.cargo-item-card__sku:focus{border-color:var(--color-border-focus);outline:none}.cargo-item-card__sku:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.cargo-item-card__header-right{align-items:center;gap:var(--space-sm);flex-shrink:0;display:flex}.cargo-item-card__badge{font-size:var(--font-size-sm);line-height:1}.cargo-item-card__badge--warning{color:var(--color-warning)}.cargo-item-card__total-weight{font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--color-text-muted);white-space:nowrap}.cargo-item-card__collapse-btn{border-radius:var(--radius-sm);cursor:pointer;min-width:28px;min-height:28px;font-size:var(--font-size-sm);color:var(--color-text-muted);padding:var(--space-xs);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}.cargo-item-card__collapse-btn:hover{color:var(--color-text-primary);background:var(--color-surface)}.cargo-item-card__body{gap:var(--space-md);padding:var(--space-md);flex-direction:column;display:flex}.cargo-item-card__row{gap:var(--space-sm);align-items:flex-start;display:flex}.cargo-item-card__row--dims{gap:var(--space-sm);grid-template-columns:repeat(3,1fr);display:grid}.cargo-item-card__row--weight-qty{gap:var(--space-sm);grid-template-columns:1fr auto;display:grid}.cargo-item-card__row--orientation{align-items:center;gap:var(--space-sm);display:flex}.cargo-item-card__row-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;min-width:80px}.cargo-item-card__advanced-toggle{align-items:center;gap:var(--space-xs);cursor:pointer;font-size:var(--font-size-xs);color:var(--color-text-muted);transition:color var(--transition-fast);background:0 0;border:none;padding:0;display:inline-flex}.cargo-item-card__advanced-toggle:hover{color:var(--color-accent)}.cargo-item-card__packaging-select{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);padding:var(--space-xs) var(--space-sm);cursor:pointer}.cargo-item-card__packaging-select:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 2px var(--color-accent-subtle);outline:none}.cargo-item-card__priority-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);font-size:var(--font-size-xs);color:var(--color-text-secondary);padding:var(--space-xs) var(--space-sm);width:120px}.cargo-item-card__priority-input:focus{border-color:var(--color-border-focus);outline:none}.cargo-item-card__priority-input:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.cargo-item-card__actions{justify-content:flex-end;gap:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--color-border);opacity:0;transition:opacity var(--transition-fast);display:flex}.cargo-item-card:hover .cargo-item-card__actions,.cargo-item-card:focus-within .cargo-item-card__actions{opacity:1}@media (hover:none){.cargo-item-card__actions{opacity:1}}.cargo-item-card__action-btn{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.cargo-item-card__action-btn--duplicate:hover{background:var(--color-accent-subtle);color:var(--color-accent);border-color:var(--color-accent)}.cargo-item-card__action-btn--remove:hover{background:var(--color-danger-subtle);color:var(--color-danger);border-color:var(--color-danger)}.cargo-item-card__action-btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:1px}.cargo-item-list{gap:var(--space-md);flex-direction:column;display:flex}.cargo-item-list__header{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.cargo-item-list__count{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.cargo-item-list__warning{font-size:var(--font-size-xs);color:var(--color-warning);background:var(--color-warning-subtle);padding:2px var(--space-sm);border-radius:var(--radius-sm)}.cargo-item-list__limit{font-size:var(--font-size-xs);color:var(--color-danger);background:var(--color-danger-subtle);padding:2px var(--space-sm);border-radius:var(--radius-sm)}.cargo-item-list__collapse-controls{gap:var(--space-xs);display:flex}.cargo-item-list__collapse-toggle-btn{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.cargo-item-list__collapse-toggle-btn:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-subtle)}.cargo-item-list__collapse-toggle-btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.cargo-item-list__empty{align-items:center;gap:var(--space-md);padding:var(--space-2xl) var(--space-md);text-align:center;border:2px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);flex-direction:column;display:flex}.cargo-item-list__empty-text{font-size:var(--font-size-sm);color:var(--color-text-muted)}.cargo-item-list__items{gap:var(--space-sm);flex-direction:column;display:flex}.cargo-item-list__footer{padding-top:var(--space-sm);justify-content:center;display:flex}.cargo-item-list__add-btn{padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:1px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);width:100%}.cargo-item-list__add-btn:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-subtle)}.cargo-item-list__add-btn--primary{background:var(--color-accent);color:var(--color-bg-secondary);border-style:solid;border-color:var(--color-accent);width:auto}.cargo-item-list__add-btn--primary:hover{background:var(--color-accent-hover)}.cargo-item-list__add-btn:disabled{opacity:.5;cursor:not-allowed}.cargo-item-list__add-btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.container-card{align-items:center;gap:var(--space-xs);min-width:168px;padding:var(--space-md) var(--space-md) var(--space-sm);background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:transform var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-normal), background var(--transition-normal);text-align:center;flex-direction:column;font-family:inherit;display:flex;position:relative}.container-card:before{content:"";background:var(--color-accent);border-radius:var(--radius-md) var(--radius-md) 0 0;transform-origin:50%;height:3px;transition:transform var(--transition-normal);position:absolute;inset:-2px -2px auto;transform:scaleX(0)}.container-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.container-card:hover:before{transform:scaleX(1)}.container-card.is-selected{border-color:var(--color-accent);background:var(--color-accent-subtle);box-shadow:0 0 0 1px var(--color-accent), var(--shadow-md)}.container-card.is-selected:before{transform:scaleX(1)}.container-card:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.container-card__icon{height:44px;color:var(--color-text-muted);transition:color var(--transition-normal);justify-content:center;align-items:center;display:flex}.container-card:hover .container-card__icon,.container-card.is-selected .container-card__icon{color:var(--color-accent)}.container-card__silhouette{display:block}.container-card__name{font-size:var(--font-size-sm);font-weight:var(--weight-semibold);letter-spacing:.01em;color:var(--color-text-primary)}.container-card__dims{font-size:var(--font-size-xs);font-family:var(--font-family-mono);letter-spacing:.02em;color:var(--color-text-secondary)}.container-card__meta{align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);color:var(--color-text-muted);display:flex}.container-card__meta-separator{opacity:.4}.container-selector{gap:var(--space-md);padding:var(--space-xs) 0;flex-direction:column;display:flex}.container-selector__hero{gap:var(--space-xs) var(--space-md);padding:var(--space-md) var(--space-lg);background:linear-gradient(180deg, var(--color-accent-subtle) 0%, var(--color-bg-secondary) 100%);border:2px solid var(--color-accent);border-radius:var(--radius-lg);box-shadow:inset 0 1px 0 #fff9, var(--shadow-md);grid-template-columns:1fr auto;grid-template-areas:"badge badge""body cta";display:grid;position:relative;overflow:hidden}.container-selector__hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#4689b91f 0%,#0000 65%);width:240px;height:240px;position:absolute;top:-40%;right:-10%}.container-selector__hero-badge{padding:2px var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--weight-bold);letter-spacing:.12em;text-transform:uppercase;color:var(--color-bg-secondary);background:var(--color-accent);border-radius:var(--radius-full);grid-area:badge;justify-self:start;align-items:center;display:inline-flex}.container-selector__hero-body{gap:var(--space-xs);flex-direction:column;grid-area:body;min-width:0;display:flex}.container-selector__hero-headline{align-items:baseline;gap:var(--space-md);flex-wrap:wrap;display:flex}.container-selector__hero-name{font-size:var(--font-size-xl);font-weight:var(--weight-bold);letter-spacing:-.01em;color:var(--color-text-primary);line-height:1.1}.container-selector__hero-fit{color:var(--color-accent);align-items:baseline;gap:4px;display:inline-flex}.container-selector__hero-fit-pct{font-size:var(--font-size-2xl);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1}.container-selector__hero-fit-lbl{font-size:var(--font-size-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.container-selector__hero-reasoning{font-size:var(--font-size-sm);color:var(--color-text-secondary);max-width:60ch;margin:0;line-height:1.45}.container-selector__hero-reasoning strong{color:var(--color-text-primary);font-weight:var(--weight-semibold)}.container-selector__hero-cta{min-width:180px;padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm);font-weight:var(--weight-bold);letter-spacing:.02em;color:var(--color-bg-secondary);background:var(--color-accent);border:1px solid var(--color-accent);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-normal), transform var(--transition-normal), box-shadow var(--transition-normal);box-shadow:var(--shadow-sm);grid-area:cta;place-self:center end}.container-selector__hero-cta:hover:not(:disabled){background:var(--color-accent-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.container-selector__hero-cta:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:3px}.container-selector__hero-cta:disabled{opacity:.6;cursor:default;background:var(--color-success);border-color:var(--color-success)}.container-selector__family{gap:var(--space-xs);flex-direction:column;display:flex}.container-selector__family-label{font-size:var(--font-size-xs);font-weight:var(--weight-bold);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted);padding-left:2px}.container-selector__family-strip{gap:var(--space-sm);padding:var(--space-xs) 0;scrollbar-width:thin;-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 88%,#0000 100%);mask-image:linear-gradient(90deg,#000 88%,#0000 100%)}.container-selector__family-strip::-webkit-scrollbar{height:4px}.container-selector__family-strip::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.container-selector__family-strip:after{content:"";flex:0 0 24px}.view-2d-canvas{background:var(--color-surface);border-radius:var(--radius-sm);width:100%;height:100%;min-height:200px;display:block}.layer-slider{gap:var(--space-xs);flex-direction:column;display:flex}.layer-slider__header{justify-content:space-between;align-items:center;display:flex}.layer-slider__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.layer-slider__value{font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--color-accent);background:var(--color-accent-subtle);padding:1px var(--space-sm);border-radius:var(--radius-sm)}.layer-slider__track-wrap{align-items:center;width:100%;height:24px;display:flex;position:relative}.layer-slider__track{background:var(--color-surface);border-radius:var(--radius-full);width:100%;height:6px;position:relative}.layer-slider__tick{background:var(--color-border);width:1px;height:10px;position:absolute;top:50%;transform:translateY(-50%)}.layer-slider__input{appearance:none;cursor:pointer;background:0 0;width:100%;height:100%;margin:0;position:absolute;top:0;left:0}.layer-slider__input::-webkit-slider-runnable-track{background:var(--color-surface);border-radius:var(--radius-full);height:6px}.layer-slider__input::-webkit-slider-thumb{-webkit-appearance:none;border-radius:var(--radius-full);background:var(--color-accent);width:20px;height:20px;box-shadow:var(--shadow-sm);cursor:grab;border:2px solid #fff;margin-top:-7px}.layer-slider__input::-moz-range-track{background:var(--color-surface);border-radius:var(--radius-full);height:6px}.layer-slider__input::-moz-range-thumb{border-radius:var(--radius-full);background:var(--color-accent);width:20px;height:20px;box-shadow:var(--shadow-sm);cursor:grab;border:2px solid #fff}.layer-slider__input:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.layer-slider-3d{gap:var(--space-xs);flex-direction:column;display:flex}.layer-slider-3d__header{justify-content:space-between;align-items:center;display:flex}.layer-slider-3d__label{align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;font-family:inherit;display:flex}.layer-slider-3d__toggle{width:16px;height:16px;accent-color:var(--color-accent);cursor:pointer}.layer-slider-3d__layer-count{font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--color-accent);background:var(--color-accent-subtle);border-radius:var(--radius-sm);padding:2px 6px}.layer-slider-3d__row{align-items:center;gap:var(--space-sm);display:flex}.layer-slider-3d__play{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);width:28px;height:28px;color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-sm);transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;padding:0;font-family:inherit;display:inline-flex}.layer-slider-3d__play:hover:not(:disabled){background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg-secondary)}.layer-slider-3d__play:disabled{opacity:.4;cursor:not-allowed}.layer-slider-3d__slider-wrap{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.layer-slider-3d__slider{cursor:pointer;width:100%;height:24px;accent-color:var(--color-accent);margin:0}.layer-slider-3d__value{font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--color-text-muted);text-align:right}.layer-slider-3d__hint{font-size:var(--font-size-xs);color:var(--color-text-muted);flex:1}.sku-legend{gap:var(--space-sm);padding:var(--space-xs) 0;flex-wrap:wrap;display:flex}.sku-legend__item{align-items:center;gap:var(--space-xs);border-radius:var(--radius-sm);padding:2px var(--space-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:2px solid #0000;font-family:inherit;display:inline-flex}.sku-legend__item:hover{background:var(--color-surface)}.sku-legend__item.is-active{border-color:var(--color-accent);background:var(--color-accent-subtle)}.sku-legend__item:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:1px}.sku-legend__swatch{border-radius:2px;flex-shrink:0;width:12px;height:12px;display:inline-block}.sku-legend__name{font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap}.item-tooltip{z-index:1000;pointer-events:none;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-sm) var(--space-md);min-width:160px;max-width:280px;font-size:var(--font-size-xs);position:fixed}.item-tooltip__title{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-xs)}.item-tooltip__row{justify-content:space-between;gap:var(--space-sm);color:var(--color-text-secondary);line-height:1.5;display:flex}.item-tooltip__label{color:var(--color-text-muted)}.item-tooltip__value{font-family:var(--font-family-mono);color:var(--color-text-primary)}.visualization-panel{gap:var(--space-md);flex-direction:column;height:100%;display:flex}.visualization-panel__tabs{gap:var(--space-xs);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-xs);display:flex}.visualization-panel__tab{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;font-family:inherit}.visualization-panel__tab:hover{color:var(--color-text-primary)}.visualization-panel__tab.is-active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.visualization-panel__tab:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:1px}.visualization-panel__views{flex:1;min-height:0}.visualization-panel__view{width:100%;height:100%;min-height:200px}.visualization-panel__controls{gap:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--color-border);flex-direction:column;display:flex}.utilization-card{gap:var(--space-xs);padding:var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-left:3px solid var(--color-accent);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.utilization-card__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.utilization-card__percent{font-family:var(--font-family-mono);font-size:40px;font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1}.utilization-card__bar-track{background:var(--color-surface);border-radius:var(--radius-full);width:200px;max-width:100%;height:8px;overflow:hidden}.utilization-card__bar-fill{border-radius:var(--radius-full);height:100%;transition:width var(--transition-normal)}.utilization-card__absolute{font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:var(--font-family-mono)}.summary-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.summary-table{border-collapse:collapse;width:100%;font-size:var(--font-size-xs)}.summary-table th,.summary-table td{padding:var(--space-xs) var(--space-sm);text-align:left;border-bottom:1px solid var(--color-border);white-space:nowrap}.summary-table__th--swatch{width:20px}.summary-table__th--num{text-align:right}.summary-table__sort-btn{cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);white-space:nowrap;background:0 0;border:none;padding:0;font-family:inherit}.summary-table__sort-btn:hover{color:var(--color-accent)}.summary-table__swatch{border-radius:2px;width:10px;height:10px;display:inline-block}.summary-table__name{font-weight:var(--font-weight-medium);color:var(--color-text-primary);text-overflow:ellipsis;max-width:120px;overflow:hidden}.summary-table__mono{font-family:var(--font-family-mono);color:var(--color-text-secondary)}.summary-table__num{text-align:right;font-family:var(--font-family-mono)}.summary-table__badge{padding:1px var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);display:inline-block}.summary-table__badge--loaded{background:var(--color-loaded-subtle);color:var(--color-loaded)}.summary-table__badge--partial{background:var(--color-partial-subtle);color:var(--color-partial)}.summary-table__badge--none{background:var(--color-unloaded-subtle);color:var(--color-unloaded)}.summary-table__footer-label{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.summary-table__footer-val{font-weight:var(--font-weight-semibold)}.shortfall-notice{gap:var(--space-sm);flex-direction:column;display:flex}.shortfall-notice__success{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-success-subtle);color:var(--color-success);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);display:flex}.shortfall-notice__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.shortfall-notice__list{gap:var(--space-xs);flex-direction:column;display:flex}.shortfall-notice__item{align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-xs);display:flex}.shortfall-notice__icon{font-size:var(--font-size-base);flex-shrink:0}.shortfall-notice__item-name{font-weight:var(--font-weight-medium);color:var(--color-text-primary);text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.shortfall-notice__item-reason{color:var(--color-text-muted);font-style:italic}.shortfall-notice__suggestion{font-size:var(--font-size-xs);color:var(--color-text-muted);padding-top:var(--space-xs);font-style:italic}.results-panel{gap:var(--space-md);flex-direction:column;height:100%;display:flex;overflow-y:auto}.results-panel__empty{flex:1;justify-content:center;align-items:center;min-height:200px;display:flex}.results-panel__empty-text{font-size:var(--font-size-sm);color:var(--color-text-muted)}.results-panel__calculating{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-info-subtle);color:var(--color-info);border-radius:var(--radius-md);font-size:var(--font-size-sm);display:flex}.results-panel__spinner{border:2px solid var(--color-info-subtle);border-top-color:var(--color-info);border-radius:var(--radius-full);width:16px;height:16px;animation:.6s linear infinite results-spin}@keyframes results-spin{to{transform:rotate(360deg)}}.results-panel__error{padding:var(--space-sm) var(--space-md);background:var(--color-danger-subtle);color:var(--color-danger);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.results-panel__utilization{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.results-panel__summary-totals{align-items:center;gap:var(--space-md);padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border);display:flex}.results-panel__summary-item{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.results-panel__callout{padding:var(--space-xs);margin-bottom:var(--space-xs);border:1px solid var(--color-border);border-radius:var(--radius-sm);display:block}.results-panel__alert{padding:var(--space-xs);margin-top:var(--space-xs);border-radius:var(--radius-sm);border:1px solid;display:block}.results-panel__alert--warning{border-color:var(--color-warning);background:var(--color-warning-subtle)}.results-panel__alert--danger{border-color:var(--color-danger);background:var(--color-danger-subtle)}.weight-dist-diagram{gap:var(--space-md);padding:var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;display:flex}.weight-dist-diagram__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.weight-dist-diagram__views{gap:var(--space-md);flex-direction:column;display:flex}.weight-dist-diagram__view{gap:var(--space-xs);flex-direction:column;display:flex}.weight-dist-diagram__view-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.weight-dist-diagram__bar{border-radius:var(--radius-sm);height:28px;display:flex;overflow:hidden}.weight-dist-diagram__bar-front,.weight-dist-diagram__bar-left,.weight-dist-diagram__bar-rear,.weight-dist-diagram__bar-right{transition:width var(--transition-normal);justify-content:center;align-items:center;min-width:40px;display:flex}.weight-dist-diagram__bar--balanced .weight-dist-diagram__bar-front,.weight-dist-diagram__bar--balanced .weight-dist-diagram__bar-left{background:var(--color-success)}.weight-dist-diagram__bar--balanced .weight-dist-diagram__bar-rear,.weight-dist-diagram__bar--balanced .weight-dist-diagram__bar-right{background:var(--color-success);opacity:.7}.weight-dist-diagram__bar--marginal .weight-dist-diagram__bar-front,.weight-dist-diagram__bar--marginal .weight-dist-diagram__bar-left{background:var(--color-warning)}.weight-dist-diagram__bar--marginal .weight-dist-diagram__bar-rear,.weight-dist-diagram__bar--marginal .weight-dist-diagram__bar-right{background:var(--color-warning);opacity:.7}.weight-dist-diagram__bar--imbalanced .weight-dist-diagram__bar-front,.weight-dist-diagram__bar--imbalanced .weight-dist-diagram__bar-left{background:var(--color-danger)}.weight-dist-diagram__bar--imbalanced .weight-dist-diagram__bar-rear,.weight-dist-diagram__bar--imbalanced .weight-dist-diagram__bar-right{background:var(--color-danger);opacity:.7}.weight-dist-diagram__bar-text{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-bg-secondary);white-space:nowrap}.weight-dist-diagram__status{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.weight-dist-diagram__status--balanced{color:var(--color-success)}.weight-dist-diagram__status--marginal{color:var(--color-warning)}.weight-dist-diagram__status--imbalanced{color:var(--color-danger)}.weight-dist-diagram__cog{gap:var(--space-xs);padding-top:var(--space-sm);border-top:1px solid var(--color-border);flex-direction:column;display:flex}.weight-dist-diagram__cog-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.weight-dist-diagram__cog-values{gap:var(--space-md);display:flex}.weight-dist-diagram__cog-axis{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-primary)}.weight-dist-diagram__warning{font-size:var(--font-size-xs);color:var(--color-warning);background:var(--color-warning-subtle);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm)}.cost-input{gap:var(--space-sm);padding:var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;display:flex}.cost-input__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.cost-input__method-row{gap:var(--space-xs);display:flex}.cost-input__method-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);align-items:center;display:flex}.cost-input__method-btn{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.cost-input__method-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.cost-input__method-btn.is-active{background:var(--color-accent);color:var(--color-bg-secondary);border-color:var(--color-accent)}.cost-breakdown{gap:var(--space-sm);padding:var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;display:flex}.cost-breakdown__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.cost-breakdown__table{border-collapse:collapse;width:100%;font-size:var(--font-size-xs)}.cost-breakdown__table th,.cost-breakdown__table td{padding:var(--space-xs) var(--space-sm);text-align:left;border-bottom:1px solid var(--color-border);white-space:nowrap}.cost-breakdown__table th{font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:var(--font-size-xs)}.cost-breakdown__mono{font-family:var(--font-family-mono)}.cost-breakdown__total{padding-top:var(--space-sm);border-top:1px solid var(--color-border);font-weight:var(--font-weight-semibold);justify-content:space-between;align-items:center;display:flex}.cost-breakdown__total-label{font-size:var(--font-size-sm);color:var(--color-text-primary)}.cost-breakdown__total-value{font-size:var(--font-size-lg);font-family:var(--font-family-mono);color:var(--color-accent)}.container-comparison{gap:var(--space-md);padding:var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;display:flex}.container-comparison__grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.container-comparison__card{gap:var(--space-xs);padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:var(--color-surface);flex-direction:column;display:flex}.container-comparison__card:hover{box-shadow:var(--shadow-sm)}.container-comparison__card.is-best{border-color:var(--color-success);background:var(--color-success-subtle)}.container-comparison__card.is-selected{border-color:var(--color-accent)}.container-comparison__card-name{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.container-comparison__card-stat{font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--color-text-secondary)}.container-comparison__card-best{font-size:var(--font-size-xs);color:var(--color-success);font-weight:var(--font-weight-semibold)}.custom-container-form{gap:var(--space-md);padding:var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;display:flex}.custom-container-form__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.custom-container-form__row{gap:var(--space-sm);display:flex}.custom-container-form__field{gap:var(--space-xs);flex-direction:column;flex:1;min-width:0;display:flex}.custom-container-form__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.custom-container-form__input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);padding:var(--space-sm);font-family:var(--font-family-mono);font-size:var(--font-size-sm)}.custom-container-form__input:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 2px var(--color-accent-subtle);outline:none}.custom-container-form__actions{gap:var(--space-sm);justify-content:flex-end;display:flex}.custom-container-form__btn{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.custom-container-form__btn--save{background:var(--color-accent);color:var(--color-bg-secondary);border:1px solid var(--color-accent)}.custom-container-form__btn--save:hover{background:var(--color-accent-hover)}.custom-container-form__btn--cancel{background:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border)}.custom-container-form__btn--cancel:hover{border-color:var(--color-text-muted)}.custom-container-form__list{gap:var(--space-xs);flex-direction:column;display:flex}.custom-container-form__list-item{padding:var(--space-xs) var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-xs);justify-content:space-between;align-items:center;display:flex}.custom-container-form__list-name{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.custom-container-form__list-dims{font-family:var(--font-family-mono);color:var(--color-text-muted)}.custom-container-form__delete-btn{color:var(--color-danger);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-xs);background:0 0;border:none}.pallet-config{gap:var(--space-sm);padding:var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;display:flex}.pallet-config__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.cargo-presets{gap:var(--space-sm);flex-direction:column;display:flex}.cargo-presets__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.cargo-presets__list{gap:var(--space-xs);flex-wrap:wrap;display:flex}.cargo-presets__btn{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.cargo-presets__btn:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-subtle)}.cargo-presets__btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:1px}.validation-badge{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;font-family:inherit;display:inline-flex}.validation-badge--ok{background:var(--color-success-subtle);color:var(--color-success);border-color:var(--color-success)}.validation-badge.validation-badge--ok{color:var(--color-text-muted);font-weight:var(--font-weight-medium);background:0 0;border-color:#0000}.validation-badge.validation-badge--ok:hover{color:var(--color-success);background:var(--color-success-subtle)}.validation-badge--warning{background:var(--color-warning-subtle);color:var(--color-warning);border-color:var(--color-warning)}.validation-badge--error{background:var(--color-danger-subtle);color:var(--color-danger);border-color:var(--color-danger)}.validation-badge:hover{filter:brightness(.95)}.validation-badge__count{font-family:var(--font-family-mono)}.shipment-report{gap:var(--space-md);padding:var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;display:flex}.shipment-report__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.shipment-report__section{gap:var(--space-xs);flex-direction:column;display:flex}.shipment-report__section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);padding-bottom:var(--space-xs);border-bottom:1px solid var(--color-border)}.shipment-report__row{justify-content:space-between;gap:var(--space-sm);font-size:var(--font-size-xs);display:flex}.shipment-report__label{color:var(--color-text-muted)}.shipment-report__value{font-family:var(--font-family-mono);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.shipment-report__notes{font-size:var(--font-size-xs);color:var(--color-text-secondary);background:var(--color-surface);padding:var(--space-sm);border-radius:var(--radius-sm);white-space:pre-wrap}.quote-summary{gap:var(--space-md);padding:var(--space-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;display:flex}.quote-summary__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.quote-summary__date{font-size:var(--font-size-xs);color:var(--color-text-muted)}.quote-summary__divider{background:var(--color-border);height:1px}.quote-summary__highlight{padding:var(--space-sm) 0;justify-content:space-between;align-items:center;display:flex}.quote-summary__highlight-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.quote-summary__highlight-value{font-size:var(--font-size-lg);font-family:var(--font-family-mono);font-weight:var(--font-weight-bold);color:var(--color-accent)}.quote-summary__disclaimer{font-size:var(--font-size-xs);color:var(--color-text-muted);font-style:italic}.export-menu{gap:var(--space-xs);padding:var(--space-sm);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:100;flex-direction:column;min-width:200px;display:flex;position:absolute;top:100%;right:0}.import-dialog{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.import-dialog__content{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-lg);gap:var(--space-md);flex-direction:column;width:90%;max-width:640px;max-height:80vh;display:flex;overflow-y:auto}.import-dialog__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.import-dialog__actions{gap:var(--space-sm);justify-content:flex-end;display:flex}.import-dialog__btn{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.import-dialog__btn--primary{background:var(--color-accent);color:var(--color-bg-secondary);border:1px solid var(--color-accent)}.import-dialog__btn--primary:hover{background:var(--color-accent-hover)}.import-dialog__btn--secondary{background:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border)}.cle-export-menu{position:relative}.cle-export-menu__trigger{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;display:flex}.cle-export-menu__trigger:hover:not(:disabled){color:var(--color-text-primary);border-color:var(--color-text-muted)}.cle-export-menu__trigger:disabled{opacity:.4;cursor:not-allowed}.cle-export-menu__overlay{z-index:99;position:fixed;inset:0}.cle-export-menu__dropdown{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;min-width:160px;padding:var(--space-xs) 0;margin-top:4px;position:absolute;top:100%;right:0}.cle-export-menu__item{align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);color:var(--color-text-primary);font-size:var(--text-sm);cursor:pointer;text-align:left;background:0 0;border:none;display:flex}.cle-export-menu__item:hover{background:var(--color-bg-secondary)}.cle-export-menu__icon{font-size:14px}.cle-import-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cle-import-dialog{background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:90%;max-width:640px;max-height:80vh;overflow-y:auto}.cle-import-dialog__header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.cle-import-dialog__header h2{font-size:var(--text-lg);font-weight:var(--weight-bold);margin:0}.cle-import-dialog__close{min-width:32px;min-height:32px;font-size:var(--text-lg);color:var(--color-text-secondary);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.cle-import-dialog__close:hover{color:var(--color-text-primary);background:var(--color-surface)}.cle-import-dialog__body{padding:var(--space-lg)}.cle-import-dialog__hint,.cle-import-dialog__info{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0 0 var(--space-md) 0}.cle-import-dialog__file-input{width:100%;padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm)}.cle-import-dialog__error{color:var(--color-alert-error);font-size:var(--text-sm);margin:var(--space-sm) 0 0 0}.cle-import-dialog__success{color:var(--color-status-success);font-size:var(--text-base);margin:0 0 var(--space-md) 0}.cle-import-dialog__preview-table-wrap{margin-bottom:var(--space-md)}.cle-import-dialog__preview-table{border-collapse:collapse;width:100%;font-size:var(--text-xs)}.cle-import-dialog__preview-table th,.cle-import-dialog__preview-table td{padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border);text-align:left;text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.cle-import-dialog__preview-table th{background:var(--color-bg-secondary);font-weight:var(--weight-semibold)}.cle-import-dialog__more{color:var(--color-text-secondary);font-size:var(--text-xs);margin:var(--space-xs) 0 0 0}.cle-import-dialog__options{gap:var(--space-lg);margin-bottom:var(--space-md);display:flex}.cle-import-dialog__radio{align-items:center;gap:var(--space-xs);font-size:var(--text-sm);cursor:pointer;display:flex}.cle-import-dialog__actions{gap:var(--space-sm);justify-content:flex-end;display:flex}.cle-btn{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.cle-btn--primary{background:var(--color-accent);color:#fff}.cle-btn--primary:hover{background:var(--color-accent-hover)}.cle-btn--secondary{background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border)}.cle-btn--secondary:hover{border-color:var(--color-accent)}.cle-btn--sm{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs)}.cle-input-panel__import-row{gap:var(--space-xs);margin-bottom:var(--space-xs);flex-wrap:wrap;align-items:center;display:flex}.toast{z-index:9999;background:var(--color-text-primary);max-width:min(90vw,480px);color:var(--color-bg-primary);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:opacity var(--transition-normal);pointer-events:none;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast__message{word-wrap:break-word;overflow-wrap:break-word;display:inline-block}.toast--visible{opacity:1}.toast--hidden{opacity:0}.theme-toggle{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.theme-toggle:hover{color:var(--color-text-primary);border-color:var(--color-text-muted)}.unit-icon-toggle{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;font-family:inherit;display:flex}.unit-icon-toggle:hover{color:var(--color-text-primary);border-color:var(--color-text-muted)}.unit-icon-toggle:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.product-library__toggle{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);font-family:inherit;display:inline-flex}.product-library__toggle:hover{border-color:var(--color-accent);color:var(--color-accent)}.product-library__count{background:var(--color-accent);color:var(--color-bg-secondary);border-radius:var(--radius-full);font-size:10px;font-weight:var(--font-weight-bold);padding:1px 5px}.product-library{z-index:1000;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:400px;max-width:90vw;max-height:70vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.product-library__header{padding:var(--space-md);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.product-library__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.product-library__close{cursor:pointer;min-width:32px;min-height:32px;font-size:var(--font-size-base);color:var(--color-text-muted);padding:var(--space-xs);border-radius:var(--radius-sm);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.product-library__close:hover{color:var(--color-text-primary);background:var(--color-surface)}.product-library__search{margin:var(--space-sm) var(--space-md);padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-sm)}.product-library__search:focus{border-color:var(--color-border-focus);outline:none}.product-library__search:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.product-library__limit{margin:0 var(--space-md);font-size:var(--font-size-xs);color:var(--color-warning);background:var(--color-warning-subtle);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm)}.product-library__list{padding:var(--space-sm) var(--space-md);gap:var(--space-xs);flex-direction:column;flex:1;display:flex;overflow-y:auto}.product-library__empty{text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm);padding:var(--space-xl)}.product-library__item{justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-primary);display:flex}.product-library__item-info{flex-direction:column;gap:2px;min-width:0;display:flex}.product-library__item-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.product-library__item-sku{font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.product-library__item-dims,.product-library__item-weight{font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--color-text-secondary)}.product-library__item-actions{gap:var(--space-xs);flex-shrink:0;display:flex}.product-library__add-btn{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border:1px solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-accent-subtle);color:var(--color-accent);cursor:pointer;font-family:inherit}.product-library__add-btn:hover{background:var(--color-accent);color:var(--color-bg-secondary)}.product-library__delete-btn{padding:var(--space-xs);font-size:var(--font-size-xs);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);color:var(--color-text-muted);cursor:pointer}.product-library__delete-btn:hover{background:var(--color-danger-subtle);color:var(--color-danger);border-color:var(--color-danger)}.template-manager__toggle{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:pointer;font-family:inherit;display:inline-flex}.template-manager__toggle:hover{border-color:var(--color-accent);color:var(--color-accent)}.template-manager{z-index:1000;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:450px;max-width:90vw;max-height:70vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.template-manager__header{padding:var(--space-md);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.template-manager__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.template-manager__close{cursor:pointer;min-width:32px;min-height:32px;font-size:var(--font-size-base);color:var(--color-text-muted);padding:var(--space-xs);border-radius:var(--radius-sm);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.template-manager__save-section{gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);flex-direction:column;display:flex}.template-manager__input{padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-sm)}.template-manager__input:focus{border-color:var(--color-border-focus);outline:none}.template-manager__input:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.template-manager__save-btn{padding:var(--space-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:1px solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-accent);color:var(--color-bg-secondary);cursor:pointer;font-family:inherit}.template-manager__save-btn:hover:not(:disabled){background:var(--color-accent-hover)}.template-manager__save-btn:disabled{opacity:.5;cursor:not-allowed}.template-manager__close:hover{color:var(--color-text-primary);background:var(--color-surface)}.template-manager__search{margin:var(--space-sm) var(--space-md);padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-sm)}.template-manager__search:focus{border-color:var(--color-border-focus);outline:none}.template-manager__search:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.template-manager__list{padding:var(--space-sm) var(--space-md);gap:var(--space-xs);flex-direction:column;flex:1;display:flex;overflow-y:auto}.template-manager__item{justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-primary);display:flex}.template-manager__item-info{flex-direction:column;gap:2px;min-width:0;display:flex}.template-manager__item-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.template-manager__item-desc{font-size:var(--font-size-xs);color:var(--color-text-muted)}.template-manager__item-tags{gap:var(--space-xs);flex-wrap:wrap;display:flex}.template-manager__tag{border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text-secondary);padding:1px 6px;font-size:10px}.template-manager__item-meta{font-size:var(--font-size-xs);color:var(--color-text-muted)}.template-manager__item-actions{gap:var(--space-xs);flex-shrink:0;display:flex}.template-manager__load-btn{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border:1px solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-accent-subtle);color:var(--color-accent);cursor:pointer;font-family:inherit}.template-manager__load-btn:hover{background:var(--color-accent);color:var(--color-bg-secondary)}.template-manager__dup-btn{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:pointer;font-family:inherit}.template-manager__dup-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.template-manager__delete-btn{padding:var(--space-xs);font-size:var(--font-size-xs);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);color:var(--color-text-muted);cursor:pointer}.template-manager__delete-btn:hover{background:var(--color-danger-subtle);color:var(--color-danger);border-color:var(--color-danger)}.scenario-comparison__toggle{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:pointer;font-family:inherit;display:inline-flex}.scenario-comparison__toggle:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.scenario-comparison__toggle:disabled{opacity:.5;cursor:not-allowed}.scenario-comparison__count{background:var(--color-accent);color:var(--color-bg-secondary);border-radius:var(--radius-full);font-size:10px;font-weight:var(--font-weight-bold);padding:1px 5px}.scenario-comparison{z-index:1000;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:600px;max-width:90vw;max-height:70vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.scenario-comparison__header{padding:var(--space-md);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.scenario-comparison__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.scenario-comparison__close{cursor:pointer;min-width:32px;min-height:32px;font-size:var(--font-size-base);color:var(--color-text-muted);padding:var(--space-xs);border-radius:var(--radius-sm);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.scenario-comparison__save-row{gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);display:flex}.scenario-comparison__close:hover{color:var(--color-text-primary);background:var(--color-surface)}.scenario-comparison__input{padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-sm);flex:1}.scenario-comparison__input:focus{border-color:var(--color-border-focus);outline:none}.scenario-comparison__input:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.scenario-comparison__save-btn{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:1px solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-accent);color:var(--color-bg-secondary);cursor:pointer;font-family:inherit}.scenario-comparison__save-btn:disabled{opacity:.5;cursor:not-allowed}.scenario-comparison__empty{text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm);padding:var(--space-xl)}.scenario-comparison__table-wrap{padding:var(--space-sm) var(--space-md);flex:1;overflow:auto}.scenario-comparison__table{border-collapse:collapse;width:100%;font-size:var(--font-size-xs)}.scenario-comparison__table th,.scenario-comparison__table td{padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--color-border);text-align:left;white-space:nowrap}.scenario-comparison__table th{font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.scenario-comparison__name{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.scenario-comparison__best{color:var(--color-success);font-weight:var(--font-weight-bold);background:var(--color-success-subtle);padding:1px var(--space-xs);border-radius:var(--radius-sm)}.scenario-comparison__load-btn{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);border:1px solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-accent-subtle);color:var(--color-accent);cursor:pointer;margin-right:var(--space-xs);font-family:inherit}.scenario-comparison__delete-btn{padding:var(--space-xs);font-size:var(--font-size-xs);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);color:var(--color-text-muted);cursor:pointer}.scenario-comparison__delete-btn:hover{background:var(--color-danger-subtle);color:var(--color-danger)}.share-button{flex-direction:column;display:inline-flex}.share-button__btn{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:pointer;font-family:inherit;display:inline-flex}.share-button__btn:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.share-button__btn:disabled{opacity:.5;cursor:not-allowed}.share-button__warning{font-size:var(--font-size-xs);color:var(--color-warning);margin-top:var(--space-xs)}.batch-entry__toggle{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:pointer;font-family:inherit;display:inline-flex}.batch-entry__toggle:hover{border-color:var(--color-accent);color:var(--color-accent)}.batch-entry{z-index:1000;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:90vw;max-width:900px;max-height:70vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.batch-entry__header{padding:var(--space-md);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.batch-entry__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.batch-entry__close{cursor:pointer;min-width:32px;min-height:32px;font-size:var(--font-size-base);color:var(--color-text-muted);padding:var(--space-xs);border-radius:var(--radius-sm);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.batch-entry__close:hover{color:var(--color-text-primary);background:var(--color-surface)}.batch-entry__info{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-xs);color:var(--color-text-muted);border-bottom:1px solid var(--color-border)}.batch-entry__table-wrap{padding:var(--space-sm) var(--space-md);flex:1;overflow:auto}.batch-entry__table{border-collapse:collapse;width:100%;font-size:var(--font-size-xs)}.batch-entry__table th,.batch-entry__table td{padding:var(--space-xs);border-bottom:1px solid var(--color-border);white-space:nowrap}.batch-entry__table th{font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.03em;font-size:10px}.batch-entry__input{width:100%;padding:var(--space-xs);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-xs);font-family:var(--font-family-mono)}.batch-entry__input:focus{border-color:var(--color-border-focus);outline:none}.batch-entry__input:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.batch-entry__input--num{width:60px}.batch-entry__select{padding:var(--space-xs);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-xs)}.batch-entry__cell--error{background:var(--color-danger-subtle)}.batch-entry__error{color:var(--color-danger);font-size:9px}.batch-entry__remove-btn{padding:var(--space-xs);font-size:var(--font-size-xs);color:var(--color-text-muted);cursor:pointer;background:0 0;border:none}.batch-entry__remove-btn:hover:not(:disabled){color:var(--color-danger)}.batch-entry__remove-btn:disabled{opacity:.3;cursor:not-allowed}.batch-entry__actions{gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-top:1px solid var(--color-border);display:flex}.batch-entry__add-row{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);border:1px dashed var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:pointer;font-family:inherit}.batch-entry__add-row:hover{border-color:var(--color-accent);color:var(--color-accent)}.batch-entry__apply{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:1px solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-accent);color:var(--color-bg-secondary);cursor:pointer;margin-left:auto;font-family:inherit}.batch-entry__apply:hover{background:var(--color-accent-hover)}.cargo-item-card__action-btn--save{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.cargo-item-card__action-btn--save:hover{background:var(--color-success-subtle);color:var(--color-success);border-color:var(--color-success)}.u-flex-col{flex-direction:column;display:flex}.u-flex-row-center{align-items:center;display:flex}.u-flex-between{justify-content:space-between;align-items:center;display:flex}.u-flex-between-start{justify-content:space-between;display:flex}.u-gap-xs{gap:var(--space-xs)}.u-text-xs{font-size:var(--font-size-xs)}.u-text-sm{font-size:var(--font-size-sm)}.u-text-muted,.u-text-secondary{color:var(--color-text-secondary)}.u-text-faint{color:var(--color-text-muted)}.u-text-primary{color:var(--color-text-primary)}.u-text-danger{color:var(--color-danger)}.u-text-success{color:var(--color-success)}.u-mt-xs{margin-top:var(--space-xs)}.u-mb-xs{margin-bottom:var(--space-xs)}.u-ml-auto{margin-left:auto}.u-btn-sm{font-size:var(--font-size-xs);padding:4px 8px}.u-abs-tr{position:absolute;top:8px;right:8px}.u-abs-br{position:absolute;bottom:8px;right:8px}.u-relative{position:relative}.u-h-400{height:400px}.u-z-10{z-index:10}.u-kbd{font-family:var(--font-family-mono);font-size:var(--font-size-xs);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:2px 6px}.u-section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.u-empty-state{justify-content:center;align-items:center;gap:var(--space-md);color:var(--color-text-secondary);padding:var(--space-lg);flex-direction:column;display:flex}.results-section{border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-sm);flex-shrink:0;overflow:hidden}.results-section__header{width:100%;padding:var(--space-sm) var(--space-md);background:var(--color-bg-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);border:none;justify-content:space-between;align-items:center;font-family:inherit;display:flex}.results-section__header:hover{background:var(--color-bg-tertiary)}.results-section__chevron{font-size:var(--font-size-xs);color:var(--color-text-secondary);align-items:center;display:inline-flex}.results-section__content{padding:var(--space-sm)}.cle-header__load-demo-btn{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-accent);background:var(--color-bg-primary);border:1px solid var(--color-accent);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;font-family:inherit}.cle-header__load-demo-btn:hover{background:var(--color-accent);color:var(--color-bg-secondary)}.load-demo__item{width:100%;padding:var(--space-sm) var(--space-md);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:all var(--transition-fast);flex-direction:column;gap:2px;font-family:inherit;display:flex}.load-demo__item:hover{border-color:var(--color-accent);background:var(--color-bg-tertiary)}.load-demo__item-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.load-demo__item-desc{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.3}.settings-panel{gap:var(--space-md);flex-direction:column;display:flex}.settings-panel__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.settings-panel__section{gap:var(--space-sm);flex-direction:column;display:flex}.settings-panel__row{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border);display:flex}.settings-panel__row:last-child{border-bottom:none}.settings-panel__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.settings-panel__hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.settings-panel__toggle{background:var(--color-border);border-radius:var(--radius-full);cursor:pointer;width:40px;height:22px;transition:background var(--transition-fast);border:none;flex-shrink:0;padding:0;position:relative}.settings-panel__toggle--on{background:var(--color-accent)}.settings-panel__toggle-knob{border-radius:var(--radius-full);width:18px;height:18px;transition:transform var(--transition-fast);background:#fff;position:absolute;top:2px;left:2px}.settings-panel__toggle--on .settings-panel__toggle-knob{transform:translate(18px)}.settings-panel__divider{border:none;border-top:1px solid var(--color-border);margin:var(--space-sm) 0}.help-caption{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:var(--space-xs);line-height:1.4}.help-tooltip{margin-left:var(--space-xs);align-items:center;display:inline-flex;position:relative}.help-tooltip__trigger{border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-bg-tertiary);width:16px;height:16px;color:var(--color-text-secondary);font-size:10px;font-weight:var(--font-weight-semibold);cursor:help;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.help-tooltip__trigger:hover,.help-tooltip__trigger:focus-visible{background:var(--color-accent);color:var(--color-bg-secondary);border-color:var(--color-accent);outline:none}.help-tooltip__popover{min-width:180px;max-width:280px;padding:var(--space-xs) var(--space-sm);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);font-size:var(--font-size-xs);color:var(--color-text-primary);z-index:100;pointer-events:auto;white-space:normal;line-height:1.5;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.help-tooltip__popover:after{content:"";border:5px solid #0000;border-top-color:var(--color-border);position:absolute;top:100%;left:50%;transform:translate(-50%)}.cle-modal{z-index:1000;animation:cle-modal-fade-in var(--transition-fast) ease-out;background:#10141880;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cle-modal__content{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-lg);gap:var(--space-md);width:90%;max-width:640px;max-height:80vh;animation:cle-modal-slide-up var(--transition-normal) ease-out;flex-direction:column;display:flex;overflow-y:auto}.cle-modal__header{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.cle-modal__title{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text-primary);margin:0}.cle-modal__close{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.cle-modal__close:hover{color:var(--color-text-primary);background:var(--color-surface)}.cle-modal__close:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.cle-modal__body{gap:var(--space-sm);flex-direction:column;display:flex}.cle-modal__actions{gap:var(--space-sm);justify-content:flex-end;display:flex}.cle-modal__btn{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);font-weight:var(--weight-medium);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.cle-modal__btn--primary{background:var(--color-accent);color:var(--color-bg-secondary);border:1px solid var(--color-accent)}.cle-modal__btn--primary:hover{background:var(--color-accent-hover)}.cle-modal__btn--primary:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.cle-modal__btn--secondary{background:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border)}.cle-modal__btn--secondary:hover{background:var(--color-surface);color:var(--color-text-primary)}.cle-modal__btn--secondary:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@keyframes cle-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes cle-modal-slide-up{0%{opacity:0;transform:translateY(var(--space-sm))}to{opacity:1;transform:translateY(0)}}.cle-feedback__form{gap:var(--space-sm);flex-direction:column;display:flex}.cle-feedback__label{font-size:var(--text-sm);font-weight:var(--weight-medium);margin-bottom:var(--space-xs);display:block}.cle-feedback__select,.cle-feedback__input,.cle-feedback__textarea{width:100%;font-size:var(--text-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text-primary);box-sizing:border-box;padding:6px 8px;font-family:inherit}.cle-feedback__select:focus-visible,.cle-feedback__input:focus-visible,.cle-feedback__textarea:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.cle-feedback__textarea{resize:vertical}.cle-feedback__priority-group{gap:var(--space-xs);display:flex}.cle-feedback__priority-btn{font-size:var(--text-xs);font-weight:var(--weight-medium);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-primary);transition:all var(--transition-fast);background:0 0;padding:4px 10px;font-family:inherit}.cle-feedback__priority-btn--active{border:2px solid var(--color-accent);background:var(--color-accent-subtle)}.cle-feedback__priority-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.cle-feedback__submitted{text-align:center;padding:var(--space-lg)}.cle-feedback__submitted-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-bottom:var(--space-sm)}.cle-feedback-fab{background:var(--color-accent);color:var(--color-bg-secondary);box-shadow:var(--shadow-lg);cursor:pointer;z-index:40;transition:background var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;padding:.75rem;display:flex;position:fixed;bottom:1rem;right:1rem}.cle-feedback-fab:hover{background:var(--color-accent-hover)}.cle-feedback-fab:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.cle-accordion{display:none}.cle-accordion__section{border-bottom:1px solid var(--color-border)}.cle-accordion__header{width:100%;padding:var(--space-md);background:var(--color-bg-secondary);cursor:pointer;font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);transition:background var(--transition-fast);border:none;justify-content:space-between;align-items:center;display:flex}.cle-accordion__header:hover{background:var(--color-surface)}.cle-accordion__header.is-open{border-bottom:1px solid var(--color-border)}.cle-accordion__header-left{align-items:center;gap:var(--space-sm);display:flex}.cle-accordion__icon{font-size:var(--font-size-base)}.cle-accordion__chevron{font-size:var(--font-size-sm);color:var(--color-text-muted);transition:transform var(--transition-fast);align-items:center;display:inline-flex}.cle-accordion__content{padding:var(--space-md);-webkit-overflow-scrolling:touch;max-height:70vh;overflow-y:auto}.cle-tablet-layout{display:none}.cle-tablet-layout__left{border-right:1px solid var(--color-border);width:340px;min-width:340px;overflow-y:auto}.cle-tablet-layout__right{flex-direction:column;flex:1;display:flex;overflow-y:auto}.cle-tablet-layout__viz{flex:1;min-height:300px}.cle-tablet-layout__results{border-top:1px solid var(--color-border)}@media (width<=767px){.cle-main-layout,.cle-tablet-layout{display:none!important}.cle-accordion{display:block}.cle-header__title{font-size:var(--font-size-sm)}.cle-header__right{gap:var(--space-xs);flex-wrap:wrap}.cle-header__load-demo-btn{padding:var(--space-xs)}.cle-header__settings-btn{display:none}.cle-footer{text-align:center;gap:var(--space-xs);flex-direction:column}.cle-input-panel{padding:var(--space-sm)}.visualization-panel__view{min-height:250px}.container-card{min-width:140px;padding:var(--space-sm)}.cargo-item-card__row--dims{grid-template-columns:1fr}}@media (width>=768px) and (width<=1023px){.cle-main-layout,.cle-accordion{display:none!important}.cle-tablet-layout{flex:1;display:flex;overflow:hidden}.cle-tablet-layout__left,.cle-tablet-layout__right{max-height:calc(100vh - 80px)}}@media (width>=1024px){.cle-main-layout{display:grid}.cle-accordion,.cle-tablet-layout{display:none!important}.cle-main-layout__input,.cle-main-layout__results{max-height:calc(100vh - 80px)}}@media (width>=1280px){.cle-main-layout{grid-template-columns:380px 1fr 340px}}@media print{.no-print,.cle-header,.cle-footer,.cle-input-panel,.cle-input-panel__section,.cle-input-panel__divider,.cle-input-panel__toggle-row,.cle-input-panel__advanced-toggle,.cle-input-panel__advanced-content,.container-selector,.cargo-item-list__header,.cargo-item-list__footer,.cargo-item-list__add-btn,.layer-slider,.sku-legend,.visualization-panel__tabs,.cle-accordion,.cle-tablet-layout,.print-btn{display:none!important}body{color:#000;background:#fff;margin:0;padding:1cm;font-size:10pt}.cle-app{min-height:auto;display:block!important}.cle-main-layout,.print-only{display:block!important}.print-header{border-bottom:2px solid #000;margin-bottom:1cm;padding-bottom:.5cm;display:block!important}.print-header__title{margin-bottom:.25cm;font-size:16pt;font-weight:700}.print-header__meta{color:#555;font-size:10pt}.print-header__date{margin-right:1cm}.print-views{page-break-inside:avoid;margin-bottom:1cm;display:block!important}.print-views img{vertical-align:top;max-width:48%;margin-bottom:.5cm;margin-right:2%;display:inline-block}.print-items-table{border-collapse:collapse;page-break-inside:avoid;width:100%;margin-bottom:1cm}.print-items-table th,.print-items-table td{text-align:left;border:1px solid #ccc;padding:4px 8px;font-size:9pt}.print-items-table th{background:#f0f0f0;font-weight:700}.print-metrics{page-break-inside:avoid;margin-bottom:1cm}.print-metrics__grid{grid-template-columns:1fr 1fr;gap:.5cm;display:grid}.print-metric{border:1px solid #ddd;border-radius:4px;padding:.25cm}.print-metric__label{text-transform:uppercase;color:#666;font-size:8pt}.print-metric__value{font-family:monospace;font-size:14pt;font-weight:700}.print-weight{page-break-inside:avoid;margin-bottom:1cm}.results-panel{max-height:none!important;overflow:visible!important}.results-panel__calculating,.results-panel__spinner{display:none!important}.visualization-panel__view{page-break-inside:avoid}.utilization-card{break-inside:avoid;border:1px solid #ccc}.summary-table-wrap{page-break-inside:avoid}.cargo-item-card{break-inside:avoid;box-shadow:none;border:1px solid #ccc}.cargo-item-card__actions{display:none!important}}