.fullscreen-preview{color:#f4f5f7;background:#090b0e;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:clamp(12px,2vw,28px);position:fixed;inset:0;overflow:auto}.fullscreen-preview[open]{flex-direction:column;gap:16px;display:flex}.fullscreen-preview::backdrop{background:#090b0e}.fullscreen-preview__bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.fullscreen-preview__badge{color:#b4bac2;text-transform:uppercase;letter-spacing:.12em;font-size:10px}.fullscreen-preview__bar h2{margin:4px 0 0;font-size:16px}.fullscreen-preview__bar h2 span{color:#b4bac2;font-weight:450}.fullscreen-preview__controls{gap:8px;display:flex}.fullscreen-preview__controls button{background:#171b22;border:1px solid #414752;border-radius:9px;align-items:center;gap:8px;min-height:44px;padding:8px 12px;font-size:12px;display:inline-flex}.fullscreen-preview__controls button:hover{background:#242a34}.fullscreen-preview :focus-visible{outline-offset:3px;outline:2px solid #c6ff2e}.fullscreen-preview__stage{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.fullscreen-preview__stage>.scene{border-radius:8px;width:min(100%,177.778dvh - 284.444px)}.fullscreen-preview__note{text-align:center;color:#b4bac2;margin:0;font-size:11px}@media (max-width:560px){.fullscreen-preview__bar{align-items:flex-start}.fullscreen-preview__controls{margin-left:auto}.fullscreen-preview__controls button{padding:8px 10px}.fullscreen-preview__stage>.scene{width:100%}.fullscreen-preview__note{font-size:10px}}.playground{padding-block:clamp(40px,5vw,72px) clamp(56px,7vw,96px)}.playground__head{grid-template-columns:1.4fr .6fr;align-items:end;gap:48px;margin-bottom:34px;display:grid}.playground__eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--steel);margin:0 0 14px;font-size:10px;font-weight:600}.playground__title{letter-spacing:-.045em;margin-bottom:20px;font-size:clamp(38px,5.2vw,74px);line-height:1.05}.playground__head .lede{max-width:37em;font-size:16px}.playground__intro-note{border-left:1px solid var(--rule);padding:4px 0 4px 24px;font-size:12px;line-height:1.6}.playground__intro-note strong{margin-block:12px 7px;font-size:14px;font-weight:600;display:block}.playground__intro-note p{color:var(--steel);margin:0}.playground__note-mark{color:var(--steel);font-size:11px;font-weight:550;display:block}.playground__board-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.playground__board-head h2{margin:0;font-size:15px;font-weight:600}.playground__board-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.playground__reset{border:1px solid var(--rule);background:0 0;border-radius:4px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:8px 12px;font-size:11px;font-weight:550;display:inline-flex}.playground__reset:hover{background:var(--paper)}.playground__reset:disabled{opacity:.6;cursor:wait}.playground__board-note{color:var(--steel);margin:16px 0 0;font-size:11px;line-height:1.6}.playground__draft-status{color:var(--steel);margin:6px 0 0;font-size:11px;line-height:1.6}.playground__width-control{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px;margin-bottom:14px;display:flex}.playground__width-control>div{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.playground__width-control>div>span{color:var(--steel);margin-right:5px;font-size:12px;font-weight:550}.playground__width-control button{border:1px solid var(--rule);min-height:44px;color:var(--graphite);background:0 0;border-radius:5px;padding:8px 13px;font-size:12px;font-weight:600}.playground__width-control button:hover{background:var(--paper);border-color:var(--graphite)}.playground__width-control button[aria-pressed=true]{border-color:var(--graphite);background:var(--graphite);color:var(--lime)}.playground__width-control>p{color:var(--steel);margin:0;font-size:12px;line-height:1.5}.playground__saved{border:1px solid var(--rule);background:var(--paper);border-radius:8px;margin-top:32px;padding:24px}.playground__saved-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.playground__saved-head .playground__eyebrow{margin-bottom:7px;font-size:12px}.playground__saved-head h2{letter-spacing:-.03em;flex-wrap:wrap;align-items:baseline;gap:14px;margin:0;font-size:27px;font-weight:650;line-height:1.15;display:flex}.playground__saved-head h2>span{color:var(--steel);letter-spacing:0;font-size:12px;font-weight:500}.playground__saved-head .playground__reset{font-size:12px}.playground__saved-note,.playground__saved-storage,.playground__saved-status,.playground__saved-empty{color:var(--steel);font-size:12px;line-height:1.6}.playground__saved-note{max-width:68em;margin:16px 0 5px}.playground__saved-storage{margin:0}.playground__saved-status{min-height:19px;color:var(--graphite);margin:6px 0 0}.playground__saved-empty{border-top:1px solid var(--rule-soft);margin:12px 0 0;padding-top:14px}.playground__saved-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:19px 0 0;padding:0;list-style:none;display:grid}.playground__saved-list>li{border:1px solid var(--rule);background:var(--cyc);border-radius:6px;min-width:0;overflow:hidden}.playground__saved-copy{gap:5px;padding:14px;display:grid}.playground__saved-copy>strong{font-size:14px;font-weight:650}.playground__saved-copy>span{overflow-wrap:anywhere;color:var(--steel);font-size:12px}.playground__saved-copy>div{flex-wrap:wrap;gap:6px;margin-top:7px;display:flex}.playground__saved-copy button{border:1px solid var(--rule);min-height:44px;color:var(--graphite);background:0 0;border-radius:5px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:550;display:inline-flex}.playground__saved-copy button:first-child{border-color:var(--graphite);background:var(--graphite);color:var(--white)}.playground__saved-copy button:hover{border-color:var(--graphite)}.playground__saved-copy button:disabled{opacity:.5;cursor:wait}.playground .switcher{border:1px solid var(--rule);background:var(--paper);color:var(--graphite);box-shadow:none;border-radius:6px;padding:12px}.playground .switcher__stage{grid-template-columns:minmax(0,1fr) 190px;gap:12px}.playground .monitor--program{box-shadow:none;background:0 0;border-radius:0;min-width:0;padding:0}.playground .monitor__bar{min-height:34px;color:var(--steel);padding:0 2px 10px;font-size:11px;font-stretch:100%}.playground .monitor__pack{color:var(--graphite)}.playground .monitor__tc,.playground .monitor__demo{color:var(--steel);font-size:10px}.playground .tally--live{background:var(--cyc-deep);color:var(--graphite);box-shadow:none;font-weight:600}.playground .tally__lamp{background:#43822a}.playground .monitor__screen{border:1px solid var(--rule);border-radius:4px}.playground .monitor__glass{display:none}.playground .multiview{gap:8px}.playground .mv{border:1px solid var(--rule);box-shadow:none;border-radius:4px;min-width:0}.playground .mv:hover{border-color:var(--graphite);transform:none}.playground .mv--air,.playground .mv--air:hover{border-color:var(--graphite);box-shadow:0 0 0 1px var(--graphite)}.playground .mv__air{background:var(--graphite);color:var(--lime);font-size:9px;font-weight:600}.playground .mv__label{font-size:10px;font-stretch:100%}.playground .console{border-top:1px solid var(--rule);grid-template-columns:minmax(150px,1fr) auto auto auto;align-items:end;gap:14px;margin-top:14px;padding:14px 0 0;display:grid}.playground .console__name,.playground .console__group{gap:6px;min-width:0}.playground .console__name span,.playground .console__legend{color:var(--steel);font-size:11px;font-weight:500;font-stretch:100%}.playground .console__name input{border:1px solid var(--rule);background:var(--white);height:44px;color:var(--graphite);letter-spacing:.025em;box-shadow:none;border-radius:4px;padding:0 11px;font-size:16px;font-weight:600;font-stretch:100%}.playground .console__name input::placeholder{color:var(--steel)}.playground .console__name input:focus{border-color:var(--graphite);outline:2px solid var(--graphite);outline-offset:2px;box-shadow:none}.playground .keys{flex-wrap:wrap;gap:5px}.playground .console__packs{max-width:320px}.playground .key{border:1px solid var(--rule);height:44px;min-height:44px;color:var(--graphite);box-shadow:none;background:0 0;border-radius:4px;gap:6px;padding:0 11px;font-size:12px;font-weight:550;font-stretch:100%}.playground .key:hover{background:var(--cyc-deep);color:var(--graphite);border-color:var(--steel)}.playground .key.is-on{background:var(--graphite);color:var(--white);border-color:var(--graphite);box-shadow:none}.playground .key:active{box-shadow:none;transform:none}.playground .key.is-on .key__swatch{box-shadow:none}.playground .key--motion{margin:0;font-size:11px}.playground .switcher :focus-visible{outline-color:var(--graphite)}.playground__result-grid{grid-template-columns:1.3fr 1fr;gap:36px;margin-block:36px 56px;display:grid}.playground__selection,.playground__share{border-top:1px solid var(--rule);min-width:0;padding:24px 0 0}.playground__selection-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.playground__selection-top .playground__eyebrow{margin:0}.playground__series{color:var(--steel);font-size:11px}.playground__selection h2{letter-spacing:-.035em;justify-content:space-between;align-items:baseline;gap:20px;margin-block:20px 10px;font-size:clamp(32px,3.4vw,46px);font-weight:650;line-height:1.1;display:flex}.playground__selection h2 span{white-space:nowrap;font-size:25px}.playground__scene{overflow-wrap:anywhere;margin-bottom:18px;font-size:12px;font-weight:550}.playground__scene span{color:var(--steel)}.playground__selection>p:not(.playground__scene):not(.playground__fine),.playground__share>p:not(.playground__eyebrow):not(.playground__copy-status){color:var(--steel);font-size:14px;line-height:1.65}.playground__included{border-block:1px solid var(--rule);grid-template-columns:1fr 1fr;gap:8px 18px;margin:18px 0;padding:18px 0;font-size:11px;line-height:1.5;list-style:none;display:grid}.playground__included li:before{content:"+";color:var(--steel);margin-right:7px}.playground__actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.playground__actions .btn{min-height:44px;font-size:13px}.playground__text-link{align-items:center;gap:7px;min-height:44px;font-size:12px;font-weight:550;display:inline-flex}.playground__fine{color:var(--steel);margin-top:16px;font-size:10px;line-height:1.65}.playground__share h2{letter-spacing:-.035em;margin:18px 0 14px;font-size:clamp(26px,2.7vw,36px);font-weight:650;line-height:1.15}.playground__share .btn{min-height:44px;margin-top:18px;font-size:13px}.playground__link-label{margin-top:20px;margin-bottom:7px;font-size:11px;font-weight:550;display:block}.playground__share-input{background:var(--paper);border:1px solid var(--rule);width:100%;min-width:0;min-height:44px;color:inherit;border-radius:4px;padding:12px;font-size:11px}.playground__copy-status{min-height:36px;color:var(--steel);margin-top:10px;font-size:10px;line-height:1.6}.playground .btn:disabled{opacity:.6;cursor:wait;transform:none}.playground__next{grid-template-columns:.7fr 1fr 1fr;gap:28px;display:grid}.playground__next-head h2{letter-spacing:-.035em;margin:0;font-size:clamp(28px,3vw,40px);font-weight:650;line-height:1.1}.playground__next-card{border-top:1px solid var(--rule);flex-direction:column;align-items:flex-start;padding-top:20px;text-decoration:none;display:flex}.playground__next-card:hover h3{text-underline-offset:4px;text-decoration:underline}.playground__step{color:var(--steel);margin-bottom:18px;font-size:10px}.playground__next-card h3{letter-spacing:-.025em;margin:0 0 12px;font-size:22px;font-weight:650}.playground__next-card p{color:var(--steel);margin:0 0 18px;font-size:13px;line-height:1.6}.playground__next-card .playground__text-link{margin-top:auto}@media (max-width:1100px){.playground .console{grid-template-columns:minmax(0,1fr) auto auto}.playground .key--motion{grid-column:1/-1;justify-self:start}}@media (max-width:900px){.playground__head{grid-template-columns:1fr;gap:20px}.playground__intro-note{max-width:620px;padding-block:0}.playground .switcher__stage{grid-template-columns:1fr}.playground .multiview{grid-template-rows:none;grid-template-columns:repeat(4,minmax(0,1fr))}.playground__result-grid{grid-template-columns:1fr;gap:26px}.playground__next{grid-template-columns:1fr 1fr}.playground__next-head{grid-column:1/-1}.playground__saved-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.playground .console{grid-template-columns:1fr;gap:12px}.playground .key--motion{grid-column:auto;justify-content:center;justify-self:stretch}.playground .keys .key{flex:1;justify-content:center}.playground .monitor__bar{gap:8px;font-size:10px}.playground .monitor__demo{display:none}.playground .mv__label{padding:2px 4px;font-size:9px;display:block;bottom:3px;left:3px}.playground .mv__air{font-size:8px;top:3px;right:3px}.playground__board-head{flex-direction:column;align-items:flex-start;gap:10px}.playground__board-actions{justify-content:flex-start;width:100%}.playground__board-actions>button{flex-grow:1}.playground__head{margin-bottom:28px}.playground__next,.playground__included{grid-template-columns:1fr}.playground__actions .btn{justify-content:center;width:100%;font-size:13px}.playground__result-grid{margin-block:28px 44px}.playground__saved{padding:17px}.playground__saved-list{grid-template-columns:1fr}.playground__saved-copy>div>button{flex:1}}@media (max-width:400px){.playground .switcher{padding:8px}.playground .multiview{grid-template-columns:repeat(2,minmax(0,1fr))}.playground .mv{min-height:44px}.playground .monitor__tc{display:none}.playground .monitor__demo{margin-left:auto;font-size:9px;display:block}.playground__selection h2{gap:10px;font-size:32px}.playground__selection h2 span{font-size:23px}}