.color-section[data-v-acf703e0]{margin-bottom:28px;padding:20px;background:#fff;border:1px solid var(--border);border-radius:8px}.section-head[data-v-acf703e0]{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap;gap:6px}.section-head h2[data-v-acf703e0]{font-size:16px;font-weight:600;color:var(--text);margin:0}.section-hint[data-v-acf703e0]{font-size:12px;color:var(--text-muted)}.color-preview[data-v-acf703e0]{width:100%;height:90px;border-radius:6px;border:1px solid var(--border);margin-bottom:12px;transition:background .15s ease}.color-picker-row[data-v-acf703e0]{display:flex;align-items:center;gap:12px;margin-bottom:12px}.color-picker[data-v-acf703e0]{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:var(--text-secondary)}.color-picker input[type=color][data-v-acf703e0]{width:40px;height:28px;padding:0;border:1px solid var(--border);border-radius:4px;background:none;cursor:pointer}.format-grid[data-v-acf703e0]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.format-card[data-v-acf703e0]{display:flex;flex-direction:column}.format-card .panel-toolbar[data-v-acf703e0]{padding:8px 12px}.format-input[data-v-acf703e0],.format-input.num[data-v-acf703e0]{width:100%;border:1px solid var(--border);border-radius:4px;padding:8px 10px;font-size:13px;font-family:SF Mono,Fira Code,Consolas,monospace;color:var(--text);background:#fff;outline:none;transition:border-color .15s ease}.format-input[data-v-acf703e0]:focus,.format-input.num[data-v-acf703e0]:focus{border-color:var(--primary)}.format-input-group[data-v-acf703e0]{display:flex;gap:4px;padding:8px}.format-input-group .format-input.num[data-v-acf703e0]{flex:1;min-width:0;padding:6px;text-align:center}.harmony-tabs[data-v-acf703e0]{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.harmony-tab[data-v-acf703e0]{padding:6px 12px;font-size:13px;border:1px solid var(--border);border-radius:4px;background:#fff;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.harmony-tab[data-v-acf703e0]:hover{border-color:var(--primary);color:var(--primary)}.harmony-tab.active[data-v-acf703e0]{background:var(--primary);color:#fff;border-color:var(--primary)}.palette-strip[data-v-acf703e0]{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;border-radius:6px;overflow:hidden;border:1px solid var(--border)}.palette-cell[data-v-acf703e0]{height:72px;display:flex;align-items:flex-end;justify-content:center;cursor:pointer;position:relative;transition:transform .15s ease}.palette-cell[data-v-acf703e0]:hover{transform:scale(1.04);z-index:1;box-shadow:0 4px 12px #00000026}.palette-hex[data-v-acf703e0]{background:#ffffffeb;color:#1e293b;padding:3px 8px;border-radius:4px;font-size:11px;font-family:SF Mono,Fira Code,Consolas,monospace;font-weight:600;margin-bottom:6px;opacity:0;transition:opacity .15s ease}.palette-cell:hover .palette-hex[data-v-acf703e0]{opacity:1}.contrast-row[data-v-acf703e0]{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:14px}.contrast-label[data-v-acf703e0]{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:6px;font-weight:500}.contrast-pick-row[data-v-acf703e0]{display:flex;align-items:center;gap:8px}.contrast-picker[data-v-acf703e0]{width:44px;height:32px;padding:0;border:1px solid var(--border);border-radius:4px;cursor:pointer;flex-shrink:0}.contrast-hex[data-v-acf703e0]{flex:1}.contrast-previews[data-v-acf703e0]{margin-bottom:14px}.preview-box[data-v-acf703e0]{padding:22px;border-radius:6px;border:1px solid var(--border)}.preview-large-text[data-v-acf703e0]{display:block;font-size:24px;font-weight:700;margin-bottom:8px}.preview-text[data-v-acf703e0]{display:block;font-size:14px;line-height:1.6}.contrast-result[data-v-acf703e0]{display:flex;align-items:stretch;gap:16px;flex-wrap:wrap}.contrast-ratio[data-v-acf703e0]{flex-shrink:0;width:160px;padding:16px;background:linear-gradient(135deg,#f8fafc,#eef2ff);border-radius:6px;border:1px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center}.ratio-number[data-v-acf703e0]{font-size:32px;font-weight:700;color:var(--primary);font-family:SF Mono,Fira Code,Consolas,monospace}.ratio-label[data-v-acf703e0]{font-size:11px;color:var(--text-secondary);margin-top:4px;letter-spacing:.5px}.contrast-grades[data-v-acf703e0]{flex:1;min-width:280px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.grade-row[data-v-acf703e0]{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:8px 12px;border-radius:4px;border:1px solid var(--border);background:#fff;font-size:12px}.grade-row.pass[data-v-acf703e0]{background:#ecfdf5;border-color:#6ee7b7}.grade-row.fail[data-v-acf703e0]{background:#fef2f2;border-color:#fca5a5}.grade-name[data-v-acf703e0]{font-weight:600;color:var(--text)}.grade-need[data-v-acf703e0]{font-family:SF Mono,Fira Code,Consolas,monospace;color:var(--text-muted);font-size:11px}.grade-status[data-v-acf703e0]{font-weight:600;font-size:11px}.grade-row.pass .grade-status[data-v-acf703e0]{color:#059669}.grade-row.fail .grade-status[data-v-acf703e0]{color:#dc2626}.gradient-controls[data-v-acf703e0]{display:flex;flex-direction:column;gap:14px;margin-bottom:14px}.control-group[data-v-acf703e0]{display:flex;flex-direction:column;gap:6px}.control-label[data-v-acf703e0]{font-size:12px;color:var(--text-secondary);font-weight:500}.type-tabs[data-v-acf703e0]{display:flex;gap:6px}.type-tab[data-v-acf703e0]{padding:6px 12px;font-size:13px;border:1px solid var(--border);border-radius:4px;background:#fff;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.type-tab[data-v-acf703e0]:hover{border-color:var(--primary);color:var(--primary)}.type-tab.active[data-v-acf703e0]{background:var(--primary);color:#fff;border-color:var(--primary)}.angle-slider[data-v-acf703e0],.stop-pos[data-v-acf703e0]{flex:1;height:6px;border-radius:3px;background:#e2e8f0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.angle-slider[data-v-acf703e0]::-webkit-slider-thumb,.stop-pos[data-v-acf703e0]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--primary);cursor:pointer;border:2px solid #fff;box-shadow:0 1px 4px #00000026}.stops-list[data-v-acf703e0]{display:flex;flex-direction:column;gap:6px}.stop-row[data-v-acf703e0]{display:flex;align-items:center;gap:8px}.stop-picker[data-v-acf703e0]{width:32px;height:28px;padding:0;border:1px solid var(--border);border-radius:4px;cursor:pointer;flex-shrink:0}.stop-hex[data-v-acf703e0]{width:90px;font-size:12px;padding:6px 8px}.stop-pos[data-v-acf703e0]{flex:1}.stop-pos-label[data-v-acf703e0]{width:36px;font-size:11px;font-family:SF Mono,Fira Code,Consolas,monospace;color:var(--text-secondary);text-align:right}.stop-remove[data-v-acf703e0],.stop-add[data-v-acf703e0]{font-size:12px;padding:4px 10px}.stop-add[data-v-acf703e0]{align-self:flex-start}.gradient-preview[data-v-acf703e0]{height:140px;border-radius:6px;border:1px solid var(--border);margin-bottom:12px}.css-panel .editor-area[data-v-acf703e0]{height:auto;min-height:60px;padding:12px}.gradient-css-code[data-v-acf703e0]{margin:0;font-family:SF Mono,Fira Code,JetBrains Mono,Consolas,monospace;font-size:12.5px;line-height:1.6;white-space:pre-wrap;word-break:break-all;color:var(--text)}.color-harmony-list[data-v-acf703e0]{margin:12px 0 0;padding-left:22px;color:var(--text-secondary);line-height:1.8;font-size:13.5px}.color-harmony-list li[data-v-acf703e0]{margin-bottom:4px}@media(max-width:1024px){.format-grid[data-v-acf703e0]{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.color-section[data-v-acf703e0]{padding:14px}.format-grid[data-v-acf703e0],.contrast-row[data-v-acf703e0],.contrast-grades[data-v-acf703e0]{grid-template-columns:1fr}.contrast-ratio[data-v-acf703e0]{width:100%}.palette-cell[data-v-acf703e0]{height:56px}.preview-box[data-v-acf703e0]{padding:16px}}