@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#000;--fg:#fff;--muted:#fff9;--grey:#b4b4b4;--line:#ffffff29;--error:#ff6b6b;--pad:clamp(16px, 5vw, 24px);--label:12px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01", "cv11";margin:0;font-family:Inter Variable,Inter,system-ui,sans-serif;font-size:16px;line-height:1.5}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.03em;font-weight:600;line-height:1.05}h1{font-size:clamp(32px,6vw,48px)}h2{letter-spacing:-.02em;font-size:clamp(22px,3vw,28px)}a{color:inherit;text-decoration:none}::selection{color:#000;background:#fff}:focus-visible{outline-offset:3px;outline:1.5px solid #fff}.label{font-size:var(--label);text-transform:uppercase;letter-spacing:.08em;font-weight:600;line-height:1.4}.muted{color:var(--muted)}.error{color:var(--error);font-size:14px}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px}.page{padding:var(--pad);gap:32px;max-width:1200px;margin:0 auto;display:grid}.narrow{max-width:560px}.top{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.stack{gap:16px;display:grid}.list{border-top:1px solid var(--line);display:grid}.list>*{border-bottom:1px solid var(--line);padding:14px 0}button,.btn{font:inherit;font-size:var(--label);text-transform:uppercase;letter-spacing:.08em;color:var(--fg);cursor:pointer;background:0 0;border:0;border-radius:0;justify-self:start;padding:0 0 5px;font-weight:600;position:relative}button:not(.chip):not([role=tab]):after{content:"";transform-origin:0;background:currentColor;height:1.5px;position:absolute;inset:auto 0 0}button:not(.chip):not([role=tab]):hover:not(:disabled):after,button:not(.chip):not([role=tab]):active:not(:disabled):after{animation:flow .8s var(--ease) forwards}@keyframes flow{0%{transform-origin:100%;transform:scaleX(1)}45%{transform-origin:100%;transform:scaleX(0)}46%{transform-origin:0;transform:scaleX(0)}to{transform-origin:0;transform:scaleX(1)}}button.ghost{color:var(--muted)}button.ghost:after{opacity:.5}button.ghost:hover{color:var(--fg)}button.link{color:var(--muted);padding-bottom:0}button.link:after{transform:scaleX(0)}button.link:hover{color:var(--fg)}button[role=tab]{border:1px solid var(--line);padding:10px 14px}button[role=tab][aria-selected=true]{background:var(--fg);color:var(--bg);border-color:var(--fg)}button:disabled{opacity:.4;cursor:default}form button:not([type=button]):not(.chip){font-size:clamp(15px,1.8vw,18px)}input,select,textarea{font:inherit;letter-spacing:-.02em;color:var(--fg);width:100%;transition:border-color .4s var(--ease);background:0 0;border:0;border-bottom:1px solid #ffffff4d;border-radius:0;padding:6px 0 12px;font-size:clamp(20px,2.4vw,26px);font-weight:600}input::placeholder,textarea::placeholder{color:#ffffff40}input:focus,select:focus,textarea:focus{border-bottom-color:var(--fg);outline:none}select{appearance:none;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%23fff' stroke-width='1.5'%3E%3Cpath d='M1 1l5 5 5-5'/%3E%3C/svg%3E") right 4px center no-repeat;padding-right:28px}select option{background:#000;font-size:16px;font-weight:400}textarea{resize:vertical;min-height:88px;line-height:1.35}.panel input,.panel select,.panel textarea,.screen input,input.mono{letter-spacing:-.01em;font-size:17px}input.mono{font-weight:400}input[type=checkbox]{appearance:none;border:1.5px solid var(--fg);cursor:pointer;background:0 0;border-radius:0;flex-shrink:0;place-content:center;width:20px;height:20px;margin:0;padding:0;display:grid}input[type=checkbox]:after{content:"";background:var(--fg);width:10px;height:10px;transition:transform .3s var(--ease);transform:scale(0)}input[type=checkbox]:checked:after{transform:scale(1)}input[type=checkbox]:focus-visible{outline:1.5px solid var(--fg);outline-offset:3px}.field{gap:10px;display:grid}.field>.label{color:var(--fg)}.check{color:#ffffffbf;cursor:pointer;align-items:center;gap:12px;font-size:15px;display:flex}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{color:var(--fg);border:1px solid var(--line);text-transform:none;letter-spacing:0;background:0 0;padding:8px 14px;font-size:15px;font-weight:500}.chip[aria-pressed=true]{background:var(--fg);color:var(--bg);border-color:var(--fg)}.builder{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:32px;display:grid}@media (width<=900px){.builder{grid-template-columns:1fr}}.screen{border:1px solid var(--line);gap:8px;padding:16px;display:grid}.block{border:1px solid var(--line);cursor:grab;background:#000;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.block[aria-selected=true]{border-color:var(--fg)}.block.over{box-shadow:0 -2px 0 var(--fg)}.dropzone{border:1px dashed var(--line);text-align:center;color:var(--muted);padding:12px;font-size:14px}.dropzone.over{border-color:var(--fg);color:var(--fg)}.panel{border:1px solid var(--line);gap:16px;padding:16px;display:grid;position:sticky;top:16px}.tabs{flex-wrap:wrap;gap:4px;display:flex}.table-wrap{border-top:1px solid var(--line);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;color:var(--muted);font-size:var(--label);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;font-weight:600}th,td{border-bottom:1px solid var(--line);vertical-align:top;padding:12px 16px 12px 0}td{max-width:320px}:root{--ease:cubic-bezier(.19, 1, .22, 1)}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}@keyframes line-in{0%{opacity:0;transform:translateY(70%)rotateX(-60deg)}}.page>*{animation:rise 1.1s var(--ease) both}.page>:nth-child(2){animation-delay:80ms}.page>:nth-child(3){animation-delay:.16s}.page>:nth-child(4){animation-delay:.24s}.page>:nth-child(5){animation-delay:.32s}.page>:nth-child(n+6){animation-delay:.4s}.page h1{animation:line-in 1.3s var(--ease) both;transform-origin:top;animation-delay:.12s}.list>*,tbody tr{animation:rise .9s var(--ease) both}.list>:nth-child(2),tbody tr:nth-child(2){animation-delay:60ms}.list>:nth-child(3),tbody tr:nth-child(3){animation-delay:.12s}.list>:nth-child(4),tbody tr:nth-child(4){animation-delay:.18s}.list>:nth-child(5),tbody tr:nth-child(5){animation-delay:.24s}.list>:nth-child(n+6),tbody tr:nth-child(n+6){animation-delay:.3s}a.label{position:relative}a.label:after{content:"";transform-origin:100%;height:1px;transition:transform .65s var(--ease);background:currentColor;position:absolute;inset:auto 0 -3px;transform:scaleX(0)}a.label:hover:after,a.label:active:after{transform-origin:0;transform:scaleX(1)}button.link:after{transition:transform .65s var(--ease);transform-origin:100%}button.link:hover:after{transform-origin:0;animation:none;transform:scaleX(1)}button{transition:color .4s var(--ease), background-color .4s var(--ease)}.wordmark svg{width:100%;height:auto;display:block;overflow:hidden}.wordmark path{transform-box:fill-box;animation:letter-up 1.4s var(--ease) both;animation-delay:calc(var(--i) * 70ms)}@keyframes letter-up{0%{transform:translateY(104%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}