.page-container.svelte-1pgl6g{background-color:#f9fafb;color:#1a202c;min-height:100vh;display:flex;flex-direction:column;padding:0;margin:0}header.svelte-1pgl6g{background:linear-gradient(135deg,#6b46c1,#553c9a);color:#fff;padding:2rem;text-align:center;box-shadow:0 4px 6px #0000001a}h1.svelte-1pgl6g{font-size:2.5rem;margin:0 0 .5rem}header.svelte-1pgl6g p:where(.svelte-1pgl6g){font-size:1.1rem;opacity:.9;max-width:600px;margin:0 auto}main.svelte-1pgl6g{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}h2.svelte-1pgl6g{font-size:1.5rem;margin:0 0 1rem;color:#6b46c1}h3.svelte-1pgl6g{font-size:1.1rem;margin:0;color:#1a202c}.color-picker-container.svelte-1pgl6g{display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:2rem}.color-wheel-section.svelte-1pgl6g,.sliders-section.svelte-1pgl6g{background-color:#fff;border-radius:.5rem;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.color-wheel-container.svelte-1pgl6g{display:flex;justify-content:center}.sliders-section.svelte-1pgl6g{flex:1;min-width:300px;display:flex;flex-direction:column;justify-content:center;gap:1.5rem}.slider-container.svelte-1pgl6g{margin-bottom:1rem}.slider-value.svelte-1pgl6g{margin-top:.5rem;font-size:.9rem;color:#4a5568;text-align:right}canvas.svelte-1pgl6g{border-radius:.25rem;cursor:crosshair;box-shadow:0 1px 3px #0000001a}.color-info-container.svelte-1pgl6g{display:flex;flex-wrap:wrap;gap:2rem}.color-preview-section.svelte-1pgl6g,.color-values-section.svelte-1pgl6g{background-color:#fff;border-radius:.5rem;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.color-preview-section.svelte-1pgl6g{flex:1;min-width:300px}.color-values-section.svelte-1pgl6g{flex:2;min-width:300px}.color-preview.svelte-1pgl6g{width:100%;height:150px;border-radius:.5rem;border:1px solid #e2e8f0;box-shadow:0 2px 5px #0000000d;background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}.color-values.svelte-1pgl6g{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.value-card.svelte-1pgl6g{background-color:#f9fafb;border-radius:.5rem;padding:1rem;box-shadow:0 1px 3px #0000000d}.value-header.svelte-1pgl6g{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.copy-button.svelte-1pgl6g{background-color:#9f7aea;color:#fff;border:none;border-radius:.25rem;padding:.25rem .5rem;font-size:.8rem;cursor:pointer;transition:background-color .2s}.copy-button.svelte-1pgl6g:hover{background-color:#6b46c1}.value-content.svelte-1pgl6g{font-size:.9rem;padding:.5rem;background-color:#fff;border-radius:.25rem;border:1px solid #e2e8f0;word-break:break-all}@media (max-width: 768px){.color-picker-container.svelte-1pgl6g,.color-info-container.svelte-1pgl6g{flex-direction:column}.color-wheel-section.svelte-1pgl6g,.sliders-section.svelte-1pgl6g,.color-preview-section.svelte-1pgl6g,.color-values-section.svelte-1pgl6g{width:100%}header.svelte-1pgl6g{padding:1.5rem}h1.svelte-1pgl6g{font-size:2rem}main.svelte-1pgl6g{padding:1rem}}