.tools-page[data-v-1f3a1a87]{min-height:60vh}.glass-preview[data-v-1f3a1a87]{align-items:center;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid hsla(0,0%,100%,.2);border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000040;display:flex;height:160px;justify-content:center;margin-top:2rem;transition:background .3s ease}.glass-inner[data-v-1f3a1a87]{text-align:center}.preview-text[data-v-1f3a1a87]{color:#fffffff2;display:block;font-size:3rem;font-weight:800;line-height:1;text-shadow:0 2px 8px rgba(0,0,0,.3)}.preview-hex[data-v-1f3a1a87]{color:#ffffffbf;display:block;font-family:SF Mono,Consolas,monospace;font-size:.875rem;font-weight:600;margin-top:8px;text-shadow:0 1px 4px rgba(0,0,0,.3)}.glass-card[data-v-1f3a1a87]{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#ffffff14;border:1px solid hsla(0,0%,100%,.15);border-radius:1.5rem;box-shadow:0 25px 50px -12px #0003;margin-top:1.5rem;padding:1.5rem}html.dark{background:#0f172ae6!important;border-color:#ffffff1a}html.dark{background:#0f172ab3;border-color:#ffffff14}.input-row[data-v-1f3a1a87]{align-items:center;display:flex;gap:10px}.glass-input[data-v-1f3a1a87]{background:#ffffff0f;border:1px solid hsla(0,0%,100%,.15);border-radius:1rem;color:#fff;flex:1;font-family:SF Mono,Consolas,monospace;font-size:.875rem;height:52px;outline:none;padding:0 1rem;transition:border-color .2s,background .2s}.glass-input[data-v-1f3a1a87]::-moz-placeholder{color:#ffffff59}.glass-input[data-v-1f3a1a87]::placeholder{color:#ffffff59}.glass-input[data-v-1f3a1a87]:focus{background:#ffffff1a;border-color:#ffffff4d}.color-picker-wrap[data-v-1f3a1a87]{flex-shrink:0;height:52px;position:relative;width:52px}.color-picker[data-v-1f3a1a87]{background:none;border:2px solid hsla(0,0%,100%,.2);border-radius:1rem;box-sizing:border-box;cursor:pointer;height:52px;padding:3px;width:52px}.color-picker[data-v-1f3a1a87]::-webkit-color-swatch-wrapper{padding:0}.color-picker[data-v-1f3a1a87]::-webkit-color-swatch{border:none;border-radius:10px}.results-grid[data-v-1f3a1a87]{display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.result-item[data-v-1f3a1a87]{align-items:center;background:#ffffff0f;border:1px solid hsla(0,0%,100%,.1);border-radius:1rem;cursor:pointer;display:flex;gap:12px;padding:12px 14px;transition:background .2s,border-color .2s}.result-item[data-v-1f3a1a87]:hover{background:#ffffff1f;border-color:#fff3}.result-color[data-v-1f3a1a87]{border:1px solid hsla(0,0%,100%,.15);border-radius:10px;flex-shrink:0;height:36px;width:36px}.result-info[data-v-1f3a1a87]{flex:1;min-width:0}.result-label[data-v-1f3a1a87]{color:#ffffff73;display:block;font-size:.7rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.result-value[data-v-1f3a1a87]{color:#ffffffe6;display:block;font-family:SF Mono,Consolas,monospace;font-size:.75rem;font-weight:500;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}