label[data-astro-cid-ziljxvjs]{display:grid;grid-template-columns:auto 1fr 2.5rem;align-items:center;gap:.75rem}input[data-astro-cid-ziljxvjs]{min-width:5rem}.value[data-astro-cid-ziljxvjs]{font-size:var(--text-sm, .875rem);color:var(--color-gray-2)}fieldset[data-astro-cid-2b7inhbe]{border:1px solid var(--color-gray-5, #64748b);background-color:var(--color-gray-6, #f1f5f9);padding:1rem;color:var(--color-white, #1e293b)}legend[data-astro-cid-2b7inhbe]{float:left;float:inline-start;font-weight:600}.color-picker[data-astro-cid-2b7inhbe]{float:right;float:inline-end}.sliders[data-astro-cid-2b7inhbe]{clear:both}input[data-astro-cid-2b7inhbe][type=color]{border:0;background:transparent;height:2em;width:3rem;cursor:pointer;--swatch-border: var(--color-gray-3, #94a3b8)}input[data-astro-cid-2b7inhbe][type=color]:hover{--swatch-border: var(--color-gray-1, #334155)}input[data-astro-cid-2b7inhbe][type=color]::-webkit-color-swatch{border:1px solid var(--swatch-border);border-radius:.5rem}input[data-astro-cid-2b7inhbe][type=color]::-moz-color-swatch{border:1px solid var(--swatch-border);border-radius:.5rem}.sr-only[data-astro-cid-2b7inhbe]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.sl-flex[data-astro-cid-ynwcue3t]{display:flex;gap:.5rem}fieldset[data-astro-cid-ynwcue3t]{border:0;padding:0}fieldset[data-astro-cid-ynwcue3t]>[data-astro-cid-ynwcue3t]{float:left;float:inline-start;vertical-align:middle}legend[data-astro-cid-ynwcue3t]{color:var(--color-white);margin-inline-end:.75rem;font-weight:600}label[data-astro-cid-ynwcue3t]{align-items:center;padding:.25rem .75rem;gap:.375rem;background-color:var(--color-gray-5);color:var(--color-gray-2);font-size:var(--text-xs, .75rem);font-weight:500;cursor:pointer}label[data-astro-cid-ynwcue3t]:has(:focus-visible){outline:2px solid;outline-offset:-4px}label[data-astro-cid-ynwcue3t]:first-child{border-start-start-radius:99rem;border-end-start-radius:99rem}label[data-astro-cid-ynwcue3t]:last-child{border-start-end-radius:99rem;border-end-end-radius:99rem}label[data-astro-cid-ynwcue3t]:has(:checked){color:var(--color-white);background-color:var(--color-accent)}input[data-astro-cid-ynwcue3t]:focus-visible{outline:none}.sl-flex[data-astro-cid-hp6bgud4]{display:flex}preset-picker[data-astro-cid-hp6bgud4]{flex-wrap:wrap;align-items:center;gap:.75rem}.label[data-astro-cid-hp6bgud4]{color:var(--color-white);font-weight:600}[data-astro-cid-hp6bgud4][data-preset],[data-astro-cid-hp6bgud4][data-random]{border:0;border-radius:99rem;min-width:4.5rem;display:flex;gap:.25rem;align-items:center;justify-content:center;padding:.25rem .75rem;background-color:var(--dark-bg, var(--color-white, white));color:var(--dark-text, var(--color-black, black));font-size:var(--text-xs, .75rem);cursor:pointer;transition:transform .1s}button[data-astro-cid-hp6bgud4]:hover{transform:scale(1.05)}button[data-astro-cid-hp6bgud4]:focus-visible{outline:2px solid;outline-offset:-4px}[data-theme=light] [data-astro-cid-hp6bgud4][data-preset]{background-color:var(--light-bg);color:var(--light-text)}button[data-astro-cid-hp6bgud4]>*{pointer-events:none}.palette[data-astro-cid-7wu6urjq]{display:grid;grid-template-columns:repeat(10,1fr)}.palette[data-astro-cid-7wu6urjq]>[data-astro-cid-7wu6urjq]{aspect-ratio:1;background-color:var(--bg)}.circle[data-astro-cid-7wu6urjq]{border-radius:50%}.preview-card[data-astro-cid-vakbymgp]{margin:0!important;border:1px solid;border-color:var(--color-gray-5);padding:1rem;background-color:var(--color-black);contain:paint}h4[data-astro-cid-vakbymgp]{margin:0 0 .75rem;color:var(--color-white);font-size:1rem}p[data-astro-cid-vakbymgp]{margin-top:.5em!important;font-size:var(--text-sm, .875rem);color:var(--color-gray-1)}.link[data-astro-cid-vakbymgp]{color:var(--color-accent-text);text-decoration:underline}.dim[data-astro-cid-vakbymgp]{color:var(--color-gray-3)}code[data-astro-cid-vakbymgp]{background-color:var(--color-gray-6);padding:.2em .4em;border-radius:.25rem;font-size:.875em;color:var(--color-gray-1)}[data-astro-cid-vakbymgp][data-light] code[data-astro-cid-vakbymgp]{background-color:var(--color-gray-5)}.status-badges[data-astro-cid-vakbymgp]{display:flex;gap:.5rem;margin-top:1rem;margin-bottom:1rem;flex-wrap:wrap}.badge[data-astro-cid-vakbymgp]{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:99rem;font-size:.75rem;font-weight:600;letter-spacing:.025em}.badge-success[data-astro-cid-vakbymgp]{background-color:var(--color-success-low);color:var(--color-success);border:1px solid var(--color-success)}.badge-warning[data-astro-cid-vakbymgp]{background-color:var(--color-warning-low);color:var(--color-warning);border:1px solid var(--color-warning)}.badge-danger[data-astro-cid-vakbymgp]{background-color:var(--color-danger-low);color:var(--color-danger);border:1px solid var(--color-danger)}.section[data-astro-cid-vakbymgp]{margin-top:1.5rem}.section-title[data-astro-cid-vakbymgp]{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:var(--color-gray-2);text-transform:uppercase;letter-spacing:.05em}.button-group[data-astro-cid-vakbymgp]{display:flex;gap:.5rem;flex-wrap:wrap}.btn[data-astro-cid-vakbymgp]{padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:all .2s}.btn-primary[data-astro-cid-vakbymgp]{background-color:var(--color-accent-text);color:var(--color-black)}.btn-primary[data-astro-cid-vakbymgp]:hover{background-color:var(--color-accent-high)}.btn-secondary[data-astro-cid-vakbymgp]{background-color:var(--color-gray-5);color:var(--color-gray-1);border:1px solid var(--color-gray-4)}.btn-secondary[data-astro-cid-vakbymgp]:hover{background-color:var(--color-gray-4)}.btn-ghost[data-astro-cid-vakbymgp]{background-color:transparent;color:var(--color-gray-2);border:1px solid var(--color-gray-5)}.btn-ghost[data-astro-cid-vakbymgp]:hover{background-color:var(--color-gray-6);color:var(--color-gray-1)}.btn-sm[data-astro-cid-vakbymgp]{padding:.375rem .75rem;font-size:.8125rem}.alerts[data-astro-cid-vakbymgp]{display:flex;flex-direction:column;gap:.75rem}.alert[data-astro-cid-vakbymgp]{padding:.75rem 1rem;border-radius:.375rem;font-size:.875rem;border-left:3px solid}.alert[data-astro-cid-vakbymgp] strong[data-astro-cid-vakbymgp]{font-weight:600}.alert-success[data-astro-cid-vakbymgp]{background-color:var(--color-success-low);color:var(--color-success-high);border-color:var(--color-success)}.alert-warning[data-astro-cid-vakbymgp]{background-color:var(--color-warning-low);color:var(--color-warning-high);border-color:var(--color-warning)}.alert-danger[data-astro-cid-vakbymgp]{background-color:var(--color-danger-low);color:var(--color-danger-high);border-color:var(--color-danger)}.card[data-astro-cid-vakbymgp]{padding:1rem;background-color:var(--color-gray-6);border:1px solid var(--color-gray-5);border-radius:.5rem}.card-title[data-astro-cid-vakbymgp]{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:var(--color-white)}.card-text[data-astro-cid-vakbymgp]{margin:0 0 1rem;font-size:.875rem;color:var(--color-gray-2);line-height:1.5}.card-text[data-astro-cid-vakbymgp] strong[data-astro-cid-vakbymgp]{color:var(--color-gray-1);font-weight:500}.typography[data-astro-cid-vakbymgp]{display:flex;flex-direction:column;gap:.5rem}.type-sample[data-astro-cid-vakbymgp]{font-size:.875rem;padding:.5rem 0}.type-label[data-astro-cid-vakbymgp]{display:inline-block;min-width:4rem;font-family:monospace;font-size:.75rem;font-weight:600}.theme-designer-wrapper[data-astro-cid-htfkoux6]{max-width:100%;margin:2rem 0}.sl-flex[data-astro-cid-htfkoux6]{display:flex}.controls[data-astro-cid-htfkoux6]{flex-wrap:wrap;gap:1.5rem;margin-top:2rem}.controls[data-astro-cid-htfkoux6]>*{flex:1 1}.preview[data-astro-cid-htfkoux6]{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:2rem}.tabs-container[data-astro-cid-htfkoux6]{margin-top:2rem}.tabs-header[data-astro-cid-htfkoux6]{display:flex;gap:.5rem;border-bottom:2px solid var(--color-gray-5);margin-bottom:1rem}.tab-button[data-astro-cid-htfkoux6]{padding:.75rem 1.5rem;border:none;background:transparent;cursor:pointer;font-weight:500;color:var(--color-gray-3);border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}.tab-button[data-astro-cid-htfkoux6]:hover{color:var(--color-gray-2)}.tab-button[data-astro-cid-htfkoux6].active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.tab-content[data-astro-cid-htfkoux6]{display:none}.tab-content[data-astro-cid-htfkoux6].active{display:block}.tab-description[data-astro-cid-htfkoux6]{color:var(--color-gray-3);margin-bottom:1rem;font-size:.9rem}.code-actions[data-astro-cid-htfkoux6]{display:flex;justify-content:flex-end;margin-bottom:.5rem}.copy-button[data-astro-cid-htfkoux6]{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid var(--color-gray-4);background:var(--color-gray-6);border-radius:.375rem;cursor:pointer;font-size:.875rem;color:var(--color-gray-2);transition:all .2s}.copy-button[data-astro-cid-htfkoux6]:hover{background:var(--color-gray-5);border-color:var(--color-gray-3)}.generated-code[data-astro-cid-htfkoux6]{height:20rem;background-color:var(--astro-code-color-background, #0f172a);overflow:auto scroll;user-select:all;border-radius:.5rem;padding:1.5rem;margin:0}.generated-code[data-astro-cid-htfkoux6] code[data-astro-cid-htfkoux6]{font-family:Monaco,Menlo,Courier New,monospace;font-size:.875rem;line-height:1.6}@media(max-width:768px){.preview[data-astro-cid-htfkoux6]{grid-template-columns:1fr}.controls[data-astro-cid-htfkoux6]{flex-direction:column}}