.t-snippets{--black:#0d1110;--panel:#141b18;--panel-2:#19231f;--paper:#e7e9df;--muted:#8b9a90;--mint:#9de8b3;--orange:#f0a15e;--line:#38483f}.t-snippets,.t-snippets *{box-sizing:border-box}.t-snippets{background:var(--black);background:var(--black);color:var(--paper);margin:0;font-family:Trebuchet MS,Verdana,sans-serif}.t-snippets button,.t-snippets input{font:inherit}.t-snippets button{cursor:pointer}.t-snippets .snippet-shell{min-height:100vh;padding:24px clamp(18px,5vw,78px) 30px}.t-snippets .snippet-header,.t-snippets .snippet-footer,.t-snippets .snippet-list-head,.t-snippets .snippet-sheet-top,.t-snippets .snippet-controls span,.t-snippets .snippet-code-bar{letter-spacing:.07em;text-transform:uppercase;font-family:Courier New,monospace}.t-snippets .snippet-header,.t-snippets .snippet-footer{justify-content:space-between;align-items:center;display:flex}.t-snippets .snippet-header{border-bottom:1px solid var(--line);padding-bottom:17px;font-size:10px}.t-snippets .snippet-brand{align-items:center;gap:10px;display:flex}.t-snippets .snippet-cursor{background:var(--mint);width:4px;height:8px;display:inline-block}.t-snippets .snippet-endpoint{color:var(--orange);text-decoration:none}.t-snippets .snippet-endpoint:hover{color:var(--mint)}.t-snippets .snippet-intro{justify-content:space-between;align-items:end;max-width:1180px;margin:clamp(62px,10vw,126px) auto 62px;display:flex}.t-snippets .snippet-intro h1{color:var(--mint);letter-spacing:-.09em;max-width:800px;margin:0;font-size:clamp(50px,8vw,112px);font-weight:700;line-height:.84}.t-snippets .snippet-intro p{color:var(--muted);max-width:550px;margin:28px 0 0;font-size:15px;line-height:1.6}.t-snippets .snippet-count{color:var(--orange);white-space:nowrap;font-family:Courier New,monospace;font-size:10px}.t-snippets .snippet-controls{border-bottom:1px solid var(--line);border-top:1px solid var(--line);align-items:end;gap:42px;max-width:1180px;margin:0 auto 30px;padding:17px 0;display:flex}.t-snippets .snippet-controls label{gap:8px;width:100%;max-width:390px;display:grid}.t-snippets .snippet-controls input{border:0;border-bottom:1px solid var(--mint);color:var(--paper);background:0 0;outline:0;width:100%;padding:9px 0}.t-snippets .snippet-controls input:focus{border-bottom-color:var(--orange)}.t-snippets .snippet-controls span{color:var(--muted);font-size:9px}.t-snippets .snippet-categories{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.t-snippets .snippet-categories>span{margin-right:5px}.t-snippets .snippet-categories button{border:1px solid var(--line);color:var(--muted);background:0 0;padding:8px 10px;font-family:Courier New,monospace;font-size:10px}.t-snippets .snippet-categories button[aria-pressed=true],.t-snippets .snippet-categories button:hover{background:var(--mint);border-color:var(--mint);color:var(--black)}.t-snippets .snippet-stage{grid-template-columns:minmax(220px,.58fr) minmax(0,1.42fr);gap:0;max-width:1180px;margin:0 auto;display:grid}.t-snippets .snippet-list{background:var(--panel);border:1px solid var(--line);min-height:540px;padding:22px 22px 18px}.t-snippets .snippet-list-head{color:var(--muted);justify-content:space-between;margin-bottom:25px;font-size:9px;display:flex}.t-snippets .snippet-entry{border:0;border-bottom:1px solid var(--line);color:var(--paper);text-align:left;background:0 0;grid-template-columns:30px 1fr;gap:5px;width:100%;padding:16px 0;display:grid}.t-snippets .snippet-entry>span{color:var(--muted);grid-row:span 2;font-family:Courier New,monospace;font-size:10px}.t-snippets .snippet-entry strong{font-size:16px;font-weight:500}.t-snippets .snippet-entry small{color:var(--muted);text-transform:uppercase;font-family:Courier New,monospace;font-size:10px}.t-snippets .snippet-entry.is-selected strong,.t-snippets .snippet-entry:hover strong{color:var(--mint)}.t-snippets .snippet-entry.is-selected{border-bottom-color:var(--mint)}.t-snippets .snippet-empty{color:var(--muted);font-family:Courier New,monospace;font-size:12px}.t-snippets .snippet-boundary{border-top:1px solid var(--line);color:var(--muted);margin-top:50px;padding-top:16px}.t-snippets .snippet-boundary span{color:var(--orange);font-family:Courier New,monospace;font-size:9px}.t-snippets .snippet-boundary code{color:var(--mint);margin-top:12px;font-family:Courier New,monospace;font-size:12px;display:block}.t-snippets .snippet-boundary p{margin:10px 0 0;font-size:11px;line-height:1.5}.t-snippets .snippet-sheet{background:var(--paper);color:var(--black);min-height:540px;padding:24px clamp(22px,5vw,58px) 34px}.t-snippets .snippet-sheet-top{color:#4f6a59;justify-content:space-between;font-size:10px;display:flex}.t-snippets .snippet-sheet h2{letter-spacing:-.08em;margin:64px 0 30px;font-size:clamp(38px,5vw,68px);font-weight:700;line-height:.9}.t-snippets .snippet-code{background:var(--black);color:var(--paper)}.t-snippets .snippet-code-bar{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding:12px 16px;font-size:9px;display:flex}.t-snippets .snippet-code-bar button{border:1px solid var(--mint);color:var(--mint);background:0 0;padding:6px 8px;font-family:Courier New,monospace;font-size:9px}.t-snippets .snippet-code-bar button:hover{background:var(--mint);color:var(--black)}.t-snippets .snippet-code pre{margin:0;padding:18px 0;overflow:auto}.t-snippets .snippet-code code{font-family:Courier New,monospace;font-size:14px;line-height:1.7}.t-snippets .snippet-line{min-width:max-content;padding-right:20px;display:block}.t-snippets .snippet-line i{color:#53655a;-webkit-user-select:none;user-select:none;padding:0 20px;font-style:normal;display:inline-block}.t-snippets .snippet-line:nth-child(2){color:var(--mint)}.t-snippets .snippet-line:nth-child(3){color:var(--orange)}.t-snippets .snippet-tags{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.t-snippets .snippet-tags span{color:#4f6a59;font-family:Courier New,monospace;font-size:11px}.t-snippets .snippet-sheet-note{color:#69736c;margin:50px 0 0;font-family:Courier New,monospace;font-size:10px;line-height:1.5}.t-snippets .snippet-footer{color:var(--muted);max-width:1180px;margin:24px auto 0;font-size:9px}@media (max-width:780px){.t-snippets .snippet-endpoint{display:none}.t-snippets .snippet-intro{margin-top:70px;display:block}.t-snippets .snippet-intro h1{font-size:clamp(52px,15vw,86px)}.t-snippets .snippet-count{margin-top:28px;display:block}.t-snippets .snippet-controls{flex-direction:column;align-items:stretch;gap:20px}.t-snippets .snippet-stage{display:block}.t-snippets .snippet-list{min-height:auto}.t-snippets .snippet-boundary{margin-top:30px}.t-snippets .snippet-sheet{border-top:1px solid var(--black);min-height:auto;padding:22px 18px 30px}.t-snippets .snippet-sheet h2{margin-top:44px}.t-snippets .snippet-code code{font-size:12px}.t-snippets .snippet-line i{padding:0 12px}.t-snippets .snippet-footer{flex-direction:column;align-items:start;gap:8px;line-height:1.5}}