:root{--cwc-primary:var(--main-primary);--cwc-primary-light:#6366f11a;--cwc-success:var(--main-success);--cwc-success-light:#10b9811a;--cwc-warning:var(--main-warning);--cwc-error:var(--main-error);--cwc-text:#1f2937;--cwc-text-muted:#64748b;--cwc-bg:#fff;--cwc-bg-hover:#f8fafc;--cwc-border:#e2e8f0;--cwc-border-light:#f1f5f9;--cwc-radius:var(--main-radius);--cwc-radius-lg:var(--main-radius-lg);--cwc-result-bg:linear-gradient(135deg, #4f46e5, #6366f1);--cwc-actual-color:#6366f1;--cwc-vol-color:#f59e0b}._cwc-container{gap:var(--main-space-4);flex-direction:column;max-width:1100px;margin-left:auto;margin-right:auto;display:flex}._cwc-body{gap:var(--main-space-5);grid-template-columns:1fr 1fr;align-items:start;display:grid}._cwc-input-panel,._cwc-result-panel{gap:var(--main-space-4);flex-direction:column;display:flex}@media (max-width:992px){._cwc-container{padding-left:.5rem;padding-right:.5rem}._cwc-body{grid-template-columns:1fr}}@media (max-width:768px){._cwc-container{padding-left:1rem;padding-right:1rem}}._cwc-card{background:var(--cwc-bg);border-radius:var(--cwc-radius-lg);padding:var(--main-space-5);border-style:solid;border-width:1px;border-color:var(--cwc-border);box-shadow:var(--main-shadow-sm)}._cwc-card-header{margin-bottom:var(--main-space-4);justify-content:space-between;align-items:center;display:flex}._cwc-card-title{align-items:center;gap:var(--main-space-2);font-weight:600;font-size:var(--main-text-sm);color:var(--cwc-text);display:flex}._cwc-card-title svg{color:var(--cwc-primary);width:16px;height:16px}._cwc-add-btn{background:var(--cwc-primary-light);color:var(--cwc-primary);border-radius:var(--cwc-radius);font-size:var(--main-text-xs);cursor:pointer;border:none;align-items:center;gap:.375rem;padding:.375rem .75rem;font-weight:500;display:inline-flex}._cwc-add-btn:hover{opacity:.8}._cwc-add-btn svg{width:14px;height:14px}._cwc-unit-toggle{background:var(--cwc-border-light);border-radius:var(--cwc-radius);gap:2px;padding:3px;display:flex}._cwc-unit-tab{border-radius:calc(var(--cwc-radius) - 2px);font-size:var(--main-text-xs);color:var(--cwc-text-muted);cursor:pointer;background:0 0;border:none;flex:1;padding:.5rem .75rem;font-weight:500}._cwc-unit-tab:hover{color:var(--cwc-text)}._cwc-unit-tab--active{background:var(--cwc-bg);color:var(--cwc-primary);box-shadow:var(--main-shadow-sm)}._cwc-packages-list{gap:var(--main-space-3);flex-direction:column;display:flex}._cwc-pkg{border-style:solid;border-width:1px;border-color:var(--cwc-border-light);border-radius:var(--cwc-radius);padding:var(--main-space-3)}._cwc-pkg-header{margin-bottom:var(--main-space-3);justify-content:space-between;align-items:center;display:flex}._cwc-pkg-number{font-size:var(--main-text-xs);color:var(--cwc-primary);font-weight:600}._cwc-pkg-remove{border-radius:var(--main-radius-full);width:24px;height:24px;color:var(--cwc-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}._cwc-pkg-remove:hover{color:var(--cwc-error);background:#ef44441a}._cwc-pkg-remove svg{width:12px;height:12px}._cwc-pkg-fields{gap:var(--main-space-3);flex-direction:column;display:flex}._cwc-field-label{color:var(--cwc-text-muted);text-transform:uppercase;letter-spacing:.025em;margin-bottom:.375rem;font-size:11px;font-weight:500;display:block}._cwc-dim-row{align-items:center;gap:.375rem;display:flex}._cwc-dim-x{color:var(--cwc-text-muted);font-size:var(--main-text-sm);font-weight:500}._cwc-field-row{gap:var(--main-space-3);grid-template-columns:1fr 1fr;display:grid}._cwc-input-wrap{border-style:solid;border-width:1.5px;border-color:var(--cwc-border);border-radius:var(--cwc-radius);background:var(--cwc-bg);align-items:center;display:flex;overflow:hidden}._cwc-input-wrap:focus-within{border-color:var(--cwc-primary);box-shadow:0 0 0 3px #6366f11a}._cwc-input{min-width:0;font-size:var(--main-text-sm);color:var(--cwc-text);background:0 0;border:none;outline:none;flex:1;padding:.5rem .625rem}._cwc-input::placeholder{color:var(--cwc-text-muted);opacity:.6}._cwc-input-prefix{background:var(--cwc-border-light);color:var(--cwc-text-muted);font-size:var(--main-text-xs);white-space:nowrap;padding:.5rem .625rem;font-weight:500}._cwc-input-suffix{color:var(--cwc-text-muted);font-size:var(--main-text-xs);white-space:nowrap;padding:.5rem .625rem;font-weight:500}._cwc-carrier-grid{gap:var(--main-space-2);margin-bottom:var(--main-space-4);grid-template-columns:1fr 1fr;display:grid}._cwc-carrier-btn{border-style:solid;border-width:1.5px;border-color:var(--cwc-border);border-radius:var(--cwc-radius);background:var(--cwc-bg);cursor:pointer;text-align:left;flex-direction:column;align-items:flex-start;gap:.25rem;padding:.625rem .75rem;display:flex}._cwc-carrier-btn:hover,._cwc-carrier-btn--active{border-color:var(--cwc-primary);background:var(--cwc-primary-light)}._cwc-carrier-name{font-size:var(--main-text-xs);color:var(--cwc-text);font-weight:500}._cwc-carrier-dim{color:var(--cwc-text-muted);font-size:11px;font-family:var(--main-font-mono)}._cwc-carrier-btn--active ._cwc-carrier-name{color:var(--cwc-primary)}._cwc-custom-dim{padding-top:var(--main-space-3);border-top-style:dashed;border-top-width:1px;border-top-color:var(--cwc-border)}._cwc-custom-dim ._cwc-input-wrap{max-width:200px}@media (max-width:480px){._cwc-carrier-grid{grid-template-columns:1fr}._cwc-dim-row{flex-wrap:wrap}._cwc-dim-row ._cwc-input-wrap{flex:1;min-width:60px}._cwc-field-row{grid-template-columns:1fr}}._cwc-result-card{background:var(--cwc-result-bg);text-align:center;color:#fff;padding:var(--main-space-6);border-color:#0000}._cwc-result-label{font-size:var(--main-text-xs);opacity:.85;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--main-space-2);font-weight:500}._cwc-result-value{font-size:2rem;font-weight:800;font-family:var(--main-font-mono);line-height:1.2}._cwc-result-unit{font-size:var(--main-text-base);opacity:.85;font-weight:500}._cwc-result-basis{margin-top:var(--main-space-2);font-size:var(--main-text-xs);opacity:.8;font-style:italic}._cwc-comparison{gap:var(--main-space-3);flex-direction:column;display:flex}._cwc-compare-row{justify-content:space-between;align-items:center;display:flex}._cwc-compare-label{font-size:var(--main-text-sm);color:var(--cwc-text-muted)}._cwc-compare-value{font-size:var(--main-text-sm);color:var(--cwc-text);font-weight:700;font-family:var(--main-font-mono)}._cwc-compare-bar-wrap{flex-direction:column;gap:6px;display:flex}._cwc-compare-bar{border-radius:4px;min-width:8px;height:8px;transition:width .3s}._cwc-compare-bar--actual{background:var(--cwc-actual-color)}._cwc-compare-bar--vol{background:var(--cwc-vol-color)}._cwc-compare-diff{text-align:center;font-size:var(--main-text-xs);border-radius:var(--cwc-radius);background:var(--cwc-primary-light);color:var(--cwc-primary);padding:.5rem;font-weight:500}._cwc-compare-diff:empty{display:none}._cwc-breakdown{gap:var(--main-space-2);flex-direction:column;display:flex}._cwc-breakdown-item{gap:var(--main-space-3);padding:var(--main-space-3);background:var(--cwc-bg-hover);border-radius:var(--cwc-radius);font-size:var(--main-text-sm);grid-template-columns:auto 1fr auto auto;align-items:center;display:grid}._cwc-breakdown-num{border-radius:var(--main-radius-full);background:var(--cwc-primary-light);width:22px;min-width:22px;height:22px;color:var(--cwc-primary);justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}._cwc-breakdown-dims{color:var(--cwc-text-muted);font-size:var(--main-text-xs);font-family:var(--main-font-mono);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._cwc-breakdown-actual{color:var(--cwc-actual-color);font-weight:600;font-family:var(--main-font-mono);white-space:nowrap}._cwc-breakdown-vol{color:var(--cwc-vol-color);font-weight:600;font-family:var(--main-font-mono);white-space:nowrap}._cwc-breakdown-chargeable{color:var(--cwc-text);font-weight:700;font-family:var(--main-font-mono);white-space:nowrap}._cwc-breakdown-header{gap:var(--main-space-3);padding:0 var(--main-space-3);color:var(--cwc-text-muted);text-transform:uppercase;letter-spacing:.025em;grid-template-columns:auto 1fr auto auto;margin-bottom:.25rem;font-size:11px;font-weight:500;display:grid}._cwc-breakdown-total{padding:var(--main-space-3);background:var(--cwc-primary-light);border-radius:var(--cwc-radius);font-weight:700;font-size:var(--main-text-sm);color:var(--cwc-primary);margin-top:var(--main-space-2);justify-content:space-between;align-items:center;display:flex}._cwc-breakdown-total-value{font-family:var(--main-font-mono)}._cwc-formula-card{background:var(--cwc-bg-hover);border-style:dashed}._cwc-formula{gap:var(--main-space-2);flex-direction:column;display:flex}._cwc-formula-line{align-items:center;gap:var(--main-space-3);font-size:var(--main-text-sm);display:flex}._cwc-formula-label{color:var(--cwc-text);min-width:120px;font-weight:500}._cwc-formula-eq{font-family:var(--main-font-mono);color:var(--cwc-text-muted);font-size:var(--main-text-xs)}._cwc-empty{text-align:center;padding:var(--main-space-6) var(--main-space-4);color:var(--cwc-text-muted);font-size:var(--main-text-sm)}@media (max-width:480px){._cwc-result-value{font-size:1.5rem}._cwc-breakdown-header{display:none}._cwc-breakdown-item{gap:var(--main-space-2);flex-wrap:wrap;display:flex}._cwc-breakdown-dims{flex:1;min-width:0}._cwc-breakdown-actual,._cwc-breakdown-vol{font-size:var(--main-text-xs)}._cwc-formula-line{flex-direction:column;align-items:flex-start;gap:.25rem}._cwc-formula-label{min-width:0}}