.tri{--accent:#6aa7e0}.tr-in{width:130px;text-align:right}.tr-note{margin:6px 0 0;font:600 12.5px/1.5 var(--font-sans);color:#ffcf8a;min-height:16px}.tr-body{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:14px;margin-top:10px}@media (max-width:760px){.tr-body{grid-template-columns:1fr}}.tr-canvaswrap{position:relative;height:320px;border-radius:12px;overflow:hidden;border:1px solid rgba(106,167,224,.24);background:rgba(8,12,24,.5)}@media (max-width:640px){.tr-canvaswrap{height:250px}}#draw{position:absolute;inset:0;width:100%;height:100%;display:block}.tr-outs{display:flex;flex-direction:column;gap:8px}.tr-row{display:flex;flex-direction:column;gap:3px;border:1px solid rgba(140,160,235,.15);background:rgba(255,255,255,.02);border-radius:10px;padding:8px 12px}.tr-k{font:600 10.5px/1.3 var(--font-sans);color:var(--dim);text-transform:uppercase;letter-spacing:.04em}.tr-v{font:700 14px/1.4 var(--font-mono);color:var(--ink);word-break:break-word}