:root{--csc-primary:#6366f1;--csc-primary-light:#eef2ff;--csc-primary-rgb:99, 102, 241;--csc-text:#1e293b;--csc-text-secondary:#475569;--csc-text-muted:#64748b;--csc-bg:#fff;--csc-bg-secondary:#f8fafc;--csc-border:#e2e8f0;--csc-radius:var(--main-radius,.5rem);--csc-radius-lg:var(--main-radius-lg,.75rem);--csc-shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a;--csc-shadow-md:0 4px 12px #00000014;--csc-highlight:#eef2ff;--csc-highlight-border:#6366f14d;--csc-women:#ec4899;--csc-women-light:#fdf2f8;--csc-men:#3b82f6;--csc-men-light:#eff6ff}._csc-container{gap:var(--main-space-4,1rem);flex-direction:column;max-width:720px;margin:0 auto;display:flex}._csc-hidden{display:none!important}@media (max-width:768px){._csc-container{padding-left:1rem;padding-right:1rem}}._csc-gender-toggle{justify-content:center;gap:.5rem;display:flex}._csc-gender-btn{border-radius:var(--csc-radius-lg);border-style:solid;border-width:1.5px;border-color:var(--csc-border);background:var(--csc-bg);color:var(--csc-text-secondary);cursor:pointer;align-items:center;gap:.5rem;padding:.625rem 1.5rem;font-size:.875rem;font-weight:500;transition:border-color .2s,color .2s,background .2s;display:inline-flex}._csc-gender-btn:hover{border-color:var(--csc-primary);color:var(--csc-text)}._csc-gender-btn svg{width:16px;height:16px}._csc-gender-btn._csc-gender-active[data-gender=women]{border-color:var(--csc-women);color:var(--csc-women);background:var(--csc-women-light)}._csc-gender-btn._csc-gender-active[data-gender=men]{border-color:var(--csc-men);color:var(--csc-men);background:var(--csc-men-light)}._csc-garment-tabs{background:var(--csc-bg);border-radius:var(--csc-radius-lg);border-style:solid;border-width:1px;border-color:var(--csc-border);box-shadow:var(--csc-shadow);gap:.375rem;padding:.25rem;display:flex}._csc-garment-tab{border-radius:var(--csc-radius);color:var(--csc-text-muted);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:.375rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;transition:background .2s,color .2s;display:inline-flex}._csc-garment-tab:hover{color:var(--csc-text);background:var(--csc-bg-secondary)}._csc-garment-tab svg{width:14px;height:14px}._csc-garment-tab._csc-garment-active{background:var(--csc-primary);color:#fff;box-shadow:0 2px 6px rgba(var(--csc-primary-rgb), .3)}._csc-garment-tab._csc-garment-active:hover{opacity:.9}._csc-converter-card{background:var(--csc-bg);border-radius:var(--csc-radius-lg);border-style:solid;border-width:1px;border-color:var(--csc-border);box-shadow:var(--csc-shadow);overflow:hidden}._csc-converter-header{background:var(--csc-bg-secondary);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--csc-border);color:var(--csc-text);align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.8125rem;font-weight:600;display:flex}._csc-converter-header svg{width:16px;height:16px;color:var(--csc-primary)}._csc-converter-body{align-items:flex-end;gap:.75rem;padding:1rem;display:flex}._csc-converter-field{flex-direction:column;flex:1;gap:.375rem;display:flex}._csc-converter-label{color:var(--csc-text-muted);text-transform:uppercase;letter-spacing:.025em;font-size:.75rem;font-weight:500}._csc-converter-select{border-radius:var(--csc-radius);border-style:solid;border-width:1.5px;border-color:var(--csc-border);background:var(--csc-bg);color:var(--csc-text);cursor:pointer;-webkit-appearance:auto;appearance:auto;padding:.5rem .75rem;font-size:.875rem}._csc-converter-select:focus{border-color:var(--csc-primary);box-shadow:0 0 0 3px rgba(var(--csc-primary-rgb), .1);outline:none}._csc-tip{color:var(--csc-text-muted);align-items:flex-start;gap:.5rem;padding:.75rem 1rem;font-size:.75rem;line-height:1.5;display:flex}._csc-tip svg{width:14px;height:14px;color:var(--csc-primary);flex-shrink:0;margin-top:1px}@media (max-width:480px){._csc-gender-btn{padding:.5rem 1rem;font-size:.8125rem}._csc-garment-tab{padding:.5rem;font-size:.75rem}._csc-converter-body{flex-direction:column;gap:.75rem}}._csc-chart{flex-direction:column;gap:0;display:flex}._csc-table-wrapper{background:var(--csc-bg);border-radius:var(--csc-radius-lg);border-style:solid;border-width:1px;border-color:var(--csc-border);box-shadow:var(--csc-shadow);-webkit-overflow-scrolling:touch;overflow-x:auto}._csc-table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:.8125rem}._csc-th{text-align:center;text-transform:uppercase;letter-spacing:.05em;color:var(--csc-text-muted);background:var(--csc-bg-secondary);border-bottom-style:solid;border-bottom-width:2px;border-bottom-color:var(--csc-border);padding:.625rem .75rem;font-size:.75rem;font-weight:600}._csc-th-measure{color:var(--csc-primary);font-size:.6875rem}._csc-td{text-align:center;color:var(--csc-text-secondary);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--csc-border);padding:.625rem .75rem}._csc-td-primary{color:var(--csc-text);font-weight:600}._csc-td-measure{font-family:var(--main-font-mono);color:var(--csc-text-muted);font-size:.75rem}._csc-row{cursor:pointer;transition:background .15s}._csc-row:hover{background:var(--csc-bg-secondary)}._csc-row:last-child ._csc-td{border-bottom:none}._csc-row._csc-row-active{background:var(--csc-highlight)}._csc-row._csc-row-active ._csc-td{color:var(--csc-text);border-bottom-color:var(--csc-highlight-border)}._csc-row._csc-row-active ._csc-td-primary{color:var(--csc-primary)}._csc-row._csc-row-active ._csc-td-measure{color:var(--csc-text-secondary)}@media (max-width:640px){._csc-th,._csc-td{padding:.5rem;font-size:.75rem}._csc-th-measure,._csc-td-measure{font-size:.6875rem}}