.tc{gap:14px;margin:26px 0 0;display:grid}.tc-box,.tc-list{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);gap:12px;padding:18px;display:grid}.tc-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:10.5px}.tc-input{resize:vertical;width:100%;font-size:15px;line-height:1.6}.tc-samples{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tc-samples .small{color:var(--muted);margin-right:2px}.tc-chip{border:1px solid var(--line-2);background:var(--bg-2);color:var(--fg-2);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:12.5px}.tc-chip:hover{border-color:var(--fg-2);color:var(--fg)}.tc-chip.is-on{border-color:var(--accent);color:var(--fg);background:color-mix(in srgb, var(--accent) 14%, var(--bg-2))}.tc-stage{border:1px solid var(--line-2);border-radius:var(--radius);box-shadow:var(--shadow);background:#11131a radial-gradient(120% 140% at 10% 0,#ffffff0d,#0000 60%);padding:34px 20px 16px;position:relative}.tc-stage-tag{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:9.5px;position:absolute;top:11px;left:16px}.tc-stage-text{letter-spacing:-.005em;text-shadow:0 2px 4px #000000d9;color:#f0f0f0;word-break:break-word;min-height:2.6em;font-family:Helvetica Neue,Arial,Segoe UI,sans-serif;font-size:clamp(19px,2.6vw,27px);line-height:1.34}.tc-stage-text p{margin:0}.tc-empty{height:1.34em;display:inline-block}.tc-tok{font-family:var(--f-mono), ui-monospace, monospace;letter-spacing:.04em;color:#f0f0f0;vertical-align:middle;text-shadow:none;border:1px solid #ffffff4d;border-radius:5px;align-items:center;margin:0 .18em;padding:.25em .5em;font-size:.52em;display:inline-flex}.tc-tok.is-key{background:#ffffff29;border-color:#ffffff80}.tc-tok.is-blip{background:#5db6e538;border-color:#5db6e5a6}.tc-tok.is-slot{color:#a8b0bf;background:#ffffff12;border-style:dashed}.tc-tok.is-glyph{background:0 0;border:0;padding:0;font-size:1em}.tc-tok.is-unknown{background:#ff4d4d29;border-color:#ff4d4d99}.tc-stage-note{color:var(--muted);margin:14px 0 0}.tc-list-bar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.tc-list-bar .gl-search{flex:280px}.tc-list-bar .small{color:var(--muted);margin:0 0 0 auto}.tc-rows{gap:8px;margin:0;padding:0;list-style:none;display:grid}.tc-row{border:1px solid var(--line);background:var(--bg-2);border-radius:11px;grid-template-columns:34px 1fr auto;align-items:start;gap:12px;padding:12px;display:grid}.tc-swatch{background:var(--panel-2);width:34px;height:34px;color:var(--muted);cursor:pointer;border:1px solid #ffffff2e;border-radius:9px;place-items:center;font-size:12px;display:grid}.tc-swatch:hover{border-color:var(--accent)}.tc-row-main{gap:3px;min-width:0;display:grid}.tc-row-main b{color:var(--fg);font-size:14px}.tc-row-main em{letter-spacing:.04em;color:var(--muted);font-size:10.5px;font-style:normal}.tc-row-main p{color:var(--fg-2);margin:0;font-size:13px;line-height:1.6}.tc-flag{color:var(--warn)!important}.tc-copy{align-self:center}.tc-none{color:var(--muted);margin:0}.tc-ctx{gap:10px;margin:18px 0 0;padding:0;list-style:none;display:grid}.tc-ctx li{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);gap:5px;padding:14px 16px;display:grid}.tc-ctx b{color:var(--fg);font-size:14px}.tc-ctx code{color:var(--fg-2);word-break:break-all;font-size:12px}.tc-ctx p{color:var(--fg-2);margin:0;font-size:13px;line-height:1.65}@media (max-width:640px){.tc-box,.tc-list{padding:14px}.tc-row{grid-template-columns:28px 1fr}.tc-swatch{width:28px;height:28px}.tc-copy{grid-column:1/-1;justify-self:start}}