.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}}