.window{border:1px solid var(--rule-strong);box-shadow:0 40px 80px -40px #1e140a8c, 0 0 0 8px color-mix(in oklab, var(--sheet) 70%, transparent);transform-origin:top;background:#fff;border-radius:12px;transition:transform .5s;overflow:hidden;transform:perspective(1800px)rotateX(4deg)}.window:hover{transform:none}.window-bar{border-bottom:1px solid var(--rule);background:#ebe7e0;align-items:center;gap:7px;padding:10px 14px;display:flex}.window-bar span{background:#ff5f57;border-radius:50%;width:11px;height:11px}.window-bar span:nth-child(2){background:#febc2e}.window-bar span:nth-child(3){background:#28c840}.window-bar b{text-align:center;font:500 11px var(--mono);color:var(--faint);flex:1;margin-right:50px}.window .zoom img{width:100%;height:auto}@media (width<=640px){.window{transform:none;box-shadow:0 20px 40px -24px #1e140a80}}.demo{--a-bg:#fff;--a-side:#f8f8f9;--a-line:#e7e7ea;--a-ink:#1d1d21;--a-dim:#62626c;--a-faint:#9b9ba5;--a-accent:#5b5bd6;--a-wash:#eeeefc;color:var(--a-ink);text-align:left;font:12px/1.4 -apple-system,BlinkMacSystemFont,Inter,Segoe UI,system-ui,sans-serif;container-type:inline-size}.demo svg{flex:none;width:14px;height:14px}.demo kbd{font:10.5px var(--mono)}.demo-body{background:var(--a-bg);grid-template-columns:220px 1fr;height:clamp(540px,70vh,700px);display:grid}.demo-side{background:var(--a-side);border-right:1px solid var(--a-line);flex-direction:column;gap:2px;padding:12px 10px;display:flex;overflow-y:auto}.demo-nav span{color:var(--a-dim);border-radius:6px;align-items:center;gap:8px;padding:5px 8px;display:flex}.demo-nav .demo-on{color:var(--a-ink);font-weight:500}.demo-nav i,.demo-nav kbd{color:var(--a-faint);margin-left:auto;font-size:11px;font-style:normal}.demo-label{font:600 9.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--a-faint);margin:12px 8px 5px}.demo-tabs{gap:2px;display:grid}.demo-tabs button{text-align:left;width:100%;font:inherit;color:var(--a-dim);cursor:pointer;background:0 0;border:0;border-radius:7px;grid-template-columns:14px minmax(0,1fr);gap:1px 8px;padding:7px 8px;transition:background .12s;display:grid}.demo-tabs button svg{color:var(--a-faint);grid-row:1;margin-top:1px}.demo-tabs .demo-t{color:var(--a-ink);white-space:nowrap;text-overflow:ellipsis;grid-column:2;font-weight:500;overflow:hidden}.demo-tabs .demo-short{display:none}.demo-tabs .demo-m{color:var(--a-faint);white-space:nowrap;text-overflow:ellipsis;grid-column:2;font-size:10.5px;overflow:hidden}.demo-tabs button:hover{background:#efeff2}.demo-tabs button[aria-selected=true]{background:var(--a-wash);box-shadow:inset 2px 0 0 var(--a-accent)}.demo-tabs button[aria-selected=true] svg{color:var(--a-accent)}.demo-tabs button:focus-visible,.demo-scroll:focus-visible{outline:2px solid var(--a-accent);outline-offset:-2px}.demo-main{min-width:0;position:relative}.demo-pane{flex-direction:column;display:flex;position:absolute;inset:0}.demo-pane[hidden]{display:none}.demo-pane.enter{animation:.22s demo-in}.demo-head{border-bottom:1px solid var(--a-line);padding:8px 14px 7px}.demo-head p{margin:0}.demo-head .demo-crumb{color:var(--a-faint);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.demo-head .demo-crumb b{color:var(--a-ink);font-weight:600}.demo-head .demo-chips{flex-wrap:wrap;gap:5px;margin-top:6px;display:flex}.demo-head .demo-chips span{border:1px solid var(--a-line);font:9.5px/1.7 var(--mono);color:var(--a-dim);border-radius:4px;padding:0 6px}.demo-head .demo-chips .demo-pending{color:#2f5bd3;text-transform:uppercase;letter-spacing:.04em;background:#e8f0fe;border-color:#0000;font-weight:600}.demo-scroll{scrollbar-width:thin;flex:1;min-height:0;overflow-y:auto}.demo-scroll img{width:100%;height:auto;display:block}.demo-foot{border-top:1px solid var(--a-line);align-items:center;gap:10px;padding:8px 12px;display:flex}.demo-foot .demo-note{border:1px solid var(--a-line);color:var(--a-faint);border-radius:7px;flex:1;padding:6px 9px}.demo-foot .demo-handover{background:var(--a-accent);color:#fff;border-radius:7px;align-items:center;gap:6px;padding:6px 11px;font-weight:600;display:inline-flex}.demo-foot .demo-handover kbd{opacity:.75}@media (prefers-reduced-motion:reduce){.demo-pane.enter{animation:none}}@container (width<=880px){.demo-body{flex-direction:column;height:min(620px,78vh);display:flex}.demo-side{border-right:0;border-bottom:1px solid var(--a-line);scrollbar-width:none;flex-direction:row;flex:none;padding:8px;overflow:auto hidden}.demo-side::-webkit-scrollbar{display:none}.demo-nav,.demo-label{display:none}.demo-tabs{gap:6px;display:flex}.demo-tabs button{border:1px solid var(--a-line);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;width:auto;padding:6px 10px;display:flex}.demo-tabs .demo-t,.demo-tabs .demo-m{display:none}.demo-tabs .demo-short{color:var(--a-ink);font-weight:500;display:inline}.demo-tabs button[aria-selected=true]{border-color:var(--a-accent);box-shadow:none}.demo-main{flex:1}.demo-head .demo-chips span:nth-child(n+3){display:none}.demo-scroll{overflow:auto}.demo-scroll img{width:max(100%,860px);max-width:none}.demo-foot .demo-note{display:none}.demo-foot{justify-content:flex-end}}@container (width<=480px){.demo-scroll img{width:200%}}@keyframes demo-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.hw-steps{grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 28px;padding:0;list-style:none;display:grid}.hw-steps button{border:0;border-top:2px solid var(--rule);text-align:left;width:100%;font:inherit;color:var(--faint);cursor:pointer;background:0 0;align-items:flex-start;gap:12px;padding:16px 4px 0;transition:border-color .3s,color .3s;display:flex}.hw-steps button .step{border-color:var(--rule-strong);color:var(--faint);flex:none;transition:border-color .3s,color .3s,background .3s}.hw-steps b{font:600 19px var(--serif);letter-spacing:-.01em;color:var(--ink-2);margin:4px 0;display:block}.hw-steps small{font-size:14.5px;line-height:1.5;display:block}.hw-steps button[aria-current]{border-top-color:var(--pen);color:var(--ink-2)}.hw-steps button[aria-current] b{color:var(--ink)}.hw-steps button[aria-current] .step{border-color:var(--pen);background:var(--pen);color:#fff}.hw-steps button:focus-visible{outline:2px solid var(--pen);outline-offset:4px}.hw-stage{padding-top:18px;position:relative}.hw-term{flex-direction:column;width:100%;display:flex}.hw-lines{scrollbar-width:thin;scrollbar-color:#4a453e transparent;height:460px;font:13px/1.7 var(--mono);color:var(--night-fg);flex:none;padding:18px 22px 10px;overflow-y:auto}.hw-line{white-space:pre-wrap;display:none}.hw-line.on{animation:.25s hw-in;display:block}.hw-line.gone{display:none}.hw-inline.on:not(.gone){display:inline}.hw-banner{font:inherit;white-space:pre;color:var(--night-fg);margin:0 0 18px;line-height:1.25}.hw-banner b{color:#fff}.hw-coral,.hw-star{color:#d77757}.hw-user{color:#b5b0a6;background:#ffffff0f;border-radius:3px;margin:4px 0 10px;padding:2px 8px}.hw-line+.hw-line:not(.hw-out){margin-top:8px}.hw-bullet{color:#e8e3da}.hw-tool{color:var(--night-dim);animation:1s steps(2,end) infinite hw-blink}.hw-tool.ok{color:#4eba65;animation:none}.hw-line b,.hw-md{color:#fff;font-weight:600}.hw-status{color:#d77757;margin-top:14px}.hw-star{width:2ch;display:inline-block}.hw-verb{background:linear-gradient(90deg,#d77757 40%,#f5c2ac 50%,#d77757 60%) 100% 0/300% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:2s linear infinite hw-shimmer}.hw-input{font:13px var(--mono);color:#fff;border:1px solid #5c5850;border-radius:8px;margin:0 16px;padding:8px 12px}.hw-cursor{vertical-align:-3px;background:#e8e3da;width:7px;height:15px;margin-left:1px;animation:1s steps(2,end) infinite hw-blink;display:inline-block}.hw-hint{font:11.5px var(--mono);color:var(--night-dim);margin:6px 18px 14px}.hw-app{opacity:0;pointer-events:none;width:56%;transition:opacity .45s,transform .45s;position:absolute;top:64px;right:3%;transform:translate(28px,14px)scale(.97)}.hw-app.in{opacity:1;transform:none}.hw-app:hover{transform:none}.hw-app img{width:100%;height:auto;display:block}.hw-bar{color:#62626c;background:#fff;border-top:1px solid #e7e7ea;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font:12.5px -apple-system,BlinkMacSystemFont,Inter,system-ui,sans-serif;display:flex}.hw-bar b{color:#1d1d21}.hw-go{color:#fff;background:#5b5bd6;border-radius:7px;align-items:center;gap:7px;padding:6px 12px;font-weight:600;transition:background .2s,transform .12s;display:inline-flex}.hw-go kbd{font:10.5px var(--mono);opacity:.75}.hw-go.pressed{background:#2f8a5a;transform:scale(.96)}.hw-toast{z-index:2;color:#1d1d21;opacity:0;background:#ffffffeb;border-radius:12px;gap:2px;min-width:250px;padding:10px 14px;font:12.5px -apple-system,BlinkMacSystemFont,Inter,system-ui,sans-serif;transition:opacity .35s,transform .35s;display:grid;position:absolute;top:0;right:4%;transform:translateY(-8px);box-shadow:0 12px 30px -12px #1e140a66}.hw-toast b{color:#62626c;font-size:11px}.hw-toast.in{opacity:1;transform:none}.hw-replay{border:1px solid var(--rule-strong);background:var(--sheet);font:500 12px var(--mono);color:var(--ink-2);cursor:pointer;border-radius:999px;padding:6px 12px;position:absolute;bottom:-44px;right:0}.hw-replay:hover{border-color:var(--ink);color:var(--ink)}@media (width<=800px){.hw-steps{grid-template-columns:1fr;gap:8px}.hw-steps button{padding-top:10px}.hw-steps small{display:none}.hw-term{width:100%}.hw-lines{min-height:440px;padding:14px;font-size:11px}.hw-banner{font-size:10px}.hw-input{margin:0 10px;font-size:11px}.hw-app{width:92%;top:90px;left:4%;right:auto}.hw-toast{min-width:0;right:2%}}@media (prefers-reduced-motion:reduce){.hw-line.on,.hw-app,.hw-toast{transition:none;animation:none}.hw-verb,.hw-tool,.hw-cursor{animation:none}}@keyframes hw-blink{50%{opacity:.25}}@keyframes hw-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}@keyframes hw-shimmer{to{background-position:0 0}}.c-carousel-head{justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.c-carousel-nav{flex:none;align-items:center;gap:10px;margin-bottom:40px;display:flex}.c-count{font:500 13px var(--mono);color:var(--faint);margin-right:6px}.c-count b{color:var(--ink);font-weight:600}.c-arrow{border:1.5px solid var(--rule-strong);width:44px;height:44px;color:var(--ink);font:500 18px var(--mono);cursor:pointer;background:0 0;border-radius:50%;place-items:center;transition:background .15s,border-color .15s,opacity .15s;display:grid}.c-arrow:hover:not(:disabled){background:var(--ink);border-color:var(--ink);color:var(--paper,#f5f0e6)}.c-arrow:disabled{opacity:.3;cursor:default}.c-carousel{--bleed:max(28px, calc(50vw - 562px));margin-inline:calc(-1 * var(--bleed));padding:4px var(--bleed) 24px;scroll-padding-inline:var(--bleed);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;gap:28px;display:flex;position:relative;overflow-x:auto}.c-carousel::-webkit-scrollbar{display:none}.c-carousel:focus-visible{outline:none}.c-carousel:focus-visible .c-slide.is-active .zoom{outline:2px solid var(--pen);outline-offset:4px}.c-slide{scroll-snap-align:start;opacity:.4;transform-origin:0;cursor:pointer;flex:0 0 min(940px,84%);margin:0;transition:opacity .35s,transform .35s;transform:scale(.97)}.c-slide.is-active{opacity:1;cursor:auto;transform:none}.c-slide .zoom{border:1px solid var(--rule-strong);background:var(--night);border-radius:14px;overflow:hidden;box-shadow:0 30px 60px -36px #1e140a8c}.c-slide .zoom img{aspect-ratio:2344/1378;object-fit:cover;width:100%;height:auto;display:block}.c-slide figcaption{max-width:640px;color:var(--ink-2);padding:18px 4px 0;font-size:15.5px;line-height:1.5}.c-slide figcaption b{font:600 20px var(--serif);letter-spacing:-.02em;color:var(--ink);margin-bottom:4px;display:block}.c-slide .plugin{float:none;margin:0 0 10px;display:inline-block}.c-progress{grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:12px;margin-top:8px;display:grid}.c-progress button{text-align:left;font:500 12px var(--mono);color:var(--faint);cursor:pointer;background:0 0;border:0;gap:10px;padding:0;display:grid}.c-progress button:before{content:"";background:var(--rule-strong);border-radius:3px;height:3px;transition:background .25s}.c-progress button:hover{color:var(--ink-2)}.c-progress button[aria-current]{color:var(--ink)}.c-progress button[aria-current]:before{background:var(--pen)}.c-progress button:focus-visible{outline:2px solid var(--pen);outline-offset:4px;border-radius:2px}@media (width<=800px){.c-carousel-head{display:block}.c-carousel-nav{display:none}.c-carousel{gap:16px}.c-slide{flex-basis:88%}.c-progress span{display:none}}@media (prefers-reduced-motion:reduce){.c-slide{transition:none}}.round-demo{border:1px solid var(--rule);background:var(--sheet);border-radius:12px;margin-top:24px;font-size:16px;overflow:hidden}.rd-row{flex-wrap:wrap;align-items:center;gap:10px;padding:14px 16px;display:flex}.rd-row+.rd-row{border-top:1px solid var(--rule)}.rd-row.old{color:var(--faint);background:color-mix(in oklab, var(--pen) 4%, var(--sheet))}.rd-row s{text-decoration-color:var(--pen);text-decoration-thickness:1.5px}.rd-tag{border:1px solid var(--rule-strong);font:500 10.5px var(--mono);color:var(--faint);border-radius:4px;padding:1px 6px}.rd-tag.new{border-color:var(--agent);color:var(--agent)}.rd-verdict{font:22px/1 var(--hand);color:var(--pen);margin-left:auto}.rd-pending{font:500 11px var(--mono);color:var(--agent);margin-left:auto}.terminal.cli-session pre{color:var(--night-fg);margin:0;padding:20px 22px 24px;font-size:13.5px;line-height:1.7;overflow-x:auto}@media (width<=640px){.terminal.cli-session pre{padding:14px;font-size:12px}}