:root{--color-bg-primary: #ffffff;--color-bg-secondary: #f8f9fa;--color-bg-tertiary: #e9ecef;--color-bg-card: #ffffff;--color-bg-input: #ffffff;--color-bg-hover: #f1f3f5;--color-text-primary: #212529;--color-text-secondary: #495057;--color-text-muted: #868e96;--color-text-inverse: #ffffff;--color-border: #dee2e6;--color-border-focus: #1a56db;--color-accent: #1a56db;--color-accent-hover: #1442a3;--color-accent-light: #e8eefb;--color-success: #40c057;--color-success-light: #ebfbee;--color-warning: #fab005;--color-warning-light: #fff9db;--color-error: #fa5252;--color-error-light: #fff5f5;--color-info: #15aabf;--color-info-light: #e3fafc;--font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.375rem;--font-size-2xl: 1.75rem;--font-size-3xl: 2.25rem;--font-size-4xl: 2.75rem;--font-size-display: 3.5rem;--font-size-display-lg: 4.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: 3px;--radius-md: 4px;--radius-lg: 6px;--radius-xl: 8px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .08);--shadow-xl: 0 12px 32px -8px rgba(15, 23, 42, .18);--shadow-accent: 0 8px 24px -10px rgba(26, 86, 219, .45);--header-height: 56px;--tab-bar-height: 44px;--max-content-width: 1280px;--grid-gap: var(--space-4);--input-height: 36px;--touch-target: 44px;--transition-fast: .15s cubic-bezier(.16, 1, .3, 1);--transition-normal: .25s cubic-bezier(.16, 1, .3, 1);--transition-slow: .4s cubic-bezier(.16, 1, .3, 1);--cc-accent: 26, 86, 219;--cc-text: 33, 37, 41;--cc-bg: 255, 255, 255;--cc-info: 21, 170, 191;--cc-warn: 250, 80, 82;--cc-font-mono: "JetBrains Mono", "Fira Code", monospace;--cc-font-sans: "DM Sans", -apple-system, sans-serif;--cc-radius: 4px;--cc-control-height: 36px;--about-modal-link: var(--color-accent);--about-modal-panel-bg: var(--color-bg-secondary);--about-modal-bg: var(--color-bg-primary);--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-border: var(--color-border);--about-modal-btn-bg: var(--color-accent);--about-modal-btn-bg-hover: var(--color-accent-hover);--alert-overlay: rgba(0, 0, 0, .5);--alert-bg: var(--color-bg-primary);--alert-border: var(--color-border);--alert-radius: var(--radius-lg);--alert-shadow: var(--shadow-xl);--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: var(--color-text-inverse);--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-hover);--alert-btn-danger-bg: var(--color-error);--alert-btn-danger-text: var(--color-text-inverse);--alert-btn-danger-bg-hover: #e64949;--alert-input-bg: var(--color-bg-input);--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-error);--alert-accent-info: var(--color-info);--alert-accent-success: var(--color-success);--alert-accent-warning: var(--color-warning);--alert-accent-danger: var(--color-error)}[data-theme=dark]{--color-bg-primary: #1a1b1e;--color-bg-secondary: #25262b;--color-bg-tertiary: #2c2e33;--color-bg-card: #25262b;--color-bg-input: #2c2e33;--color-bg-hover: #2c2e33;--color-text-primary: #c1c2c5;--color-text-secondary: #909296;--color-text-muted: #5c5f66;--color-text-inverse: #1a1b1e;--color-border: #373a40;--color-border-focus: #5b93f5;--color-accent: #5b93f5;--color-accent-hover: #7dacf7;--color-accent-light: #1a2744;--color-success: #51cf66;--color-success-light: #1a2e1f;--color-warning: #fcc419;--color-warning-light: #2e2a1a;--color-error: #ff6b6b;--color-error-light: #2e1a1a;--color-info: #22b8cf;--color-info-light: #1a2e2e;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 2px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .4);--shadow-xl: 0 12px 32px -8px rgba(0, 0, 0, .55);--shadow-accent: 0 8px 24px -10px rgba(91, 147, 245, .5);--alert-overlay: rgba(0, 0, 0, .65);--alert-btn-danger-bg-hover: #ff5252;--cc-accent: 91, 147, 245;--cc-text: 193, 194, 197;--cc-bg: 26, 27, 30;--cc-info: 34, 184, 207;--cc-warn: 255, 107, 107;--cc-font-mono: "JetBrains Mono", "Fira Code", monospace;--cc-font-sans: "DM Sans", -apple-system, sans-serif;--cc-radius: 4px;--cc-control-height: 36px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{line-height:var(--line-height-tight);font-weight:var(--font-weight-semibold)}button{cursor:pointer;font-family:inherit;font-size:inherit}input,select,textarea{font-family:inherit;font-size:inherit}.skip-to-content{position:absolute;left:-9999px;top:0;background:var(--color-accent);color:var(--color-text-inverse);padding:var(--space-2) var(--space-4);z-index:1000}.skip-to-content:focus{left:0}#root{min-height:100vh;display:flex;flex-direction:column}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);position:relative}button.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);font-weight:var(--font-weight-medium);min-height:var(--touch-target);transition:all var(--transition-fast);letter-spacing:.01em}button.btn:hover{background:var(--color-bg-hover);border-color:var(--color-text-muted);transform:translateY(-1px)}button.btn:active{transform:translateY(0)}button.btn-primary{background:var(--color-accent);color:var(--color-text-inverse);border-color:var(--color-accent);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-accent)}button.btn-primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);box-shadow:0 10px 28px -10px #1a56db8c}button.btn-sm{padding:var(--space-1) var(--space-2);min-height:var(--input-height);font-size:var(--font-size-sm)}input[type=number],input[type=text],select{height:var(--input-height);padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-input);color:var(--color-text-primary);min-height:var(--touch-target);transition:border-color var(--transition-fast)}input[type=number]:focus,input[type=text]:focus,select:focus{border-color:var(--color-border-focus);outline:none;box-shadow:0 0 0 4px var(--color-accent-light)}input.error{border-color:var(--color-error)}input.error:focus{box-shadow:0 0 0 3px var(--color-error-light)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:var(--space-2)}table.data-table th{padding:var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-bottom:2px solid var(--color-border);text-align:left;white-space:nowrap}table.data-table td{padding:var(--space-2);border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm)}table.data-table td.cell-emphasis{font-weight:var(--font-weight-medium)}.progress-track{height:8px;border-radius:4px;background:var(--color-border);overflow:hidden;position:relative}.progress-fill{height:100%;border-radius:4px;transition:width var(--transition-normal)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em}.badge-actual{background:var(--color-success-light);color:var(--color-success)}.badge-dimensional{background:var(--color-warning-light);color:var(--color-warning)}.badge-equal{background:var(--color-info-light);color:var(--color-info)}.demo-picker-trigger{color:var(--color-accent);border-color:var(--color-accent)}.demo-picker-trigger:hover{background:var(--color-accent-light)}.demo-picker-dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;width:380px;max-height:480px;overflow-y:auto;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:60}.demo-picker-header{padding:var(--space-3) var(--space-4);font-size:var(--font-size-xs);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);line-height:var(--line-height-normal)}.demo-picker-item{display:block;width:100%;padding:var(--space-3) var(--space-4);border:none;background:transparent;color:var(--color-text-primary);cursor:pointer;text-align:left;transition:background var(--transition-fast)}.demo-picker-item:hover{background:var(--color-bg-hover)}.demo-picker-item+.demo-picker-item{border-top:1px solid var(--color-border)}.demo-picker-tag{display:inline-block;padding:1px var(--space-2);border-radius:var(--radius-full);font-size:.65rem;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}@media (max-width: 640px){.demo-picker-dropdown{position:fixed;top:auto;right:var(--space-4);left:var(--space-4);bottom:0;width:auto;max-height:60vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0}}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-8) var(--space-4);gap:var(--space-3);color:var(--color-text-secondary)}.empty-state.empty-state-compact{padding:var(--space-5) var(--space-3);gap:var(--space-2)}.empty-state-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-full);background:var(--color-accent-light);color:var(--color-accent);flex-shrink:0}.empty-state-compact .empty-state-icon{width:36px;height:36px}.empty-state-body{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);max-width:42ch}.empty-state-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.empty-state-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}.empty-state-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;margin-top:var(--space-2)}.empty-state-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-2)}.onboarding-tour-card{position:relative;background:var(--color-bg-primary);border-radius:var(--radius-lg);padding:var(--space-6);max-width:440px;width:90%;box-shadow:var(--shadow-xl)}.onboarding-tour-progress{display:flex;gap:var(--space-1);margin-bottom:var(--space-4)}.onboarding-tour-progress-dot{flex:1;height:4px;border-radius:var(--radius-full);background:var(--color-border);transition:background var(--transition-fast)}.onboarding-tour-progress-dot.is-active{background:var(--color-accent)}.onboarding-tour-progress-dot.is-complete{background:var(--color-accent);opacity:.5}@media (max-width: 480px){.empty-state{padding:var(--space-6) var(--space-2)}}@media print{header,nav[role=tablist],.skip-to-content,.btn,button,input,select,.card button,[data-testid=template-picker],[data-testid=cost-input-panel],[data-testid=pallet-panel],[data-testid=carrier-presets],[role=dialog]{display:none!important}main{max-width:100%!important;padding:0!important}.calculator-layout{display:block!important}.calculator-results-column{position:static!important;max-height:none!important;overflow:visible!important;border-left:none!important;border-top:1px solid #ddd!important;background:none!important;padding:8px 0!important}.optimization-group{break-inside:avoid}.card{break-inside:avoid;border:1px solid #ddd;padding:8px;margin-bottom:12px}header{position:static!important}body{font-size:12pt;color:#000;background:#fff}main:before{content:"CBM Calculator — Shipment Report";display:block;font-size:18pt;font-weight:700;margin-bottom:12pt;border-bottom:2px solid #000;padding-bottom:6pt}main:after{content:"Generated: " attr(data-timestamp);display:block;font-size:9pt;color:#666;margin-top:12pt}}.calculator-layout{display:flex;flex-direction:column;gap:var(--space-6)}.calculator-input-column{display:flex;flex-direction:column;gap:var(--space-5)}.calculator-results-column{display:flex;flex-direction:column;gap:var(--space-5);background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-4)}@media (min-width: 640px){.calculator-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);align-items:start}.calculator-results-column{position:sticky;top:calc(var(--header-height) + var(--tab-bar-height) + var(--space-4));max-height:calc(100vh - var(--header-height) - var(--tab-bar-height) - var(--space-8));overflow-y:auto}nav[role=tablist]{position:sticky;top:var(--header-height);z-index:40}}@media (max-width: 639px){.calculator-results-column{border-top:1px solid var(--color-border);border-radius:var(--radius-md)}header{height:auto!important;min-height:var(--header-height);flex-wrap:wrap;padding-top:var(--space-1);padding-bottom:var(--space-1)}header h1{font-size:var(--font-size-md)}nav[role=tablist]{position:fixed;bottom:0;left:0;right:0;top:auto;border-bottom:none;border-top:1px solid var(--color-border);z-index:50;background:var(--color-bg-primary)}main{padding-bottom:calc(var(--tab-bar-height) + var(--space-4))}table{font-size:var(--font-size-xs)}}.optimization-group{padding-top:var(--space-4);border-top:1px solid var(--color-border)}.optimization-group:first-child{border-top:none;padding-top:0}.optimization-group-title{font-size:var(--font-size-md);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);margin-bottom:var(--space-3);letter-spacing:-.01em}.notification-banner{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);display:flex;align-items:center;gap:var(--space-2)}.notification-banner.error{background:var(--color-error-light);color:var(--color-error);border:1px solid var(--color-error)}.notification-banner.success{background:var(--color-success-light);color:var(--color-success);border:1px solid var(--color-success)}.notification-banner.warning{background:var(--color-warning-light);color:var(--color-warning);border:1px solid var(--color-warning)}.section-divider{border-top:1px solid var(--color-border);padding-top:var(--space-4)}.section-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary)}.page-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-black);letter-spacing:-.025em}.field-label{font-size:var(--font-size-sm);display:block;margin-bottom:var(--space-1);font-weight:var(--font-weight-medium)}.metric-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em;font-weight:var(--font-weight-semibold)}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.monospace{font-family:monospace}.panel-section{padding:var(--space-2);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.toolbar-group{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}.metric-grid{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-4);display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3)}.metric-box{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast),transform var(--transition-fast)}.metric-box:hover{border-color:var(--color-text-muted)}.metric-box-emphasize{border-color:var(--color-accent);border-width:2px;padding:calc(var(--space-3) - 1px);background:var(--color-accent-light)}.metric-box-hero{grid-column:1 / -1;padding:var(--space-6) var(--space-4);background:var(--color-accent-light);border-color:var(--color-accent);border-width:2px;color:var(--color-text-primary)}.metric-box-hero .metric-label{color:var(--color-accent)}.metric-box-hero .metric-value{color:var(--color-text-primary);font-size:var(--font-size-display);font-weight:var(--font-weight-black);letter-spacing:-.035em;line-height:1;font-family:var(--font-family-mono);font-feature-settings:"tnum"}.metric-box-hero .metric-unit{color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.metric-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);font-family:var(--font-family-mono);font-feature-settings:"tnum";letter-spacing:-.01em;color:var(--color-text-primary)}: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{display:flex;align-items:flex-start;gap:var(--cc-row-gap);padding:7px 0;border-bottom:1px solid color-mix(in srgb,var(--cc-text) 6%,transparent)}.cc-label{width:var(--cc-label-width);font-size:var(--cc-label-size);color:color-mix(in srgb,var(--cc-text) 50%,transparent);flex-shrink:0;padding-top:6px;letter-spacing:.01em}.cc-group{flex:1;display:flex;align-items:flex-start;gap:8px}.cc-unit{font-size:var(--cc-label-size);color:color-mix(in srgb,var(--cc-text) 30%,transparent);font-family:var(--cc-font-mono);padding-top:6px;min-width:28px}.cc-scrub-display{display:flex;align-items:center;gap:6px;padding:4px 10px;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);user-select:none;touch-action:none;-webkit-user-select:none;outline:none;transition:background .1s,border-color .1s;cursor:row-resize;box-sizing:border-box}.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);flex:1;text-align:right}.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{font-size:9px;line-height:1;color:color-mix(in srgb,var(--cc-text) 20%,transparent)}.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);padding:4px 8px;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);outline:none;box-sizing:border-box}.cc-text-input:focus,.cc-text-input.cc-focused{border-color:color-mix(in srgb,var(--cc-accent) 70%,transparent)}.cc-text-input.cc-editing{border-color:color-mix(in srgb,var(--cc-accent) 70%,transparent)}.cc-preview{position:absolute;top:calc(100% + 4px);left:0;background:color-mix(in srgb,var(--cc-bg) 95%,transparent);border:1px solid color-mix(in srgb,var(--cc-accent) 30%,transparent);border-radius:4px;padding:3px 8px;font-size:11px;color:color-mix(in srgb,var(--cc-accent) 90%,transparent);font-family:var(--cc-font-mono);white-space:nowrap;z-index:100;pointer-events:none}.cc-range-row{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:7px 0;border-bottom:1px solid color-mix(in srgb,var(--cc-text) 6%,transparent)}.cc-range-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.cc-range-header .cc-label{padding-top:0;width:auto}.cc-range-track{position:relative;height:44px;display:flex;align-items:center;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;outline:none;border-radius:4px}.cc-range-track:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--cc-accent) 50%,transparent)}.cc-range-groove{position:absolute;left:0;right:0;height:3px;background:color-mix(in srgb,var(--cc-text) 8%,transparent);border-radius:2px}.cc-range-fill{position:absolute;left:0;height:3px;background:color-mix(in srgb,var(--cc-accent) 75%,transparent);border-radius:2px;transition:width .05s}.cc-range-fill.cc-dragging{transition:none}.cc-range-thumb-area{position:absolute;width:44px;height:44px;display:flex;align-items:center;justify-content:center;transform:translate(-50%)}.cc-range-thumb{width:13px;height:13px;border-radius:50%;background:#fff;border:2px solid color-mix(in srgb,var(--cc-text) 50%,transparent);box-shadow:none;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{display:flex;justify-content:space-between;font-size:10px;color:color-mix(in srgb,var(--cc-text) 20%,transparent);font-family:var(--cc-font-mono);margin-top:-4px}.cc-toggle-group{display:flex;background:color-mix(in srgb,var(--cc-text) 5%,transparent);border-radius:var(--cc-radius);padding:2px;gap:2px}.cc-toggle-btn{padding:3px 14px;border:none;border-radius:3px;cursor:pointer;font-size:var(--cc-label-size);font-family:var(--cc-font-sans);background:transparent;color:color-mix(in srgb,var(--cc-text) 40%,transparent);transition:background .15s,color .15s;outline:none}.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);min-width:140px;padding:4px 28px 4px 10px;background-color:color-mix(in srgb,var(--cc-text) 4%,transparent);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-repeat:no-repeat;background-position:right 8px center;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);-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;outline:none;box-sizing:border-box}.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:cc-value-flash .25s cubic-bezier(.25,1,.5,1)}.cc-display-value.cc-warn.cc-flash{animation:cc-value-flash-warn .25s cubic-bezier(.25,1,.5,1)}.cc-display-warn-icon{font-size:11px;color:color-mix(in srgb,var(--cc-warn) 70%,transparent);padding-top:5px}.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{--about-modal-overlay: rgba(0, 0, 0, .5);--about-modal-bg: #ffffff;--about-modal-panel-bg: #f4f4f5;--about-modal-cta-bg: #efefef;--about-modal-border: #e4e4e7;--about-modal-text-primary: #09090b;--about-modal-text-body: #52525b;--about-modal-text-muted: #a1a1aa;--about-modal-link: #2563eb;--about-modal-link-weight: 400;--about-modal-close-bg: rgba(0, 0, 0, .07);--about-modal-close-color: #71717a;--about-modal-btn-bg: #09090b;--about-modal-btn-text: #ffffff;--about-modal-btn-bg-hover: #27272a;--about-modal-radius: 14px;--about-modal-shadow: 0 2px 8px rgba(0,0,0,.08), 0 14px 48px rgba(0,0,0,.18)}:root{--alert-overlay: rgba(0, 0, 0, .45);--alert-bg: #ffffff;--alert-border: #e4e4e7;--alert-radius: 14px;--alert-shadow: 0 2px 8px rgba(0, 0, 0, .08), 0 14px 48px rgba(0, 0, 0, .18);--alert-text-primary: #09090b;--alert-text-body: #52525b;--alert-text-muted: #a1a1aa;--alert-btn-bg: #09090b;--alert-btn-text: #ffffff;--alert-btn-bg-hover: #27272a;--alert-btn-cancel-bg: transparent;--alert-btn-cancel-text: #52525b;--alert-btn-cancel-border: #e4e4e7;--alert-btn-cancel-bg-hover: #f4f4f5;--alert-btn-danger-bg: #dc2626;--alert-btn-danger-text: #ffffff;--alert-btn-danger-bg-hover: #b91c1c;--alert-input-bg: #ffffff;--alert-input-border: #d4d4d8;--alert-input-text: #09090b;--alert-input-focus: #2563eb;--alert-input-error: #dc2626;--alert-accent-info: #2563eb;--alert-accent-success: #16a34a;--alert-accent-warning: #d97706;--alert-accent-danger: #dc2626}