.color-converter-page[data-v-b1539335]{background-color:#0d1117;min-height:100vh;padding:2rem 0}.container[data-v-b1539335]{margin:0 auto;max-width:1200px;padding:0 1.5rem}.page-header[data-v-b1539335]{margin-bottom:2rem}.header-content[data-v-b1539335]{gap:1.5rem}.header-content[data-v-b1539335],.header-icon[data-v-b1539335]{align-items:center;display:flex}.header-icon[data-v-b1539335]{background:linear-gradient(135deg,#58a6ff,#d2a8ff);border-radius:.5rem;color:#fff;height:64px;justify-content:center;width:64px}.header-text[data-v-b1539335]{flex:1}.page-title[data-v-b1539335]{color:#e6edf3;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.page-description[data-v-b1539335]{color:#8b949e;font-size:1rem}.converter-container[data-v-b1539335]{display:grid;gap:1.5rem;grid-template-columns:400px 1fr}@media(max-width:1024px){.converter-container[data-v-b1539335]{grid-template-columns:1fr}}.palette-panel[data-v-b1539335],.picker-panel[data-v-b1539335]{background-color:#161b22;border:1px solid #30363d;border-radius:.5rem;overflow:hidden}.panel-header[data-v-b1539335]{align-items:center;background-color:#21262d;border-bottom:1px solid #30363d;color:#e6edf3;display:flex;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-weight:500;gap:.5rem;padding:1rem}.panel-body[data-v-b1539335]{padding:1.5rem}.color-preview[data-v-b1539335]{border-radius:.5rem;box-shadow:0 4px 12px #0000001a;cursor:pointer;height:200px;margin-bottom:1.5rem;position:relative;width:100%}.color-picker[data-v-b1539335]{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.color-info[data-v-b1539335]{display:flex;flex-direction:column;gap:1rem}.info-item[data-v-b1539335]{align-items:center;display:grid;gap:.5rem;grid-template-columns:50px 1fr auto}.info-label[data-v-b1539335]{color:#8b949e;font-weight:500}.info-input[data-v-b1539335],.info-label[data-v-b1539335]{font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-size:.875rem}.info-input[data-v-b1539335]{background-color:#30363d;border:1px solid #21262d;border-radius:.375rem;color:#e6edf3;padding:.5rem}.info-input[data-v-b1539335]:focus{border-color:#58a6ff;outline:none}.copy-icon-btn[data-v-b1539335]{align-items:center;background-color:transparent;border:1px solid #21262d;border-radius:.375rem;color:#8b949e;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:32px}.copy-icon-btn[data-v-b1539335]:hover{border-color:#58a6ff;color:#e6edf3}.palette-section[data-v-b1539335]{margin-bottom:1.5rem}.palette-section[data-v-b1539335]:last-child{margin-bottom:0}.palette-section h4[data-v-b1539335]{color:#e6edf3;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-size:1rem;font-weight:500;margin-bottom:.5rem}.color-grid[data-v-b1539335]{display:grid;gap:.5rem;grid-template-columns:repeat(5,1fr)}.color-swatch[data-v-b1539335]{aspect-ratio:1;border:2px solid transparent;border-radius:.375rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.color-swatch[data-v-b1539335]:hover{border-color:#58a6ff;box-shadow:0 4px 12px #0003;transform:scale(1.1)}