.dev-color-switcher[data-v-e6cc5e7d]{bottom:80px;font-family:system-ui,-apple-system,sans-serif;font-size:12px;position:fixed;right:16px;z-index:9999}.toggle-btn[data-v-e6cc5e7d]{align-items:center;background:#1f2937;border:2px solid #374151;border-radius:50%;box-shadow:0 4px 12px #0000004d;color:#f9fafb;cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all .2s;width:40px}.toggle-btn[data-v-e6cc5e7d]:hover{background:#374151;transform:scale(1.05)}.toggle-btn.active[data-v-e6cc5e7d]{border-color:#10b981}.toggle-btn .dot[data-v-e6cc5e7d]{background:#10b981;border:2px solid #1f2937;border-radius:50%;height:10px;position:absolute;right:2px;top:2px;width:10px}.panel[data-v-e6cc5e7d]{background:#1f2937;border:1px solid #374151;border-radius:8px;bottom:50px;box-shadow:0 8px 24px #0006;overflow:hidden;position:absolute;right:0;width:280px}.panel-header[data-v-e6cc5e7d]{align-items:center;background:#111827;border-bottom:1px solid #374151;display:flex;justify-content:space-between;padding:10px 12px}.title[data-v-e6cc5e7d]{color:#f9fafb;font-weight:600}.close-btn[data-v-e6cc5e7d]{background:none;border:none;color:#9ca3af;cursor:pointer;display:flex;padding:2px}.close-btn[data-v-e6cc5e7d]:hover{color:#f9fafb}.panel-content[data-v-e6cc5e7d]{gap:12px;padding:12px}.color-row label[data-v-e6cc5e7d],.panel-content[data-v-e6cc5e7d]{display:flex;flex-direction:column}.color-row label[data-v-e6cc5e7d]{gap:4px}.label[data-v-e6cc5e7d]{color:#9ca3af;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.color-input-wrap[data-v-e6cc5e7d]{align-items:center;display:flex;gap:8px}.color-input[data-v-e6cc5e7d]{background:transparent;border:none;border-radius:4px;cursor:pointer;height:32px;padding:0;width:40px}.color-input[data-v-e6cc5e7d]::-webkit-color-swatch-wrapper{padding:0}.color-input[data-v-e6cc5e7d]::-webkit-color-swatch{border:2px solid #4b5563;border-radius:4px}.hex-input[data-v-e6cc5e7d]{background:#374151;border:1px solid #4b5563;border-radius:4px;color:#f9fafb;flex:1;font-family:monospace;font-size:12px;height:32px;padding:0 8px}.hex-input[data-v-e6cc5e7d]:focus{border-color:#6366f1;outline:none}.shades-preview[data-v-e6cc5e7d]{display:flex;flex-direction:column;gap:6px}.shades-row[data-v-e6cc5e7d]{display:flex;gap:2px;height:20px}.shade[data-v-e6cc5e7d]{border-radius:2px;cursor:help;flex:1}.presets[data-v-e6cc5e7d]{display:flex;flex-direction:column;gap:6px}.preset-grid[data-v-e6cc5e7d]{display:grid;gap:4px;grid-template-columns:repeat(8,1fr)}.preset-btn[data-v-e6cc5e7d]{aspect-ratio:1;border:2px solid #4b5563;border-radius:4px;cursor:pointer;transition:all .15s;width:100%}.preset-btn[data-v-e6cc5e7d]:hover{border-color:#f9fafb;transform:scale(1.1)}.reset-btn[data-v-e6cc5e7d]{background:#dc2626;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:8px;transition:background .2s;width:100%}.reset-btn[data-v-e6cc5e7d]:hover{background:#b91c1c}.slide-enter-active[data-v-e6cc5e7d],.slide-leave-active[data-v-e6cc5e7d]{transition:all .2s ease}.slide-enter-from[data-v-e6cc5e7d],.slide-leave-to[data-v-e6cc5e7d]{opacity:0;transform:translateY(10px) scale(.95)}