.tool-wrapper[data-v-dfcdf193]{background:var(--bg-base);color:var(--text-primary);display:flex;flex-direction:column;font-family:system-ui,sans-serif;gap:1.25rem;margin:0 auto;max-width:720px;padding:1.5rem}.tool-header[data-v-dfcdf193],.tool-title[data-v-dfcdf193]{align-items:center;display:flex}.tool-title[data-v-dfcdf193]{gap:.75rem}.tool-icon[data-v-dfcdf193]{font-size:1.5rem}.tool-title h1[data-v-dfcdf193]{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:0}.picker-section[data-v-dfcdf193]{align-items:center;background:var(--bg-subtle);border:1px solid var(--border);border-radius:1rem;display:flex;flex-direction:column;overflow:hidden}.color-preview[data-v-dfcdf193]{height:100px;transition:background .15s;width:100%}.picker-center[data-v-dfcdf193]{align-items:center;display:flex;flex-direction:column;gap:.5rem;padding:1.25rem}.color-input[data-v-dfcdf193]{background:none;border:none;border-radius:50%;cursor:pointer;height:80px;outline:none;padding:0;width:80px}.color-input[data-v-dfcdf193]::-webkit-color-swatch-wrapper{border:3px solid var(--border);border-radius:50%;overflow:hidden;padding:0}.color-input[data-v-dfcdf193]::-webkit-color-swatch{border:none;border-radius:50%}.picker-hint[data-v-dfcdf193]{color:var(--text-muted);font-size:.75rem}.format-row[data-v-dfcdf193]{display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr)}.format-block[data-v-dfcdf193]{background:var(--bg-subtle);border:1px solid var(--border);border-radius:.75rem;display:flex;flex-direction:column;gap:.5rem;padding:.875rem}.format-header[data-v-dfcdf193]{align-items:center;display:flex;justify-content:space-between}.format-label[data-v-dfcdf193]{color:var(--text-muted);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.format-input[data-v-dfcdf193]{background:var(--bg-muted);border:1px solid var(--border);border-radius:.375rem;box-sizing:border-box;color:var(--text-primary);font-family:Menlo,Monaco,Courier New,monospace;font-size:.8rem;outline:none;padding:.45rem .6rem;transition:border-color .15s;width:100%}.format-input[data-v-dfcdf193]:focus{border-color:var(--accent)}.hex-error[data-v-dfcdf193]{color:var(--error);font-size:.7rem}.btn-copy[data-v-dfcdf193]{align-items:center;background:transparent;border:1px solid var(--border);border-radius:.25rem;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.75rem;height:1.5rem;justify-content:center;transition:all .15s;width:1.5rem}.btn-copy[data-v-dfcdf193]:hover{border-color:var(--accent);color:var(--text-primary)}.btn-copied[data-v-dfcdf193]{border-color:var(--success)!important;color:var(--success)!important}.presets-section[data-v-dfcdf193]{align-items:center;display:flex;gap:1rem}.presets-label[data-v-dfcdf193]{color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.presets[data-v-dfcdf193]{display:flex;gap:.625rem}.preset-swatch[data-v-dfcdf193]{border:2px solid transparent;border-radius:50%;cursor:pointer;height:2rem;outline:none;transition:transform .15s,border-color .15s;width:2rem}.preset-swatch[data-v-dfcdf193]:hover{border-color:var(--text-primary);transform:scale(1.15)}@media(max-width:480px){.format-row[data-v-dfcdf193]{grid-template-columns:1fr}}