.size-chart{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}.size-chart__editor,.size-chart__preview{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 12px #0000000f}.sc-section+.sc-section{margin-top:24px}.sc-section__title{font-size:14px;font-weight:600;color:var(--text-primary, #333);margin-bottom:12px}.sc-presets{display:flex;flex-wrap:wrap;gap:8px}.sc-preset{padding:8px 16px;border:1px solid #e5e5e5;border-radius:8px;background:#fff;font-size:13px;color:#555;cursor:pointer;transition:all .2s}.sc-preset:hover{border-color:#722ed1;color:#722ed1}.sc-preset.active{background:#722ed1;border-color:#722ed1;color:#fff;font-weight:500}.sc-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sc-field label{display:block;font-size:12px;color:#999;margin-bottom:6px}.sc-field input{width:100%;padding:10px 12px;border:1px solid #e5e5e5;border-radius:8px;font-size:14px;box-sizing:border-box;transition:border-color .2s}.sc-field input:focus{outline:none;border-color:#722ed1}.sc-table-wrap{overflow-x:auto;border:1px solid #f0f0f0;border-radius:10px}.sc-table{width:100%;border-collapse:collapse;min-width:480px}.sc-table th{background:#fafafa;padding:6px 8px;border-bottom:1px solid #f0f0f0;font-size:12px;color:#999;font-weight:600;white-space:nowrap}.sc-table td{padding:4px 6px;border-bottom:1px solid #f5f5f5}.sc-table tbody tr:last-child td{border-bottom:none}.sc-table input{width:100%;padding:7px 8px;border:1px solid transparent;border-radius:6px;font-size:13px;text-align:center;box-sizing:border-box;background:transparent;transition:border-color .2s,background .2s}.sc-table input:hover{background:#fafafa}.sc-table input:focus{outline:none;border-color:#722ed1;background:#fff}.sc-table .sc-size-input{font-weight:600;color:#722ed1}.sc-th-ops,.sc-td-ops{width:34px;text-align:center}.sc-del-row{width:24px;height:24px;border:none;background:#fff2f0;color:#ff4d4f;border-radius:6px;font-size:11px;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;padding:0}.sc-del-row:hover{background:#ff4d4f;color:#fff}.sc-ops{display:flex;gap:12px;margin-top:12px}.sc-btn{padding:10px 20px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .2s}.sc-btn--primary{background:linear-gradient(135deg,#722ed1,#b37feb);color:#fff}.sc-btn--primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #722ed14d}.sc-btn--ghost{background:#fafafa;color:#722ed1;border:2px dashed #d9d9d9}.sc-btn--ghost:hover{border-color:#722ed1;background:#f9f0ff}.sc-export{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.sc-export__hint{font-size:12px;color:#999;width:100%}.sc-preview-title{font-size:14px;font-weight:600;color:var(--text-primary, #333);margin-bottom:12px}.sc-preview-body{overflow-x:auto;background:#fafafa;border-radius:10px;padding:16px}.sc-pv-table{width:100%;border-collapse:collapse;background:#fff;min-width:380px}.sc-pv-table th{background:#722ed1;color:#fff;font-size:15px;font-weight:600;padding:12px 10px;border:1px solid #722ed1;white-space:nowrap}.sc-pv-table td{padding:9px 10px;text-align:center;border:1px solid #e5e5e5;font-size:13px;color:#444;white-space:nowrap}.sc-pv-unit td{text-align:left;background:#fafafa;color:#999;font-size:12px}.sc-pv-size td{background:#fafafa;font-weight:600;color:#555}.sc-pv-size-cell{background:#fafafa;font-weight:600;color:#722ed1}.sc-toast{position:fixed;bottom:60px;left:50%;transform:translate(-50%) translateY(20px);background:#333;color:#fff;padding:12px 24px;border-radius:12px;font-size:14px;box-shadow:0 8px 30px #0003;opacity:0;visibility:hidden;transition:all .3s ease;z-index:10000;pointer-events:none;animation:sc-toast-in .3s ease forwards}@keyframes sc-toast-in{to{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}}.sc-toast--out{opacity:0;transform:translate(-50%) translateY(20px);visibility:hidden}@media(max-width:900px){.size-chart{grid-template-columns:1fr}}@media(max-width:480px){.sc-fields{grid-template-columns:1fr}.size-chart__editor,.size-chart__preview{padding:16px}}