*,*:before,*:after{box-sizing:border-box;margin:0}html{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1a1a1a;background:#fafafa}body{min-height:100dvh}code,pre{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace}[hidden]{display:none!important}.container{max-width:960px;margin:0 auto;padding:0 1.5rem}@keyframes pop-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.anim-pop{animation:pop-in .35s cubic-bezier(.34,1.56,.64,1) both}.inline-swatches{display:flex;justify-content:center;gap:.75rem;padding:.75rem .5rem;background:#fff}.inline-swatch{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s}.inline-swatch:hover{transform:scale(1.1);border-color:#00000026;box-shadow:0 0 0 2px #0000000a}.color-list{padding:1rem;display:flex;flex-direction:column;gap:.5rem}.color-entry{display:flex;align-items:center;gap:.75rem;min-height:48px}.color-chip{width:40px;height:40px;border-radius:50%;flex-shrink:0;border:1px solid rgba(0,0,0,.08)}.color-chip.empty{background:repeating-linear-gradient(-45deg,transparent,transparent 3px,#e8e8e8 3px,#e8e8e8 4px)!important;border-color:#e0e0e0}.color-meta{flex:1;min-width:0}.color-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:#999;line-height:1;margin-bottom:.2rem}.color-hex{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.9rem;font-weight:500;cursor:pointer;border:none;background:none;padding:0;color:#1a1a1a;text-align:left}.color-hex:hover{text-decoration:underline}.color-css{font-size:.75rem;color:#999;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-divider{border:none;border-top:1px solid #f0f0f0;margin:.25rem 0}.swatches-row{display:flex;flex-wrap:wrap;gap:.5rem}.swatch-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.swatch-chip{width:32px;height:32px;border-radius:50%;border:1px solid rgba(0,0,0,.08)}.swatch-hex{font-size:.55rem;color:#999;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;cursor:pointer;border:none;background:none;padding:0}.swatch-hex:hover{color:#1a1a1a}.copy-toast{position:fixed;bottom:1.5rem;right:1.5rem;display:flex;align-items:center;gap:.4rem;padding:.5rem .85rem;background:#1a1a1a;color:#fff;font-size:.78rem;border-radius:8px;pointer-events:none;z-index:1000;animation:toast-in .25s ease-out,toast-out .25s 1.2s ease-in forwards;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace}.copy-toast svg{flex-shrink:0}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{0%{opacity:1}to{opacity:0}}.hero[data-astro-cid-j7pv25f6]{padding:6rem 1.5rem 4rem;text-align:center;background:linear-gradient(180deg,#fff,#faf8f6);border-bottom:1px solid #eee}.title[data-astro-cid-j7pv25f6]{font-family:Supermercado One,system-ui,sans-serif;font-size:clamp(2.5rem,7vw,4.5rem);font-weight:400;letter-spacing:-.02em;line-height:1.1}.title[data-astro-cid-j7pv25f6]:after{content:"";display:block;width:100px;height:3px;margin:1rem auto 0;background:linear-gradient(90deg,#e8a0bf,#f2c57c,#a0c4e8,#c4a0e8);border-radius:2px}.lead[data-astro-cid-j7pv25f6]{margin-top:1.25rem;font-size:1.05rem;color:#555;line-height:1.8}.install-box[data-astro-cid-j7pv25f6]{display:inline-flex;align-items:center;gap:.5rem;margin-top:2rem;padding:.6rem .75rem .6rem 1rem;background:#1a1a1a;border-radius:8px;font-size:.9rem;color:#ccc}.install-box[data-astro-cid-j7pv25f6] code[data-astro-cid-j7pv25f6]{color:#e8e8e8;user-select:all}.copy-btn[data-astro-cid-j7pv25f6]{display:grid;place-items:center;padding:.3rem;border:none;background:transparent;color:#888;cursor:pointer;border-radius:4px;transition:color .15s}.copy-btn[data-astro-cid-j7pv25f6]:hover{color:#fff}.hero-icon[data-astro-cid-j7pv25f6]{margin-top:1.5rem;font-size:2rem;line-height:1}h2[data-astro-cid-j7pv25f6]{font-size:1.5rem;font-weight:600;letter-spacing:-.02em;margin-bottom:1.5rem}.demo-section[data-astro-cid-j7pv25f6]{padding:4rem 0}.demo-grid[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:1fr 340px;gap:1.5rem;align-items:start}@media(max-width:720px){.demo-grid[data-astro-cid-j7pv25f6]{grid-template-columns:1fr}}.dropzone-wrapper[data-astro-cid-j7pv25f6]{border-radius:12px;overflow:hidden;border:2px dashed #d0d0d0;background:#fff;transition:border-color .2s,background .2s}.dropzone-wrapper[data-astro-cid-j7pv25f6].has-image{border:none;box-shadow:0 4px 18px #0000000a}.dropzone-wrapper[data-astro-cid-j7pv25f6]:hover{border-color:#bbb}.dropzone-wrapper[data-astro-cid-j7pv25f6].drag-over{border-color:#5bc0eb;border-style:solid}.dropzone[data-astro-cid-j7pv25f6]{position:relative;display:grid;place-items:center;aspect-ratio:1;cursor:pointer;overflow:hidden}.dropzone-wrapper[data-astro-cid-j7pv25f6].has-image .dropzone[data-astro-cid-j7pv25f6]{aspect-ratio:auto}.dropzone-prompt[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#999;pointer-events:none}.dropzone-prompt[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6]{font-size:.95rem}.dropzone-prompt[data-astro-cid-j7pv25f6] .sub[data-astro-cid-j7pv25f6]{font-size:.8rem;color:#bbb}.preview-img[data-astro-cid-j7pv25f6]{width:100%;height:100%;object-fit:contain;display:block;padding:.5rem}.preview-img[data-astro-cid-j7pv25f6].fade-in{animation:img-fade .4s ease-out both}@keyframes img-fade{0%{opacity:0}to{opacity:1}}.options-row[data-astro-cid-j7pv25f6]{margin-top:2rem}.range-label[data-astro-cid-j7pv25f6]{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#666}.range-label[data-astro-cid-j7pv25f6] input[data-astro-cid-j7pv25f6][type=range]{flex:1;accent-color:#1a1a1a}.range-val[data-astro-cid-j7pv25f6]{width:1.5em;text-align:center;font-variant-numeric:tabular-nums}.demo-right[data-astro-cid-j7pv25f6]{position:sticky;top:2rem}.output-empty[data-astro-cid-j7pv25f6]{display:grid;place-items:center;min-height:240px;border:1px solid #eee;border-radius:12px;background:#fff;color:#bbb;font-size:.9rem}.output-results[data-astro-cid-j7pv25f6]{border:1px solid #eee;border-radius:12px;background:#fff;overflow:hidden}.palette-bar[data-astro-cid-j7pv25f6]{height:4px;margin:.75rem 1rem 0;border-radius:2px}.perf-bar[data-astro-cid-j7pv25f6]{padding:.5rem 1rem;font-size:.72rem;color:#999;border-top:1px solid #f0f0f0;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;display:flex;gap:1.5rem;font-variant-numeric:tabular-nums}.json-panel[data-astro-cid-j7pv25f6]{border-top:1px solid #f0f0f0}.json-tabs[data-astro-cid-j7pv25f6]{display:flex;gap:0;padding:0 1rem;border-bottom:1px solid #f0f0f0}.json-tab[data-astro-cid-j7pv25f6]{padding:.5rem .75rem;font-size:.75rem;color:#999;cursor:pointer;border:none;background:none;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace}.json-tab[data-astro-cid-j7pv25f6]:hover{color:#666}.json-tab[data-astro-cid-j7pv25f6].active{color:#1a1a1a;border-bottom-color:#1a1a1a}.json-pre[data-astro-cid-j7pv25f6]{margin:0;padding:.75rem 1rem 1rem;font-size:.72rem;line-height:1.5;overflow-x:auto;color:#555;max-height:360px}.api-section[data-astro-cid-j7pv25f6]{padding:4rem 0;background:#fff;border-top:1px solid #eee}.api-grid[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}@media(max-width:720px){.api-grid[data-astro-cid-j7pv25f6]{grid-template-columns:1fr}}.api-card[data-astro-cid-j7pv25f6]{border:1px solid #eee;border-radius:10px;padding:1.25rem;background:#fafafa}.api-card[data-astro-cid-j7pv25f6].wide{margin-bottom:1rem}.api-card[data-astro-cid-j7pv25f6] h3[data-astro-cid-j7pv25f6]{font-size:1rem;font-weight:600;margin-bottom:.75rem;letter-spacing:-.01em}.api-card[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6]{font-size:.85rem;color:#666;margin-bottom:.75rem;line-height:1.6}.api-card[data-astro-cid-j7pv25f6] pre[data-astro-cid-j7pv25f6]{background:#fff;border:1px solid #eee;border-radius:6px;padding:.875rem 1rem;font-size:.78rem;line-height:1.6;overflow-x:auto;color:#444}.api-note[data-astro-cid-j7pv25f6]{margin-top:.5rem;font-size:.78rem;color:#999}.api-note[data-astro-cid-j7pv25f6] code[data-astro-cid-j7pv25f6]{background:#eee;padding:.15em .4em;border-radius:3px;font-size:.85em}.table-wrap[data-astro-cid-j7pv25f6]{overflow-x:auto}table[data-astro-cid-j7pv25f6]{width:100%;border-collapse:collapse;font-size:.85rem}th[data-astro-cid-j7pv25f6]{text-align:left;font-weight:600;padding:.5rem .75rem;border-bottom:2px solid #eee;color:#333}td[data-astro-cid-j7pv25f6]{padding:.5rem .75rem;border-bottom:1px solid #f0f0f0;color:#555}td[data-astro-cid-j7pv25f6] code[data-astro-cid-j7pv25f6]{background:#f0f0f0;padding:.1em .35em;border-radius:3px;font-size:.88em}.site-footer[data-astro-cid-j7pv25f6]{padding:2.5rem 0;border-top:1px solid #eee;text-align:center}.footer-inner[data-astro-cid-j7pv25f6]{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:.85rem}.footer-inner[data-astro-cid-j7pv25f6] a[data-astro-cid-j7pv25f6]{color:#666;text-decoration:none;transition:color .15s}.footer-inner[data-astro-cid-j7pv25f6] a[data-astro-cid-j7pv25f6]:hover{color:#1a1a1a}.sep[data-astro-cid-j7pv25f6]{color:#ddd}