.tool-layout[data-astro-cid-xl7d6s7d]{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.wheel-section[data-astro-cid-xl7d6s7d]{display:flex;flex-direction:column;align-items:center}.canvas-container[data-astro-cid-xl7d6s7d]{position:relative;display:inline-block}#color-wheel[data-astro-cid-xl7d6s7d]{width:360px;height:360px;max-width:100%;height:auto;cursor:crosshair;border-radius:50%;touch-action:none}.picker-indicator[data-astro-cid-xl7d6s7d]{position:absolute;width:16px;height:16px;border:2px solid white;border-radius:50%;box-shadow:0 0 4px #00000080;pointer-events:none;transform:translate(-50%,-50%)}.canvas-hint[data-astro-cid-xl7d6s7d]{margin-top:.75rem;font-size:.85rem;color:#666}.controls-section[data-astro-cid-xl7d6s7d]{display:flex;flex-direction:column;gap:1.5rem}.preview-card[data-astro-cid-xl7d6s7d]{border:1px solid var(--color-border, #e5e7eb);border-radius:8px;padding:1.25rem;background:var(--color-bg, white)}.preview-block[data-astro-cid-xl7d6s7d]{width:100%;height:80px;border-radius:6px;border:1px solid var(--color-border, #e5e7eb);margin-bottom:1rem}.preview-values[data-astro-cid-xl7d6s7d]{display:flex;flex-direction:column;gap:.75rem}.value-row[data-astro-cid-xl7d6s7d]{display:flex;align-items:center;gap:.75rem}.value-label[data-astro-cid-xl7d6s7d]{width:40px;font-size:.8rem;font-weight:600;color:#666;text-transform:uppercase}.value-code[data-astro-cid-xl7d6s7d]{flex:1;font-family:monospace;font-size:.9rem;padding:.4rem .6rem;background:#f3f4f6;border-radius:4px;border:1px solid #e5e7eb}.copy-btn[data-astro-cid-xl7d6s7d]{padding:.35rem .75rem;font-size:.8rem;border:1px solid var(--color-border, #e5e7eb);background:var(--color-bg-offset, #f9fafb);border-radius:4px;cursor:pointer;transition:background .2s}.copy-btn[data-astro-cid-xl7d6s7d]:hover{background:#e5e7eb}.sliders-card[data-astro-cid-xl7d6s7d]{border:1px solid var(--color-border, #e5e7eb);border-radius:8px;padding:1.25rem;background:var(--color-bg, white)}.slider-group[data-astro-cid-xl7d6s7d]{margin-bottom:1rem}.slider-group[data-astro-cid-xl7d6s7d]:last-child{margin-bottom:0}.slider-group[data-astro-cid-xl7d6s7d] label[data-astro-cid-xl7d6s7d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem;font-size:.85rem;font-weight:600}.slider-value[data-astro-cid-xl7d6s7d]{font-family:monospace;font-size:.85rem;color:#666}.slider[data-astro-cid-xl7d6s7d]{width:100%;-webkit-appearance:none;appearance:none;height:8px;border-radius:4px;outline:none}.slider[data-astro-cid-xl7d6s7d]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid #666;cursor:pointer;box-shadow:0 1px 3px #0003}.hue-slider[data-astro-cid-xl7d6s7d]{background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.sat-slider[data-astro-cid-xl7d6s7d]{background:linear-gradient(to right,gray,#6366f1)}.light-slider[data-astro-cid-xl7d6s7d]{background:linear-gradient(to right,#000,#6366f1,#fff)}.actions[data-astro-cid-xl7d6s7d]{display:flex;gap:.75rem}.btn-secondary[data-astro-cid-xl7d6s7d]{flex:1;padding:.7rem 1.5rem;font-size:.95rem;border:1px solid var(--color-border, #e5e7eb);background:var(--color-bg-offset, #f9fafb);border-radius:6px;cursor:pointer;transition:background .2s}.btn-secondary[data-astro-cid-xl7d6s7d]:hover{background:#e5e7eb}.feedback[data-astro-cid-xl7d6s7d]{padding:.6rem;text-align:center;background:#f3f4f6;border-radius:4px;font-size:.9rem;font-weight:600}.harmony-section[data-astro-cid-xl7d6s7d]{margin-bottom:2rem}.harmony-section[data-astro-cid-xl7d6s7d] h2[data-astro-cid-xl7d6s7d]{margin-bottom:1rem;font-size:1.2rem}.harmony-tabs[data-astro-cid-xl7d6s7d]{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.harmony-tab[data-astro-cid-xl7d6s7d]{padding:.5rem 1rem;font-size:.85rem;border:1px solid var(--color-border, #e5e7eb);background:var(--color-bg-offset, #f9fafb);border-radius:6px;cursor:pointer;transition:all .2s}.harmony-tab[data-astro-cid-xl7d6s7d]:hover{background:#e5e7eb}.harmony-tab[data-astro-cid-xl7d6s7d].active{background:var(--color-primary, #6366f1);color:#fff;border-color:var(--color-primary, #6366f1)}.harmony-palette[data-astro-cid-xl7d6s7d]{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.harmony-swatch[data-astro-cid-xl7d6s7d]{border:1px solid var(--color-border, #e5e7eb);border-radius:8px;overflow:hidden;background:var(--color-bg, white)}.swatch-color[data-astro-cid-xl7d6s7d]{height:80px;width:100%}.swatch-info[data-astro-cid-xl7d6s7d]{padding:.75rem;display:flex;flex-direction:column;gap:.25rem}.swatch-label[data-astro-cid-xl7d6s7d]{font-size:.8rem;font-weight:600;color:#666}.swatch-hex[data-astro-cid-xl7d6s7d]{font-family:monospace;font-size:.85rem;color:#333}.swatch-copy[data-astro-cid-xl7d6s7d]{margin:0 .75rem .75rem;padding:.35rem .75rem;font-size:.8rem;border:1px solid var(--color-border, #e5e7eb);background:var(--color-bg-offset, #f9fafb);border-radius:4px;cursor:pointer}.swatch-copy[data-astro-cid-xl7d6s7d]:hover{background:#e5e7eb}.info-section[data-astro-cid-xl7d6s7d]{margin-bottom:2rem}.info-section[data-astro-cid-xl7d6s7d] h2[data-astro-cid-xl7d6s7d]{font-size:1.2rem;margin-bottom:.75rem}.info-section[data-astro-cid-xl7d6s7d] p[data-astro-cid-xl7d6s7d]{line-height:1.7;color:#555}.feature-list[data-astro-cid-xl7d6s7d]{list-style:none;padding:0}.feature-list[data-astro-cid-xl7d6s7d] li[data-astro-cid-xl7d6s7d]{padding:.5rem 0 .5rem 1.5rem;position:relative}.feature-list[data-astro-cid-xl7d6s7d] li[data-astro-cid-xl7d6s7d]:before{content:"✓";position:absolute;left:0;color:var(--color-primary, #6366f1);font-weight:700}@media(max-width:768px){.tool-layout[data-astro-cid-xl7d6s7d]{grid-template-columns:1fr;gap:1.5rem}#color-wheel[data-astro-cid-xl7d6s7d]{width:280px;height:280px}.harmony-tabs[data-astro-cid-xl7d6s7d]{gap:.35rem}.harmony-tab[data-astro-cid-xl7d6s7d]{padding:.4rem .7rem;font-size:.8rem}.harmony-palette[data-astro-cid-xl7d6s7d]{grid-template-columns:repeat(2,1fr)}}