.tool-container[data-v-ba71e035]{max-width:1200px;margin:0 auto;padding:20px}.tool-container h1[data-v-ba71e035]{margin-bottom:8px;font-size:22px}.tool-container>p[data-v-ba71e035]{color:#6b7280;margin-bottom:20px;font-size:14px}.control-section[data-v-ba71e035]{background:#f8f9fa;border-radius:8px;padding:16px;margin-bottom:16px;border:1px solid #e9ecef}.section-title[data-v-ba71e035]{margin:0 0 14px;font-size:15px;color:#333}.preset-row[data-v-ba71e035]{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.preset-label[data-v-ba71e035]{font-size:13px;color:#6c757d}.btn[data-v-ba71e035]{padding:6px 14px;border:1px solid #ced4da;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s;background:#fff;color:#495057}.btn[data-v-ba71e035]:hover{border-color:#007bff;color:#007bff}.btn-preset.active[data-v-ba71e035]{background:#007bff;color:#fff;border-color:#007bff}.btn-sm[data-v-ba71e035]{padding:4px 10px;font-size:12px}.btn-secondary[data-v-ba71e035]{background:#6c757d;color:#fff;border-color:#6c757d}.btn-secondary[data-v-ba71e035]:hover{background:#545b62;color:#fff;border-color:#545b62}.btn-secondary[data-v-ba71e035]:disabled{opacity:.5;cursor:not-allowed}.controls-grid[data-v-ba71e035]{display:flex;flex-direction:column;gap:16px}.control-group[data-v-ba71e035]{display:flex;flex-direction:column;gap:8px}.control-label[data-v-ba71e035]{font-size:13px;font-weight:600;color:#495057;font-family:Courier New,monospace}.control-label-row[data-v-ba71e035]{display:flex;align-items:center;gap:8px}.track-list[data-v-ba71e035]{display:flex;flex-wrap:wrap;gap:6px}.track-item[data-v-ba71e035]{display:flex;align-items:center;gap:4px;background:#fff;border:1px solid #dee2e6;border-radius:4px;padding:4px 6px}.track-input[data-v-ba71e035]{width:56px;padding:4px 6px;border:1px solid #ced4da;border-radius:3px;font-size:13px;outline:none}.track-input[data-v-ba71e035]:focus{border-color:#007bff}.track-select[data-v-ba71e035]{padding:4px 6px;border:1px solid #ced4da;border-radius:3px;font-size:12px;background:#fff;outline:none;cursor:pointer}.track-select[data-v-ba71e035]:focus{border-color:#007bff}.track-select-sm[data-v-ba71e035]{padding:4px;border:1px solid #ced4da;border-radius:3px;font-size:11px;background:#fff;outline:none;cursor:pointer}.btn-icon[data-v-ba71e035]{width:24px;height:24px;border:1px solid #ced4da;border-radius:4px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;color:#495057;padding:0;line-height:1}.btn-icon[data-v-ba71e035]:hover{border-color:#007bff;color:#007bff}.btn-remove[data-v-ba71e035]:hover{border-color:#dc3545;color:#dc3545}.gap-row[data-v-ba71e035]{display:flex;gap:16px;flex-wrap:wrap}.gap-item[data-v-ba71e035]{display:flex;flex-direction:column;gap:4px}.gap-sublabel[data-v-ba71e035]{font-size:11px;color:#6c757d}.input-with-unit[data-v-ba71e035]{display:flex;align-items:center}.align-grid[data-v-ba71e035]{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.align-item[data-v-ba71e035]{display:flex;flex-direction:column;gap:4px}.align-sublabel[data-v-ba71e035]{font-size:11px;color:#6c757d;font-family:Courier New,monospace}.align-select[data-v-ba71e035]{padding:6px 8px;border:1px solid #ced4da;border-radius:4px;font-size:13px;background:#fff;outline:none;cursor:pointer}.align-select[data-v-ba71e035]:focus{border-color:#007bff}.items-control[data-v-ba71e035]{display:flex;align-items:center;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid #dee2e6}.items-actions[data-v-ba71e035]{display:flex;gap:6px}.preview-section[data-v-ba71e035]{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:16px;margin-bottom:16px}.preview-header[data-v-ba71e035]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.preview-header h4[data-v-ba71e035]{margin:0;font-size:15px;color:#333}.preview-size[data-v-ba71e035]{font-size:12px;color:#6c757d;font-family:Courier New,monospace;background:#fff;padding:3px 8px;border-radius:4px;border:1px solid #dee2e6}.preview-wrapper[data-v-ba71e035]{background:#fff;border-radius:6px;padding:12px;overflow:auto}.grid-preview[data-v-ba71e035]{width:100%;box-sizing:border-box}.result-section[data-v-ba71e035]{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:16px;margin-bottom:16px}.result-section h4[data-v-ba71e035]{margin:0 0 12px;font-size:15px;color:#333;display:flex;align-items:center;gap:10px}.btn-copy[data-v-ba71e035]{background:#28a745;color:#fff;border:none;padding:5px 12px;border-radius:4px;cursor:pointer;font-size:12px;white-space:nowrap}.btn-copy[data-v-ba71e035]:hover{background:#218838}.code-blocks[data-v-ba71e035]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.code-block[data-v-ba71e035]{background:#fff;border:1px solid #dee2e6;border-radius:6px;overflow:hidden}.code-label[data-v-ba71e035]{padding:6px 12px;font-size:12px;font-weight:600;color:#495057;background:#e9ecef;border-bottom:1px solid #dee2e6}.code-content[data-v-ba71e035]{margin:0;padding:12px;font-family:Courier New,monospace;font-size:13px;color:#333;line-height:1.6;overflow-x:auto;white-space:pre}.usage-guide[data-v-ba71e035]{background:#f8f9fa;border-radius:12px;padding:1.5rem;margin-top:2rem;border:1px solid #e9ecef}.usage-guide h3[data-v-ba71e035]{margin-top:0;color:#007bff}.guide-grid[data-v-ba71e035]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.guide-grid h4[data-v-ba71e035]{color:#495057;margin-bottom:.75rem}.guide-grid ul[data-v-ba71e035]{margin:0;padding-left:1.5rem;color:#6c757d}.guide-grid li[data-v-ba71e035]{margin-bottom:.3rem}@media(max-width:768px){.code-blocks[data-v-ba71e035]{grid-template-columns:1fr}.align-grid[data-v-ba71e035]{grid-template-columns:1fr 1fr}}