.blobz-builder,.blobz-palette-picker{--blobz-builder-accent:#3b3a8f;--blobz-builder-background:#f4f3f8;--blobz-builder-border:#dddbe8;--blobz-builder-foreground:#1b1a26;--blobz-builder-muted:#6b6a7b;--blobz-builder-surface:#fff;min-width:0;color:var(--blobz-builder-foreground);gap:1.5rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:grid}.blobz-builder *,.blobz-builder :before,.blobz-builder :after{box-sizing:border-box}.blobz-builder button,.blobz-builder input,.blobz-builder select{font:inherit;accent-color:var(--blobz-builder-accent)}.blobz-builder button:focus-visible,.blobz-builder input:focus-visible,.blobz-builder select:focus-visible{outline:2px solid var(--blobz-builder-accent);outline-offset:2px}.blobz-builder__studio{grid-template-columns:minmax(14rem,18rem) minmax(0,1fr);align-items:start;gap:2rem;display:grid}.blobz-builder__preview-rail{gap:.75rem;display:grid;position:sticky;top:6.75rem}.blobz-builder__preview{aspect-ratio:1;background:var(--blobz-builder-background);border:1px solid var(--blobz-builder-border);border-radius:1rem;width:100%;overflow:hidden}.blobz-builder__preview img{display:block}.blobz-builder__preview-actions,.blobz-builder__controls,.blobz-builder__primary-controls,.blobz-builder__custom-controls,.blobz-builder__appearance{gap:1.25rem;min-width:0;display:grid}.blobz-builder__controls{gap:1.75rem}.blobz-builder__preview-actions{gap:.5rem}.blobz-builder__mode-switch{grid-template-columns:repeat(2,minmax(0,1fr));gap:.375rem;display:grid}.blobz-builder__mode-switch legend{grid-column:1/-1}.blobz-builder__mode-switch button,.blobz-builder__custom-actions button{min-height:2.65rem;color:var(--blobz-builder-foreground);cursor:pointer;background:var(--blobz-builder-surface);border:1px solid var(--blobz-builder-border);border-radius:.65rem;justify-content:center;align-items:center;gap:.45rem;padding:.6rem .8rem;transition:color .15s,background-color .15s,border-color .15s,transform .15s;display:inline-flex}.blobz-builder__custom-actions svg{width:1rem;height:1rem}.blobz-builder__mode-switch button[aria-pressed=true]{color:var(--blobz-builder-surface);background:var(--blobz-builder-foreground);border-color:var(--blobz-builder-foreground)}.blobz-builder fieldset{border:0;min-width:0;margin:0;padding:0}.blobz-builder legend,.blobz-builder__generated-controls>label{color:var(--blobz-builder-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.6rem;font-size:.75rem;font-weight:700;display:block}.blobz-builder__frame-options{flex-wrap:wrap;gap:.4rem;display:flex}.blobz-builder__frame-options legend{flex-basis:100%}.blobz-builder__frame-options label{cursor:pointer;position:relative}.blobz-builder__frame-options input{opacity:0;width:1px;height:1px;position:absolute}.blobz-builder__frame-options span{text-transform:capitalize;border:1px solid var(--blobz-builder-border);border-radius:999px;padding:.45rem .8rem;display:block}.blobz-builder__frame-options input:checked+span{color:var(--blobz-builder-surface);background:var(--blobz-builder-foreground);border-color:var(--blobz-builder-foreground)}.blobz-builder__frame-options input:focus-visible+span{outline:2px solid var(--blobz-builder-accent);outline-offset:2px}.blobz-builder__palette{min-width:0}.blobz-palette-picker{border:0;padding:0}.blobz-palette-picker button:focus-visible,.blobz-palette-picker input:focus-visible{outline-offset:2px;outline:2px solid #0ea5e9}.blobz-builder__visually-hidden{white-space:nowrap;clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.blobz-builder__palette-row{grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:start;gap:.55rem;display:grid}.blobz-builder__palette-label{color:var(--blobz-builder-muted);letter-spacing:.01em;margin-top:.85rem;font-size:.75rem;font-weight:700}.blobz-builder__palette-presets{flex-wrap:wrap;gap:.45rem;display:flex}.blobz-builder__palette-preset{appearance:none;cursor:pointer;background:0 0;border:0;border-radius:50%;width:2.75rem;height:2.75rem;padding:0;transition:box-shadow .15s,transform .15s;box-shadow:0 0 0 1px #cee9f7}.blobz-builder__palette-preset[aria-pressed=true]{box-shadow:0 0 0 2px #0ea5e9,0 5px 15px #0ea5e933}.blobz-builder__swatches{background:linear-gradient(135deg, var(--blobz-palette-background) 50%, var(--blobz-palette-body) 50%);border-radius:50%;width:100%;height:100%;display:block}.blobz-builder__palette-divider{background:var(--blobz-builder-border);width:1px;height:2rem;margin:.4rem .25rem 0}.blobz-builder__custom-colours{gap:.45rem;display:flex}.blobz-builder__custom-colours label{display:block}.blobz-builder__custom-colours input[type=color]{appearance:none;cursor:pointer;background:0 0;border:0;border-radius:50%;width:2.75rem;height:2.75rem;padding:0;transition:box-shadow .15s,transform .15s;overflow:hidden;box-shadow:0 0 0 1px #cee9f7}.blobz-builder__custom-colours input[type=color]::-webkit-color-swatch-wrapper{padding:0}.blobz-builder__custom-colours input[type=color]::-webkit-color-swatch{border:0;border-radius:50%}.blobz-builder__custom-colours input[type=color]::-moz-color-swatch{border:0;border-radius:50%}.blobz-builder__generated-controls input{width:100%;min-height:2.75rem;color:var(--blobz-builder-foreground);background:var(--blobz-builder-surface);border:1px solid var(--blobz-builder-border);border-radius:.65rem;padding:.65rem .75rem}.blobz-builder__generated-controls p{color:var(--blobz-builder-muted);margin:.45rem 0 0;font-size:.82rem}.blobz-builder__custom-actions{flex-wrap:wrap;gap:.5rem;display:flex}.blobz-builder__custom-controls>fieldset{border-top:1px solid var(--blobz-builder-border);padding-top:1.25rem}.blobz-builder__choice-group{gap:.7rem;display:grid}.blobz-builder__choice-grid{grid-template-columns:repeat(auto-fill,minmax(5rem,1fr));gap:.55rem;display:grid}.blobz-builder__choice{min-width:0;color:var(--blobz-builder-foreground);overflow-wrap:anywhere;cursor:pointer;background:var(--blobz-builder-surface);border:1px solid var(--blobz-builder-border);border-radius:.75rem;place-items:center;gap:.3rem;padding:.45rem;font-size:.75rem;transition:background-color .15s,border-color .15s,transform .15s;display:grid}.blobz-builder__choice[aria-pressed=true]{border:2px solid var(--blobz-builder-accent);padding:calc(.45rem - 1px)}.blobz-builder__choice img{max-width:100%;display:block}.blobz-builder__details{min-width:0}.blobz-builder__details-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:1.25rem;display:grid}.blobz-builder__mirror{grid-column:1/-1}.blobz-builder__range-heading{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.blobz-builder__range-heading output{font-variant-numeric:tabular-nums;color:var(--blobz-builder-muted);flex-shrink:0}@media (hover:hover) and (pointer:fine){.blobz-builder__mode-switch button:hover,.blobz-builder__custom-actions button:hover,.blobz-builder__choice:not([aria-pressed=true]):hover{border-color:var(--blobz-builder-muted)}.blobz-builder__choice:hover{background:color-mix(in srgb, var(--blobz-builder-surface) 88%, var(--blobz-builder-background))}.blobz-builder__palette-preset:hover,.blobz-builder__custom-colours input[type=color]:hover{transform:translateY(-2px)}}.blobz-builder__mode-switch button:active,.blobz-builder__custom-actions button:active,.blobz-builder__choice:active,.blobz-builder__palette-preset:active{transform:scale(.97)}@media (max-width:56rem){.blobz-builder__studio{grid-template-columns:minmax(0,1fr)}.blobz-builder__preview-rail{grid-template-columns:minmax(12rem,16rem) minmax(0,1fr);align-items:start;position:static}}@media (max-width:40rem){.blobz-builder__preview-rail{grid-template-columns:minmax(0,1fr)}.blobz-builder__preview{max-width:13rem}.blobz-builder__palette-row{grid-template-columns:auto minmax(0,1fr)}.blobz-builder__palette-divider{display:none}}@media (prefers-reduced-motion:reduce){.blobz-builder__mode-switch button,.blobz-builder__custom-actions button,.blobz-builder__choice,.blobz-builder__palette-preset,.blobz-builder__custom-colours input[type=color]{transition:none}.blobz-builder__mode-switch button:active,.blobz-builder__custom-actions button:active,.blobz-builder__choice:active,.blobz-builder__palette-preset:active{transform:none}}@media (prefers-color-scheme:dark){.blobz-builder,.blobz-palette-picker{--blobz-builder-accent:#aaa8ff;--blobz-builder-background:#15141d;--blobz-builder-border:#343242;--blobz-builder-foreground:#f1f0f7;--blobz-builder-muted:#aaa8b8;--blobz-builder-surface:#201f2a}}