.widget-builder{color:#f5f3ec;background:#08080c;min-height:100svh;font-family:system-ui,sans-serif}.widget-builder main{max-width:1280px;margin:auto;padding:48px 5vw}.widget-builder main>header{max-width:830px;margin-bottom:50px}.widget-builder main>header>p:first-child{color:#ce95f0;letter-spacing:.12em;font:10px/1.6 ui-monospace,monospace}.widget-builder h1{letter-spacing:-.04em;margin:24px 0;font:400 clamp(40px,5vw,72px)/1.1 Georgia,serif}.widget-builder p{color:#aca4bb;font:14px/1.8 system-ui}.widget-builder h2{margin:0 0 20px;font:400 25px/1.4 Georgia,serif}.widget-builder-layout{grid-template-columns:260px minmax(0,1fr);gap:40px;display:grid}.widget-options{background:#141018;border:1px solid #393247;align-self:start;padding:24px}.widget-options label{color:#d6c8e0;gap:8px;margin:20px 0;font-size:12px;display:grid}.widget-builder :is(input,select,textarea){box-sizing:border-box;color:#f5f3ec;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#1b1523;border:1px solid #655671;border-radius:6px;width:100%;padding:12px;font:14px/1.5 system-ui}.widget-preview textarea{resize:vertical;font:12px/1.7 ui-monospace,monospace}.widget-preview h2:not(:first-child){margin-top:36px}.widget-copy{color:#181321;cursor:pointer;background:linear-gradient(110deg,#a89eff,#ce95f0,#e277e6);border:0;border-radius:6px;min-height:48px;margin-top:18px;padding:15px 24px;font:600 14px/1.5 system-ui}.widget-builder a{color:#ce95f0;text-underline-offset:5px}.widget-builder :is(a,button,input,select,textarea):focus-visible{outline-offset:4px;outline:2px solid #ce95f0}@media (max-width:800px){.widget-builder-layout{grid-template-columns:1fr;gap:32px}.widget-options{grid-template-columns:1fr 1fr;gap:0 20px;display:grid}.widget-options h2,.widget-options>p{grid-column:1/-1}}@media (max-width:480px){.widget-builder main{padding:32px 20px}.widget-options{display:block}.widget-builder h1{font-size:39px}}html[data-theme] .widget-builder{color:var(--site-ink);font-family:DM Sans,Arial,sans-serif}html[data-theme] .widget-builder :is(h1,h2){color:var(--site-ink)}html[data-theme] .widget-builder p{color:var(--site-muted)}html[data-theme] .widget-builder main>header>p:first-child,html[data-theme] .widget-builder a{color:var(--site-accent)}html[data-theme] .widget-builder .widget-options{background:var(--site-panel);border-color:var(--site-line);border-radius:12px}html[data-theme] .widget-builder .widget-options label{color:var(--site-ink)}html[data-theme] .widget-builder :is(input,select,textarea){color:var(--site-ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0c1135;border-color:#65608c;min-width:0}html[data-theme] .widget-builder .widget-copy{background:var(--site-accent);color:#17112c;border-radius:8px}html[data-theme] .widget-builder .widget-copy:hover{background:#cbb8ff}html[data-theme] .widget-builder .widget-copy-status{min-height:25px;color:var(--site-muted);margin:14px 0;font:14px/1.8 DM Sans,Arial,sans-serif;display:block}html[data-theme] .widget-builder :is(a,button,input,select,textarea):focus-visible{outline-color:var(--site-accent)}html[data-theme]:has(.widget-builder) .ringring-site-footer :is(a,button,summary){color:var(--site-muted)}html[data-theme]:has(.widget-builder) .ringring-site-footer :is(a,button,summary):hover{color:#cbbbff}html[data-theme]:has(.widget-builder) .ringring-site-footer :is(h2,.rr-footer-brand>span){color:#cbbbff}html[data-theme]:has(.widget-builder) .ringring-site-footer .rr-logo-dark{display:block!important}html[data-theme]:has(.widget-builder) .ringring-site-footer .rr-logo-light{display:none!important}