.app[data-v-cab2d073]{min-height:100vh;display:flex;flex-direction:column}.header[data-v-cab2d073]{background:linear-gradient(135deg,#1a1a1a,#2a1a0d);color:#fff;padding:20px 24px;border-bottom:2px solid var(--accent)}.header h1[data-v-cab2d073]{font-size:20px;font-weight:600;margin-bottom:8px}.header .subtitle[data-v-cab2d073]{font-size:14px;color:var(--text-dim);font-weight:400;line-height:1.6}.main[data-v-cab2d073]{flex:1;padding:24px;max-width:1280px;margin:0 auto;width:100%}.workspace[data-v-cab2d073]{display:grid;grid-template-columns:minmax(420px,1fr) minmax(420px,1fr);gap:24px}.wheel-panel[data-v-cab2d073]{background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:16px}.mode-bar[data-v-cab2d073]{display:flex;align-items:stretch;gap:14px}.mode-chips[data-v-cab2d073]{display:flex;gap:4px;flex-shrink:0}.mode-chip[data-v-cab2d073]{display:flex;align-items:center;justify-content:center;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:6px;padding:4px;cursor:pointer;min-width:48px;height:48px;transition:all .15s}.mode-chip[data-v-cab2d073]:hover{border-color:var(--accent)}.mode-chip.active[data-v-cab2d073]{border-color:var(--accent);background:#ff7a1a24;box-shadow:0 0 0 1px var(--accent) inset}.mode-info[data-v-cab2d073]{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:2px;min-width:0;text-align:right}.mode-name[data-v-cab2d073]{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.mode-name-main[data-v-cab2d073]{font-size:14px;font-weight:600;color:var(--text);white-space:nowrap}.mode-name-sub[data-v-cab2d073]{font-size:11px;font-weight:400;color:var(--text-dim);letter-spacing:.5px;white-space:nowrap}.mode-tip[data-v-cab2d073]{font-size:12px;color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none}.mode-tip[data-v-cab2d073]:hover{color:var(--accent)}.wheel-wrap[data-v-cab2d073]{display:flex;flex-direction:column;align-items:center;gap:8px}.wheel-canvas[data-v-cab2d073]{width:360px;height:360px;max-width:100%;cursor:crosshair;-webkit-user-select:none;user-select:none}.hue-readout[data-v-cab2d073]{display:flex;justify-content:space-between;width:100%;font-size:12px;color:var(--text-dim);padding:0 8px}.wheel-footer[data-v-cab2d073]{display:flex;justify-content:space-between;align-items:center;gap:12px}.base-rgb[data-v-cab2d073]{display:flex;align-items:center;gap:8px}.base-label[data-v-cab2d073]{font-size:13px;color:var(--text-dim)}.base-input[data-v-cab2d073]{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:4px;color:var(--accent);font-family:Monaco,Menlo,monospace;font-size:13px;padding:4px 8px;width:100px}.base-input[data-v-cab2d073]:focus{outline:none;border-color:var(--accent)}.base-input.base-input-rgba[data-v-cab2d073]{width:180px}.btn-text[data-v-cab2d073]{background:none;border:none;color:var(--accent);cursor:pointer;font-size:13px;padding:4px 8px}.btn-text[data-v-cab2d073]:hover{color:var(--accent-hover)}.fine-tune[data-v-cab2d073]{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--bg-elev-2);border-radius:6px}.ft-row[data-v-cab2d073]{display:grid;grid-template-columns:20px 1fr 36px;align-items:center;gap:8px}.ft-row label[data-v-cab2d073]{font-size:12px;color:var(--text-dim);font-weight:600}.ft-row input[type=range][data-v-cab2d073]{accent-color:var(--accent);width:100%}.ft-row .ft-val[data-v-cab2d073]{font-size:12px;color:var(--text);text-align:right;font-family:Monaco,Menlo,monospace}.preview-panel[data-v-cab2d073]{background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:16px}.palette-bar[data-v-cab2d073]{display:flex;align-items:center;gap:12px}.palette-label[data-v-cab2d073]{font-size:13px;color:var(--text-dim);white-space:nowrap}.palette-strip[data-v-cab2d073]{flex:1;display:flex;height:32px;border-radius:4px;overflow:hidden;border:1px solid var(--border)}.palette-swatch[data-v-cab2d073]{flex:1;cursor:pointer;position:relative;transition:transform .1s}.palette-swatch[data-v-cab2d073]:hover{transform:scaleY(1.15)}.copied-flag[data-v-cab2d073]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;text-shadow:0 0 4px rgba(0,0,0,.8)}.preview-area[data-v-cab2d073]{flex:1;min-height:360px;border-radius:8px;padding:24px;display:flex;flex-direction:column;gap:16px;transition:background .3s}.prev-card[data-v-cab2d073]{border-radius:8px;box-shadow:0 4px 16px #0000004d}.prev-card-thumb[data-v-cab2d073]{height:80px;display:flex;align-items:center;justify-content:center}.prev-thumb-grid[data-v-cab2d073]{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;width:80%;height:60%}.prev-thumb-grid>div[data-v-cab2d073]{border-radius:4px}.prev-card-body[data-v-cab2d073]{padding:16px}.prev-card-title[data-v-cab2d073]{font-size:18px;font-weight:700;margin-bottom:6px}.prev-card-desc[data-v-cab2d073]{font-size:13px;opacity:.85;margin-bottom:12px;line-height:1.5}.prev-card-actions[data-v-cab2d073]{display:flex;gap:8px}.prev-btn[data-v-cab2d073]{border:1px solid transparent;border-radius:4px;padding:6px 14px;font-size:13px;font-weight:600;cursor:pointer}.prev-btn.ghost[data-v-cab2d073]{background:transparent}.prev-links[data-v-cab2d073]{display:flex;gap:16px;font-size:13px}.prev-link[data-v-cab2d073]{display:inline-block;text-decoration:underline;padding:2px 4px;border-radius:3px}.prev-dots[data-v-cab2d073]{display:flex;gap:8px;flex-wrap:wrap}.prev-dot[data-v-cab2d073]{min-width:56px;height:36px;padding:0;border-radius:4px;cursor:pointer}.hex-tip[data-v-cab2d073]{cursor:pointer}.hover-popup[data-v-cab2d073]{position:fixed;background:#000000e0;color:#fff;font-family:Monaco,Menlo,monospace;font-size:11px;font-weight:600;padding:4px 8px;border-radius:4px;pointer-events:none;z-index:9999;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 2px 8px #00000059}.copy-toast[data-v-cab2d073]{position:fixed;transform:translate(-50%,calc(-100% - 8px));background:#000000e0;color:#fff;font-size:12px;padding:5px 12px;border-radius:4px;pointer-events:none;z-index:9999;white-space:nowrap;box-shadow:0 2px 8px #00000059;animation:copyToastIn-cab2d073 .18s ease}@keyframes copyToastIn-cab2d073{0%{opacity:0;transform:translate(-50%,calc(-100% - 4px))}to{opacity:1;transform:translate(-50%,calc(-100% - 8px))}}.presets-grid[data-v-cab2d073]{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-height:480px;overflow-y:auto;padding:4px;margin:0 -4px}.preset-card[data-v-cab2d073]{display:flex;flex-direction:column;gap:4px;padding:6px;border:1px solid var(--border);border-radius:6px;background:var(--bg-elev-2);cursor:pointer;transition:all .15s}.preset-card[data-v-cab2d073]:hover{border-color:var(--accent);background:#ff7a1a0f}.preset-card.active[data-v-cab2d073]{border-color:var(--accent);background:#ff7a1a1f;box-shadow:0 0 0 1px var(--accent) inset}.preset-strip[data-v-cab2d073]{display:flex;height:24px;border-radius:3px;overflow:hidden}.preset-strip-cell[data-v-cab2d073]{flex:1;height:100%}.preset-name[data-v-cab2d073]{font-size:10px;color:var(--text-dim);text-align:center;line-height:1.3;font-family:Monaco,Menlo,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preset-card.active .preset-name[data-v-cab2d073]{color:var(--accent)}.tab-bar[data-v-cab2d073]{display:flex;border-top:1px solid var(--border);padding-top:12px;gap:0}.tab[data-v-cab2d073]{flex:1;background:transparent;border:none;color:var(--text-dim);padding:8px 12px;font-size:12px;font-weight:600;letter-spacing:1px;cursor:pointer;border-bottom:2px solid transparent}.tab[data-v-cab2d073]:hover{color:var(--text)}.tab.active[data-v-cab2d073]{color:var(--accent);border-bottom-color:var(--accent)}.export-panel[data-v-cab2d073]{display:flex;flex-direction:column;gap:12px}.export-block[data-v-cab2d073]{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:6px;overflow:hidden}.export-head[data-v-cab2d073]{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--bg);border-bottom:1px solid var(--border);font-size:13px;font-weight:600;color:var(--accent)}.btn-mini[data-v-cab2d073]{background:var(--accent);color:#000;border:none;padding:4px 10px;border-radius:3px;font-size:12px;font-weight:600;cursor:pointer}.btn-mini[data-v-cab2d073]:hover{background:var(--accent-hover)}.export-code[data-v-cab2d073]{padding:12px;font-family:Monaco,Menlo,monospace;font-size:12px;color:var(--text);background:var(--bg);overflow-x:auto;white-space:pre}.export-code.export-code-scroll[data-v-cab2d073]{height:300px;overflow-y:auto}.footer[data-v-cab2d073]{text-align:center;padding:20px 16px;color:var(--text-dim);font-size:13px;border-top:1px solid var(--border);margin-top:24px}.footer a[data-v-cab2d073]{color:var(--accent);text-decoration:none}.footer a[data-v-cab2d073]:hover{text-decoration:underline}@media (max-width: 1024px){.workspace[data-v-cab2d073]{grid-template-columns:1fr}.wheel-canvas[data-v-cab2d073]{width:320px;height:320px}}@media (max-width: 600px){.header[data-v-cab2d073]{padding:16px}.header h1[data-v-cab2d073]{font-size:17px}.header .subtitle[data-v-cab2d073]{font-size:13px}.main[data-v-cab2d073]{padding:16px}.wheel-canvas[data-v-cab2d073]{width:280px;height:280px}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0d0d0d;--bg-elev: #1a1a1a;--bg-elev-2: #232323;--border: #2a2a2a;--text: #e8e8e8;--text-dim: #9a9a9a;--accent: #ff7a1a;--accent-hover: #ff9444;--error: #ff4d4f;--success: #52c41a}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}#app{min-height:100vh}button,input,select,textarea{font-family:inherit}