.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--label);font-size:12px;font-weight:600}.label{letter-spacing:.16em;text-transform:uppercase;font-size:13px;font-weight:700}.small-label{letter-spacing:.14em;text-transform:uppercase;color:var(--label);font-size:11px;font-weight:500}.small-caps{letter-spacing:.14em;text-transform:uppercase;color:var(--label);font-size:12px;font-weight:700}.small-caps--ink{color:var(--ink);letter-spacing:.16em}.h1{letter-spacing:-.025em;font-size:clamp(36px,9vw,48px);font-weight:700;line-height:1.05}.h1--xl{letter-spacing:-.03em;font-size:clamp(38px,10vw,56px);line-height:1.02}.h1--md{font-size:clamp(34px,9vw,44px)}.h1--sm{letter-spacing:-.015em;font-size:28px;line-height:1.1}.h2{letter-spacing:-.02em;font-size:clamp(30px,7.5vw,40px);font-weight:700;line-height:1.1}.h2--sm{letter-spacing:-.015em;font-size:clamp(26px,7vw,32px);line-height:1.12}.h3{letter-spacing:-.01em;font-size:clamp(24px,6.5vw,28px);font-weight:700;line-height:1.15}.lede{color:var(--label);font-size:17px}.lede--lg{max-width:600px;font-size:18px}.muted{color:var(--label)}.small{font-size:14px}.ink,.ink-link{color:var(--ink)}.blue-link{color:var(--blue-light)}.arrow-link{letter-spacing:.12em;text-transform:uppercase;color:var(--blue-light);padding:12px 0;font-size:13px;font-weight:600;text-decoration:none;display:inline-block}.arrow-link--quiet{color:var(--label);letter-spacing:.1em;font-size:12px}.text-btn{letter-spacing:.1em;text-transform:uppercase;color:var(--label);text-align:left;background:0 0;border:0;padding:14px 0;font-size:13px;font-weight:600}.text-btn:hover{color:var(--ink)}.text-btn--row{letter-spacing:0;text-transform:none;border-top:1px solid var(--hairline);padding:11px 0;font-size:16px;font-weight:400}.note{color:var(--label);font-size:13px}.note--error{color:var(--danger)}.note--boxed{border:1px solid var(--hairline);background:var(--plate);border-radius:6px;padding:12px 14px;font-size:14px}.note--boxed.note--error{border-color:#ff9d9d73}.plate+.note,.list+.note{margin-top:10px}.badge{letter-spacing:.14em;text-transform:uppercase;color:var(--ink);border:1px solid var(--edge);border-radius:4px;padding:5px 9px;font-size:11px;font-weight:700;display:inline-block}.badge--blue{background:var(--blue-wash);border-color:var(--blue-edge);padding:6px 10px}.badge--dev{border-color:var(--violet);color:var(--violet-light);margin-right:6px}.tag{letter-spacing:.12em;text-transform:uppercase;color:var(--ink);background:var(--chip);border-radius:4px;padding:6px 9px;font-size:11px;font-weight:600;text-decoration:none;display:inline-block}a.tag:hover{background:var(--pressed)}a.tag{position:relative}a.tag:after{content:"";position:absolute;inset:-9px -2px}.inline-code{font-family:var(--mono);color:var(--ink);font-size:15px}.hash{font-family:var(--mono);color:var(--violet-light);word-break:break-all;font-size:13px}.readout{background:var(--ground);font-variant-numeric:tabular-nums;border-radius:4px;padding:6px 10px;font-size:13px;font-weight:500}.dot{background:var(--blue-light);border-radius:4px;flex:none;width:7px;height:7px}.btn{min-height:44px;color:var(--ink);letter-spacing:.1em;text-transform:uppercase;text-align:center;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.btn:hover{color:var(--ink)}.btn--key{background:var(--ink);color:var(--ground);font-weight:700}.btn--key:hover{color:var(--ground);background:#fff}.btn--line{border-color:var(--edge)}.btn--line:hover{border-color:var(--label)}.btn--dashed{border:1px dashed var(--edge);letter-spacing:.12em;font-size:12px}.btn--blue{background:var(--blue);font-weight:700}.btn--blue:hover{background:#3468ee}.btn--on{border-color:var(--blue-edge);background:var(--blue-wash)}.btn--danger{border-color:var(--danger);color:var(--danger)}.btn--danger:hover{color:var(--danger);background:#ff9d9d1a}.btn--big,.btn--mid{text-transform:none;letter-spacing:0;gap:10px}.btn--big{min-height:52px;padding:0 24px;font-size:16px}.btn--big.btn--key,.btn--big.btn--blue,.btn--mid.btn--key{font-weight:700}.btn--mid{min-height:48px;padding:0 20px;font-size:15px}.btn--tall{letter-spacing:.08em;gap:10px;min-height:52px;padding:0 20px;font-size:14px;font-weight:700}.btn--block{width:100%;display:flex}.btn:disabled,.chip-btn:disabled,.seg__btn:disabled,.play-btn:disabled,.votes__btn:disabled,.vote-panel__btn:disabled{opacity:.45}.btn[aria-busy=true]{opacity:.7}.icon-btn{width:44px;height:44px;color:var(--label);background:0 0;border:0;border-radius:6px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn:hover{color:var(--ink);background:var(--well)}.play-btn{background:var(--blue);width:44px;height:44px;color:var(--ink);border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.play-btn:hover:not(:disabled){background:#3468ee}.play-btn--lg{width:52px;height:52px}.play-btn--sm{width:40px;height:40px}.send-btn{white-space:nowrap;font-size:12px;font-weight:700}.send-btn--md{width:168px;padding:0 8px}.send-btn--lg{letter-spacing:.08em;gap:10px;min-height:52px;padding:0 20px;font-size:14px}.send-btn--bar{font-size:13px;font-weight:600}.seg{background:var(--ground);border-radius:6px;flex-wrap:wrap;align-items:center;gap:4px;max-width:100%;padding:4px;display:inline-flex}.seg--plate{background:var(--plate);border:1px solid var(--hairline)}.seg--fill{display:flex}.seg--fill .seg__btn{flex:1}.seg__btn{min-height:44px;color:var(--label);letter-spacing:.1em;text-transform:uppercase;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;padding:0 16px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.seg__btn:hover:not(:disabled){color:var(--ink)}.seg__btn[aria-pressed=true],.seg__btn[aria-current=true]{background:var(--pressed);color:var(--ink)}.seg--small .seg__btn{letter-spacing:.06em;min-width:44px;padding:0 8px;font-size:12px}.seg__text{letter-spacing:.06em;font-variant-numeric:tabular-nums;padding:0 6px;font-size:12px;font-weight:600}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip-btn{background:var(--well);min-height:44px;color:var(--label);letter-spacing:.12em;text-transform:uppercase;border:0;border-radius:4px;padding:0 14px;font-size:12px;font-weight:600}.chip-btn:hover:not(:disabled){color:var(--ink)}.chip-btn[aria-pressed=true]{background:var(--pressed);color:var(--ink);text-underline-offset:5px;text-decoration:underline}.votes{background:var(--ground);border-radius:6px;align-items:center;gap:2px;padding:0 2px;display:flex}.votes__btn{width:44px;height:44px;color:var(--label);background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:0;display:flex}.votes__btn:hover:not(:disabled){color:var(--ink)}.votes__btn[aria-pressed=true]{color:var(--blue-light)}.votes__score{text-align:center;font-variant-numeric:tabular-nums;min-width:40px;font-size:14px;font-weight:600}.vote-panel{align-items:center;gap:8px;display:flex}.vote-panel__btn{border:1px solid var(--edge);width:52px;height:52px;color:var(--label);background:0 0;border-radius:6px;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.vote-panel__btn.btn--on{border-color:var(--blue-edge);background:var(--blue-wash);color:var(--ink)}.vote-panel__score{text-align:center;flex:1}.vote-panel__number{font-variant-numeric:tabular-nums;font-size:32px;font-weight:700;line-height:1.1}.plate{border:1px solid var(--hairline);background:var(--plate);border-radius:8px;min-width:0}.plate--clip{overflow:hidden}.plate--pad{padding:16px}.plate--blue{border-color:var(--blue-edge)}.plate__head{border-bottom:1px solid var(--hairline);flex-wrap:wrap;align-items:center;gap:10px 14px;padding:14px 16px;display:flex}.plate__head--split{justify-content:space-between;padding:8px 16px}.plate__foot{color:var(--label);border-top:1px solid var(--hairline);padding:10px 16px;font-size:13px}.plate__tail{padding:12px 16px}.stack{flex-direction:column;gap:12px;display:flex}.stack--tight{gap:10px}.well{background:var(--ground);border-radius:6px}.well--pad{padding:12px 14px}.well--list{padding:2px 14px}.well__row{border-bottom:1px solid var(--well);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding:10px 0;display:flex}.well__row:last-child{border-bottom:0}.well__text{flex:110px;min-width:0}.well__title{font-weight:600}.well__email{word-break:break-all}.kv{background:var(--ground);border-radius:6px;padding:4px 14px;font-size:13px}.kv__row{border-bottom:1px solid var(--well);justify-content:space-between;gap:12px;padding:10px 0;display:flex}.kv__row:last-child{border-bottom:0}.kv dt{letter-spacing:.14em;text-transform:uppercase;color:var(--label);font-weight:500}.kv dd{font-variant-numeric:tabular-nums;font-weight:600}.program-line{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:0 12px;display:flex}.program-line__name{font-size:22px;font-weight:700}.tick-line{color:var(--label);align-items:flex-start;gap:10px;font-size:14px;display:flex}.tick-line .icon{margin-top:3px}.status-chip{letter-spacing:.12em;text-transform:uppercase;text-align:center;background:var(--ground);border-radius:4px;width:132px;padding:6px 9px;font-size:11px;font-weight:600}.button-row{flex-wrap:wrap;gap:8px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field--wide{gap:8px}.input{background:var(--ground);border:1px solid var(--hairline);width:100%;min-height:48px;color:var(--ink);border-radius:4px;padding:0 12px}.input::placeholder{color:var(--dim)}.input--plate{background:var(--plate)}.input--name{font-size:17px;font-weight:600}.input--area{resize:vertical;padding:10px 12px;font-size:15px}.input--tag{width:130px;min-height:44px;font-size:13px}.input:disabled{opacity:.45}.row{border-bottom:1px solid var(--hairline);flex-wrap:wrap;align-items:center;gap:12px 18px;padding:14px 16px;display:flex}.rows>.row:last-child,.plate--clip>.rows:last-child>.row:last-child{border-bottom:0}.plate>.rows:not(:last-child)>.row:last-child{border-bottom:1px solid var(--hairline)}.rows--waiting{opacity:.5}.row__name{flex:200px;min-width:0}.row__title{color:var(--ink);font-size:17px;font-weight:600;text-decoration:none}a.row__title:hover{text-underline-offset:3px;text-decoration:underline}.row__title--sm{font-size:16px}.row__sub{color:var(--label);font-size:13px}.thumb{flex-direction:column;flex:none;gap:3px;width:112px;display:flex}.thumb svg{background:var(--ground);border-radius:4px;display:block}.thumb__label{letter-spacing:.12em;text-transform:uppercase;color:var(--label);font-size:10px;font-weight:600}.empty{text-align:center;padding:40px 16px}.empty__title{font-size:20px;font-weight:700}.steps{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:16px;display:grid}.steps--narrow{grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr))}.step{align-items:flex-start;gap:14px;display:flex}.step__n{font-family:var(--mono);background:var(--plate);border:1px solid var(--hairline);border-radius:4px;padding:4px 9px;font-size:13px}.step__title,.hint__title{font-weight:600}.step__title a{color:var(--ink)}.step__text,.hint__text{color:var(--label);font-size:14px}.hints{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:16px;margin-top:24px;display:grid}.hint{border:1px solid var(--hairline);border-radius:8px;align-items:flex-start;gap:14px;padding:16px 18px;display:flex}.hint .icon{margin-top:2px}.code-boxes{align-items:center;gap:clamp(4px,1.6vw,8px);display:flex}.code-boxes span{background:var(--ground);width:clamp(36px,11.5vw,68px);height:clamp(52px,16vw,92px);font-family:var(--mono);border-radius:6px;justify-content:center;align-items:center;font-size:clamp(26px,8vw,48px);font-weight:500;display:flex}.code-boxes i{background:var(--edge);width:clamp(8px,3vw,16px);height:2px}.code-boxes--sm{gap:6px}.code-boxes--sm span{border-radius:4px;width:40px;height:52px;font-size:22px;font-weight:400}.code-boxes--sm i{width:10px}.code-boxes--off span{color:var(--dim)}.roll{background:var(--ground);width:100%;height:auto;display:block}.editor__tools{flex-wrap:wrap;align-items:center;gap:10px;padding:0 18px 14px;display:flex}.editor__numbers{background:var(--ground);border-radius:6px;margin-left:auto;font-size:13px;display:flex}.numbox{align-items:center;display:inline-flex}.numbox+.numbox{border-left:1px solid var(--well)}.numbox__label{letter-spacing:.14em;text-transform:uppercase;color:var(--label);padding:12px 8px 12px 12px;font-weight:500}.numbox__input{font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:6px;width:52px;min-height:44px;padding:0 4px;font-weight:600}.editor__scroll{background:var(--ground);display:flex;overflow-x:auto}.editor__keys{z-index:1;background:var(--ground);border-right:2px solid var(--ground);flex:none;width:40px;position:sticky;left:0}.editor__key{background:var(--key-edge);border-bottom:1px solid var(--ground);color:var(--key-ink);justify-content:flex-end;align-items:center;padding-right:4px;font-size:10px;font-weight:700;line-height:1;display:flex}.editor__key--black{background:var(--ground)}.editor__grid{cursor:crosshair;touch-action:manipulation;flex:1 0 auto;width:0;display:block}.editor__grid:focus-visible{outline-offset:-2px}.page{padding-top:56px}.page--tight{padding-top:40px}.page--narrow{flex-direction:column;gap:16px;max-width:880px;padding-top:72px;display:flex}.page__sub{max-width:600px;margin-top:10px}.page__sub+.note{margin-top:20px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px 32px;display:flex}.page-head__text{flex-direction:column;gap:10px;max-width:560px;display:flex}.cols{flex-wrap:wrap;align-items:flex-start;gap:16px;margin-top:36px;display:flex}.cols__main{flex-direction:column;flex:999 560px;gap:16px;min-width:0;display:flex}.cols__side{flex-direction:column;flex:300px;gap:16px;min-width:0;display:flex}.cols__side--wide{flex-basis:320px}@media (width<=640px){.page{padding-top:36px}.page--tight{padding-top:20px}.cols{margin-top:24px}}.home__hero{padding-top:88px}.home__intro{flex-direction:column;gap:24px;max-width:860px;display:flex}.home__title{letter-spacing:-.03em;font-size:clamp(44px,6.4vw,84px);font-weight:700;line-height:1.02}.home__lede{color:var(--label);max-width:700px;font-size:20px;line-height:1.5}.home__cta{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.home__small{color:var(--label);font-size:14px}.home__shot{border:1px solid var(--hairline);background:var(--plate);border-radius:10px;margin-top:64px;overflow:hidden}.home__shot img{aspect-ratio:2388/1668;width:100%;height:auto;display:block}.home__section{padding-top:120px}@media (width<=640px){.home__hero{padding-top:48px}.home__lede{font-size:18px}.home__shot{margin-top:40px}.home__section{padding-top:80px}.home__cta .btn{flex:100%}}.section-head{border-bottom:1px solid var(--hairline);align-items:center;gap:12px;padding-bottom:14px;display:flex}.section-head--split{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:0 16px;padding-bottom:2px}.section-head--split .label{padding-bottom:12px}.split{flex-wrap:wrap;gap:48px;margin-top:40px;display:flex}.split__text{flex-direction:column;flex:340px;gap:18px;min-width:0;display:flex}.split__main{flex:999 560px;min-width:0}.code-grid{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:16px;display:grid}.code-head{letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid var(--hairline);padding:12px 16px;font-size:12px;font-weight:700}.code{background:var(--ground);font-family:var(--mono);color:var(--ink);height:100%;margin:0;padding:16px;font-size:13px;line-height:1.7;overflow-x:auto}.code__kw{color:var(--violet)}.code__type{color:#a58cf0}.code__num{color:var(--violet-light)}.code__decl{color:var(--blue-light)}.code__str{color:#a5baff}.code__punct{color:var(--dim)}.made{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:16px 28px;padding:16px 20px;display:flex}.made__plate{border:1px solid var(--hairline);border-radius:6px;align-items:center;gap:20px;padding:12px 20px;display:flex}.made__knob{flex-direction:column;align-items:center;gap:4px;display:flex}.card-grid{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:16px;display:grid}.card{flex-direction:column;gap:16px;padding:28px;display:flex}.card__chips{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.program-chip{letter-spacing:.1em;text-transform:uppercase;color:var(--ink);background:var(--chip);border-radius:4px;padding:14px 16px;font-size:13px;font-weight:600;text-decoration:none}.program-chip:hover{background:var(--pressed)}.home-row{gap:12px 16px}.home-row .row__name{flex-basis:180px}.home-row__count{text-align:right;min-width:86px;color:var(--label);font-variant-numeric:tabular-nums;font-size:13px}.browser-card{flex-wrap:wrap;align-items:center;gap:32px;padding:40px;display:flex}.browser-card__text{flex-direction:column;flex:380px;gap:14px;min-width:0;display:flex}.browser-card__text p{max-width:520px}.home__keys-title{margin-top:40px}.keys{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:4px;margin:32px 0;display:grid}.key{background:var(--key);min-height:260px;color:var(--ground);border-radius:4px 4px 10px 10px;flex-direction:column;justify-content:space-between;gap:72px;padding:24px;text-decoration:none;display:flex}a.key:hover{color:var(--ground);background:#fff}.key__top{flex-direction:column;gap:6px;display:flex}.key__platform{letter-spacing:.16em;text-transform:uppercase;color:var(--key-ink);font-size:12px;font-weight:700}.key__format{letter-spacing:-.01em;font-size:32px;font-weight:700;line-height:1.2}.key__bottom{justify-content:space-between;align-items:flex-end;gap:12px;min-height:28px;display:flex}.key__detail{color:var(--key-ink);font-size:13px}@media (width<=640px){.card,.browser-card{padding:22px}.key{gap:32px;min-height:150px}.browser-card .btn{flex:100%}}.filters{margin-top:32px}.filters__row{border-bottom:1px solid var(--hairline);flex-wrap:wrap;align-items:center;gap:12px 20px;padding:14px 16px;display:flex}.filters__row:last-child{border-bottom:0}.filters__label{letter-spacing:.14em;text-transform:uppercase;min-width:76px;color:var(--label);font-size:12px;font-weight:700}.filters__search{flex:260px;width:auto;min-height:44px;font-size:15px}.filters__summary{color:var(--label);margin-left:auto;font-size:13px}.list{margin-top:16px}.list__foot{border-top:1px solid var(--hairline);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.preset-row__tags{flex-wrap:wrap;flex:0 150px;gap:6px;display:flex}.preset-row__downloads{text-align:right;width:92px;color:var(--label);font-variant-numeric:tabular-nums;font-size:13px}.preset-row__count{color:var(--ink);font-size:15px;font-weight:600}@media (width<=760px){.filters__label{flex:1 0 100%}.filters__summary{flex:1 0 100%;margin-left:0}.preset-row .row__name{flex-basis:110px}.preset-row__tags{flex:1 0 100%;order:2}.preset-row__tags:empty{display:none}.preset-row .votes{order:3}.preset-row__downloads{text-align:left;flex:60px;order:4;width:auto}.preset-row .send-btn{flex:168px;order:5}}.crumbs{letter-spacing:.1em;text-transform:uppercase;flex-wrap:wrap;gap:8px;font-size:13px;font-weight:600;display:flex}.crumbs a,.crumbs span{padding:12px 0;text-decoration:none}.crumbs span{color:var(--label)}.preset-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px 40px;margin-top:12px;display:flex}.preset-head__text{flex-direction:column;flex:420px;gap:12px;min-width:0;display:flex}.preset-head__by{color:var(--label);flex-wrap:wrap;align-items:center;gap:10px;display:flex}.preset-head__actions{flex-wrap:wrap;gap:10px;display:flex}.demo-bar{flex-wrap:wrap;align-items:center;gap:12px 16px;padding:12px 16px;display:flex}.demo-bar__summary{color:var(--label);font-size:13px}.demo-bar__time{margin-left:auto}.about{flex-direction:column;gap:10px;padding:16px 18px;display:flex}.about__text{color:var(--label);white-space:pre-line;max-width:640px}@media (width<=640px){.preset-head__actions .btn{flex:100%}}.signin{flex-wrap:wrap;align-items:flex-start;gap:48px;max-width:1040px;margin-bottom:24px;padding-top:72px;display:flex}.signin__form,.signin__side{flex-direction:column;flex:360px;min-width:0;display:flex}.signin__form,.signin__form .stack{gap:18px}.signin__side{gap:16px}.signin__side .plate--pad{padding:18px}.premium-line{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.premium-line__text{font-weight:600}.sent{border:1px solid var(--blue-edge);background:var(--plate);border-radius:8px;flex-direction:column;gap:8px;padding:18px;display:flex}.sent__title{font-size:20px;font-weight:700}.or{letter-spacing:.14em;text-transform:uppercase;color:var(--label);align-items:center;gap:12px;font-size:11px;font-weight:500;display:flex}.or:before,.or:after{content:"";background:var(--hairline);flex:1;height:1px}@media (width<=640px){.signin{gap:32px;padding-top:40px}}.code-page{flex-direction:column;gap:32px;max-width:880px;padding-top:72px;display:flex}.code-page__head{flex-direction:column;gap:12px;display:flex}.code-card{border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px 40px;padding:32px;display:flex}.code-card__main{flex-direction:column;gap:14px;min-width:0;display:flex}.code-card__buttons{flex-wrap:wrap;gap:8px;display:flex}.countdown{flex-direction:column;align-items:center;gap:8px;display:flex}.countdown text{font-family:var(--sans);font-variant-numeric:tabular-nums}.waiting,.code-done{flex-wrap:wrap;align-items:center;gap:14px;padding:16px 18px;display:flex}.waiting__text,.code-done__text{flex:280px;min-width:0}.waiting__title{font-weight:600}.code-done{padding:24px}.code-done__mark{background:var(--blue);border-radius:50%;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.code-done__name{font-size:22px;font-weight:700}.code-done__actions{flex-wrap:wrap;gap:8px;display:flex}.code-page__warning{color:var(--label);border-top:1px solid var(--hairline);padding-top:20px;font-size:14px}@media (width<=640px){.code-page{gap:24px;padding-top:40px}.code-card{justify-content:center;padding:20px}.code-card__main{flex:100%}.code-card__buttons .btn,.code-done__actions .btn{flex:auto}}.acct-head{flex-wrap:wrap;align-items:center;gap:14px 20px;display:flex}.acct-head .h1{min-width:0}.acct-head__email{word-break:break-all;min-width:0}.acct-head__logout{margin-left:auto}.acct-problem{margin-top:20px}.acct-row{gap:10px 16px;padding:12px 16px}.acct-row .row__name{flex-basis:220px}.acct-row__numbers{width:190px;color:var(--label);font-variant-numeric:tabular-nums;font-size:13px}.acct-row__actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.acct-row__actions .btn{padding:0 14px;font-size:12px}.detail{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.detail__value{font-size:17px;font-weight:600}.detail-form{border-top:1px solid var(--hairline);padding-top:12px}.detail-form:first-of-type{border-top:0;padding-top:0}@media (width<=640px){.acct-head__logout{flex:1 0 100%;margin-left:0;padding:6px 0 14px}.acct-row__numbers{flex:1 0 100%;width:auto}}.cols .plate--pad.stack{gap:14px}.cols__main>.plate--pad{padding:18px}.source{border:1px dashed var(--edge);border-radius:6px;flex-wrap:wrap;align-items:center;gap:14px;padding:16px;display:flex}.source__text{flex:220px;min-width:0}.source__name{font-weight:600}.file-pick{display:inline-flex}.file-pick label{cursor:pointer}.file-pick input:focus-visible+label{outline:2px solid var(--blue-light);outline-offset:2px}.program-well{flex-wrap:wrap;align-items:center;gap:8px 20px;display:flex}.program-well__name{font-weight:600}.program-well__state{color:var(--label);align-items:center;gap:8px;margin-left:auto;font-size:13px;display:flex}.demo-step{flex-direction:column;align-items:flex-start;gap:12px;padding:18px 18px 14px;display:flex}.preview{flex-direction:column;gap:10px;padding:14px;display:flex}.preview__top{align-items:center;gap:12px;display:flex}.preview__text{min-width:0}.preview__name{font-size:16px;font-weight:600}.preview__tags{flex-wrap:wrap;gap:6px;display:flex}@media (width<=640px){.program-well__state,.editor__numbers{margin-left:0}}.play{padding:20px var(--gutter) 0}.play__head{flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.play__title{flex-wrap:wrap;flex:320px;align-items:baseline;gap:6px 12px;min-width:0;display:flex}.play__state{min-height:20px;color:var(--label);align-items:center;gap:8px;font-size:13px;display:flex}.play__actions{flex-wrap:wrap;gap:8px;display:flex}.play__note{margin-top:10px}.play__body{flex-wrap:wrap;align-items:flex-start;gap:16px;margin-top:16px;display:flex}.rail{flex:240px;max-width:100%}.rail__tabs{border-bottom:1px solid var(--hairline);gap:4px;padding:6px;display:flex}.rail__tab{letter-spacing:.12em;flex:1;font-size:12px}.rail__row{border-bottom:1px solid var(--hairline);min-height:56px;color:var(--ink);padding:9px 14px;text-decoration:none;display:block}.rail__row:hover{background:var(--well)}.rail__row[aria-current=page]{background:var(--pressed)}.rail__name{font-size:15px;font-weight:600;display:block}.rail__sub{color:var(--label);font-size:12px;display:block}.rail__empty{border-bottom:1px solid var(--hairline);padding:14px}.rail__foot{padding:12px 14px}.play__main{flex-direction:column;flex:999 640px;gap:12px;min-width:0;display:flex}.stage{position:relative}.stage__synth,.stage__still{aspect-ratio:2388/1668;width:100%;height:auto;display:block}.stage__still{opacity:.55}.stage__bar{background:var(--plate);border:1px solid var(--edge);text-align:center;border-radius:8px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;width:max-content;max-width:calc(100% - 32px);padding:10px 16px;font-size:14px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.stage__bar:has(.btn){padding-right:10px}.play__cards{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:12px;display:grid}.play__card{border:1px solid var(--hairline);color:var(--label);border-radius:8px;padding:12px 14px;font-size:14px}.play__card-title{letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin-bottom:4px;font-size:11px;font-weight:600;display:block}@media (width<=640px){.play{padding-top:16px}.play__actions .btn{flex:auto}.stage__synth{aspect-ratio:auto;height:76vh;min-height:440px}.rail{flex-basis:100%;order:2}.stage__bar{border-width:1px 0 0;border-radius:0;width:auto;max-width:none;position:static;transform:none}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ground:#0c0c0d;--plate:#141415;--hairline:#2a2a2b;--ink:#f2f2f2;--label:#a6a6ab;--blue:#2a5fe8;--blue-light:#6f93ff;--violet:#b085ff;--violet-light:#c9b4ff;--edge:#4a4a4d;--pressed:#2e2e32;--chip:#26262a;--well:#1c1c1e;--roll-black:#101011;--tick:#5c5c60;--key:#e9e9ed;--key-edge:#dcdce0;--key-ink:#3a3a3e;--dim:#8a8a90;--blue-wash:#6f93ff3d;--blue-edge:#6f93ff80;--danger:#ff9d9d;--sans:Inter, system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--gutter:32px}@media (width<=640px){:root{--gutter:16px}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--ground);color:var(--ink);font-family:var(--sans);overflow-wrap:break-word;margin:0;font-size:16px;line-height:1.5}a{color:var(--label)}a:hover{color:var(--ink)}h1,h2,h3,p,ul,dl,dd{margin:0}ul{padding:0;list-style:none}img,svg{max-width:100%}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--blue-light);outline-offset:2px}[aria-busy=true]{cursor:progress}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.icon{flex:none;display:block}.skip{z-index:10;background:var(--ink);color:var(--ground);border-radius:6px;padding:12px 16px;font-weight:700;text-decoration:none;position:absolute;top:-64px;left:8px}.skip:focus{color:var(--ground);top:8px}.wrap{max-width:1200px;padding-left:var(--gutter);padding-right:var(--gutter);margin-left:auto;margin-right:auto}.site{flex-direction:column;min-height:100vh;display:flex}.site__main{flex:1 0 auto}.site-header{border-bottom:1px solid var(--hairline)}.site-header__in{flex-wrap:wrap;align-items:center;gap:8px 36px;min-height:64px;display:flex}.site-header__in--wide,.site-footer__in--wide{padding-left:var(--gutter);padding-right:var(--gutter)}.brand{letter-spacing:.14em;color:var(--ink);padding:10px 0;font-size:19px;font-weight:700;text-decoration:none}.site-nav{letter-spacing:.12em;text-transform:uppercase;flex-wrap:wrap;flex:auto;gap:4px 28px;font-size:13px;font-weight:600;display:flex}.site-nav a{border-bottom:2px solid #0000;padding:21px 0 19px;text-decoration:none}.site-nav a[aria-current=page]{color:var(--ink);border-bottom-color:var(--ink)}.site-header__auth{align-items:center;gap:12px;display:flex}.site-header__login{letter-spacing:.12em;text-transform:uppercase;padding:13px 8px;font-size:13px;font-weight:600;text-decoration:none}.account-chip{letter-spacing:.1em;text-transform:uppercase;max-width:100%;min-height:44px;color:var(--ink);border:1px solid var(--hairline);border-radius:6px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.account-chip span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.account-chip[aria-current=page]{border-color:var(--ink)}@media (width<=760px){.site-header__in{justify-content:space-between;gap:0 16px;padding-top:8px}.site-nav{flex:1 0 100%;order:3;gap:0 24px}.site-nav a{padding:14px 0 12px}}.site-footer{border-top:1px solid var(--hairline);margin-top:72px}.site-footer--home{margin-top:120px}.site-footer__in{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px 40px;padding-top:28px;padding-bottom:40px;font-size:14px;display:flex}.site-footer--home .site-footer__in{gap:20px 40px;padding-top:32px;padding-bottom:48px}.site-footer__brand{letter-spacing:.14em;font-weight:700}.site-footer--home .site-footer__brand{font-size:16px}.site-footer__nav{flex-wrap:wrap;gap:4px 28px;display:flex}.site-footer__nav a{padding:12px 0;text-decoration:none}.site-footer__legal{color:var(--label);font-size:13px}.site-footer--home .site-footer__legal{flex:100%}.keys-strip{background-image:linear-gradient(90deg, transparent 0 27px, var(--ground) 27px 53px, transparent 53px 67px, var(--ground) 67px 93px, transparent 93px 147px, var(--ground) 147px 173px, transparent 173px 187px, var(--ground) 187px 213px, transparent 213px 227px, var(--ground) 227px 253px, transparent 253px 280px), repeating-linear-gradient(90deg, var(--key-edge) 0 38px, var(--ground) 38px 40px);background-repeat:repeat-x,repeat;background-size:280px 60%,auto;height:56px}.keys-strip--tall{height:88px}