:root{--clc-primary:#6366f1;--clc-primary-light:#6366f11a;--clc-primary-hover:#6366f126;--clc-success:#10b981;--clc-success-light:#10b9811a;--clc-warning:#f59e0b;--clc-warning-light:#f59e0b1a;--clc-danger:#ef4444;--clc-text:#1e293b;--clc-text-secondary:#475569;--clc-text-muted:#64748b;--clc-bg:#fff;--clc-bg-secondary:#f8fafc;--clc-border:#e2e8f0;--clc-border-hover:#cbd5e1;--clc-shadow:0 1px 3px #0000000f;--clc-shadow-md:0 4px 12px #00000014;--clc-radius:var(--main-radius,.5rem);--clc-radius-lg:var(--main-radius-lg,.75rem)}._clc-container{gap:var(--main-space-4,1rem);flex-direction:column;max-width:720px;margin:0 auto;display:flex}._clc-card{background:var(--clc-bg);border-radius:var(--clc-radius-lg);border-style:solid;border-width:1px;border-color:var(--clc-border);box-shadow:var(--clc-shadow);padding:var(--main-space-5,1.25rem)}._clc-card-header{align-items:center;gap:var(--main-space-2,.5rem);color:var(--clc-text);margin-bottom:var(--main-space-4,1rem);font-size:.95rem;font-weight:600;display:flex}._clc-card-header svg{color:var(--clc-primary);flex-shrink:0;width:18px;height:18px}@media (max-width:768px){._clc-container{padding-left:1rem;padding-right:1rem}}._clc-container-grid{gap:var(--main-space-2,.5rem);margin-bottom:var(--main-space-3,.75rem);grid-template-columns:repeat(4,1fr);display:grid}._clc-container-option{border-radius:var(--clc-radius);border-style:solid;border-width:1.5px;border-color:var(--clc-border);background:var(--clc-bg);cursor:pointer;flex-direction:column;align-items:center;gap:.25rem;padding:.625rem .5rem;transition:border-color .15s,background .15s;display:flex}._clc-container-option:hover{border-color:var(--clc-border-hover);background:var(--clc-bg-secondary)}._clc-container-option--active{border-color:var(--clc-primary);background:var(--clc-primary-light)}._clc-container-option--active:hover{background:var(--clc-primary-hover)}._clc-container-label{color:var(--clc-text);font-size:.875rem;font-weight:600}._clc-container-dim{color:var(--clc-text-muted);white-space:nowrap;font-size:.7rem}._clc-custom-toggle{margin-bottom:var(--main-space-3,.75rem)}._clc-custom-inputs{padding-top:var(--main-space-3,.75rem);border-top-style:dashed;border-top-width:1px;border-top-color:var(--clc-border)}._clc-checkbox-label{align-items:center;gap:var(--main-space-2,.5rem);color:var(--clc-text-secondary);cursor:pointer;font-size:.8125rem;display:inline-flex}._clc-checkbox-label svg{width:14px;height:14px;color:var(--clc-text-muted)}._clc-checkbox{width:1rem;height:1rem;accent-color:var(--clc-primary);cursor:pointer}._clc-unit-selector{gap:var(--main-space-4,1rem);margin-bottom:var(--main-space-4,1rem);display:flex}._clc-unit-group{align-items:center;gap:var(--main-space-2,.5rem);display:flex}._clc-unit-group svg{width:14px;height:14px;color:var(--clc-text-muted)}._clc-unit-btn{border-radius:var(--clc-radius);border-style:solid;border-width:1px;border-color:var(--clc-border);background:var(--clc-bg);color:var(--clc-text-secondary);cursor:pointer;padding:.25rem .625rem;font-size:.75rem;font-weight:500}._clc-unit-btn:hover{border-color:var(--clc-border-hover)}._clc-unit-btn--active{background:var(--clc-primary);border-color:var(--clc-primary);color:#fff}._clc-unit-btn--active:hover{opacity:.9}._clc-input-row{gap:var(--main-space-3,.75rem);margin-bottom:var(--main-space-3,.75rem);display:grid}._clc-input-row--3col{grid-template-columns:repeat(3,1fr)}._clc-input-row--2col{grid-template-columns:repeat(2,1fr)}._clc-input-group{flex-direction:column;gap:.25rem;display:flex}._clc-label{color:var(--clc-text-muted);font-size:.75rem;font-weight:500}._clc-input-wrap{align-items:center;display:flex;position:relative}._clc-input{border-radius:var(--clc-radius);border-style:solid;border-width:1.5px;border-color:var(--clc-border);background:var(--clc-bg);width:100%;color:var(--clc-text);outline:none;padding:.5rem 2.5rem .5rem .75rem;font-size:.875rem}._clc-input:focus{border-color:var(--clc-primary);box-shadow:0 0 0 3px #6366f11a}._clc-input--readonly{background:var(--clc-bg-secondary);color:var(--clc-text-muted)}._clc-input-unit{color:var(--clc-text-muted);pointer-events:none;font-size:.75rem;position:absolute;right:.625rem}._clc-options{padding-top:var(--main-space-3,.75rem);border-top-style:dashed;border-top-width:1px;border-top-color:var(--clc-border)}._clc-actions{gap:var(--main-space-3,.75rem);align-items:center;display:flex}._clc-btn-calculate{align-items:center;gap:var(--main-space-2,.5rem);border-radius:var(--clc-radius);background:var(--clc-primary);color:#fff;cursor:pointer;border:0 solid #0000;padding:.625rem 1.5rem;font-size:.875rem;font-weight:600;display:inline-flex;box-shadow:0 2px 8px #6366f140}._clc-btn-calculate:hover{opacity:.9}._clc-btn-calculate svg{width:16px;height:16px}._clc-btn-reset{align-items:center;gap:var(--main-space-2,.5rem);border-radius:var(--clc-radius);border-style:solid;border-width:1px;border-color:var(--clc-border);color:var(--clc-text-secondary);cursor:pointer;background:0 0;padding:.5rem 1rem;font-size:.8125rem;display:inline-flex}._clc-btn-reset:hover{border-color:var(--clc-border-hover);color:var(--clc-text)}._clc-btn-reset svg{width:14px;height:14px}@media (max-width:768px){._clc-container-grid{grid-template-columns:repeat(2,1fr)}._clc-input-row--3col,._clc-input-row--2col{grid-template-columns:1fr}._clc-unit-selector{flex-wrap:wrap}}._clc-stats-grid{gap:var(--main-space-3,.75rem);margin-bottom:var(--main-space-5,1.25rem);grid-template-columns:repeat(3,1fr);display:grid}._clc-stat{padding:var(--main-space-4,1rem);background:var(--clc-bg-secondary);border-radius:var(--clc-radius);border-style:solid;border-width:1px;border-color:var(--clc-border);flex-direction:column;align-items:center;gap:.25rem;display:flex}._clc-stat-value{color:var(--clc-primary);font-size:1.5rem;font-weight:700;font-family:var(--main-font-mono,monospace)}._clc-stat-label{color:var(--clc-text-muted);text-align:center;font-size:.75rem}._clc-utilization{gap:var(--main-space-3,.75rem);margin-bottom:var(--main-space-5,1.25rem);flex-direction:column;display:flex}._clc-util-row{flex-direction:column;gap:.375rem;display:flex}._clc-util-header{justify-content:space-between;align-items:center;display:flex}._clc-util-label{color:var(--clc-text-secondary);font-size:.8125rem;font-weight:500}._clc-util-value{color:var(--clc-text);font-size:.8125rem;font-weight:600;font-family:var(--main-font-mono,monospace)}._clc-util-bar{background:var(--clc-bg-secondary);border-radius:var(--main-radius-full,9999px);border-style:solid;border-width:1px;border-color:var(--clc-border);height:.5rem;overflow:hidden}._clc-util-fill{border-radius:var(--main-radius-full,9999px);height:100%;transition:width .5s}._clc-util-fill--volume{background:linear-gradient(90deg, var(--clc-primary), #818cf8)}._clc-util-fill--weight{background:linear-gradient(90deg, var(--clc-success), #34d399)}._clc-util-fill--over{background:linear-gradient(90deg, var(--clc-danger), #f87171)}._clc-arrangement,._clc-remaining{padding:var(--main-space-4,1rem);background:var(--clc-bg-secondary);border-radius:var(--clc-radius);border-style:dashed;border-width:1px;border-color:var(--clc-border)}._clc-remaining{margin-top:var(--main-space-3,.75rem)}._clc-arr-header{color:var(--clc-text-secondary);margin-bottom:var(--main-space-2,.5rem);font-size:.8125rem;font-weight:600}._clc-arr-details{color:var(--clc-text-secondary);min-height:3.5rem;font-size:.8125rem;line-height:1.6}._clc-arr-details span{font-family:var(--main-font-mono,monospace);color:var(--clc-text);font-weight:600}._clc-remaining-details{color:var(--clc-text-secondary);min-height:2rem;font-size:.8125rem;line-height:1.6}._clc-remaining-details span{font-family:var(--main-font-mono,monospace);color:var(--clc-text);font-weight:600}@media (max-width:768px){._clc-stats-grid{grid-template-columns:1fr}}