.tr-tool{border:1px solid var(--border);background:var(--bg-elevated);border-radius:12px;margin:1.4rem 0;padding:1.1rem 1.2rem}.tr-modes{flex-wrap:wrap;gap:.4rem 1.2rem;margin-bottom:.8rem;display:flex}.tr-modes label,.tr-units label,.tr-quads label{align-items:center;gap:.35rem;font-size:.95rem;display:flex}.tr-panel[hidden],.tr-presets button[hidden]{display:none}.tr-row{flex-wrap:wrap;align-items:center;gap:.6rem 1rem;display:flex}.tr-field{align-items:center;gap:.45rem;min-width:0;display:flex}.tr-angle{flex:12rem}.tr-value{flex:10rem}.tr-name{white-space:nowrap;font-weight:700}.tr-field input,.tr-field select{box-sizing:border-box;border:1px solid var(--border);background:var(--bg-page);width:100%;min-width:0;color:var(--text);border-radius:8px;padding:.5rem .6rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:1.1rem}.tr-field select{width:auto;font-family:inherit}.tr-field input:focus,.tr-field select:focus{border-color:var(--accent);outline:none}.tr-field input[aria-invalid=true]{border-color:#b91c1c}.tr-units{gap:.4rem 1rem;display:flex}.tr-quads{flex-wrap:wrap;align-items:center;gap:.4rem 1rem;margin-top:.7rem;display:flex}.tr-quads-title{color:var(--text-muted);font-size:.9rem}.tr-quads small{color:var(--text-muted)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tr-hint{color:var(--text-muted);margin:.5rem 0 .7rem;font-size:.88rem}.tr-presets{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.tr-presets-title{color:var(--text-muted);margin-right:.2rem;font-size:.88rem}@media (max-width:640px){.tr-presets{flex-wrap:nowrap;padding-bottom:.3rem;overflow-x:auto}.tr-presets>*{white-space:nowrap;flex:none}}.tr-presets button{font:inherit;cursor:pointer;border:1px solid var(--border);color:var(--text);background:0 0;border-radius:999px;padding:.3rem .7rem;font-size:.85rem}.tr-presets button:hover,.tr-presets button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.tr-err{color:#b91c1c;margin:.8rem 0 0;font-weight:600}.tr-err[hidden],.tr-out[hidden]{display:none}.tr-head{overflow-wrap:anywhere;margin:0 0 .6rem;font-size:1.05rem;font-weight:700}.tr-note{border:1px dashed var(--accent);border-radius:8px;margin:0 0 .8rem;padding:.6rem .8rem;font-size:.95rem}.tr-summary{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:1.2rem;display:grid}.tr-table{border-collapse:collapse;width:100%;margin:0;font-size:.95rem}.tr-table th,.tr-table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:.35rem .5rem}.tr-table td:first-child{white-space:nowrap}.tr-table td:last-child{color:var(--accent);overflow-wrap:anywhere;font-weight:700}.tr-table tr.tr-focus td{background:var(--bg-elevated)}.tr-table tr.tr-focus td:first-child{box-shadow:inset 3px 0 0 var(--accent)}.tr-table a{color:inherit;text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.tr-fig{min-width:0;margin:0}.tr-fig svg{width:100%;max-width:420px;height:auto;display:block}.tr-fig figcaption{color:var(--text-muted);margin-top:.3rem;font-size:.85rem}.tr-step{border-left:3px solid var(--accent);background:var(--bg-elevated);border-radius:0 8px 8px 0;margin:1rem 0;padding:.8rem 1rem}.tr-step h3{margin:0 0 .3rem;font-size:1.05rem}.tr-res{color:var(--accent);overflow-wrap:anywhere;margin:0 0 .4rem;font-size:1.1rem;font-weight:700}.tr-step ol{overflow-wrap:anywhere;margin:0;padding-left:1.2rem;font-size:.95rem;line-height:1.65}.tr-step li{margin:.15rem 0}@media (max-width:760px){.tr-summary{grid-template-columns:minmax(0,1fr)}}@media (max-width:480px){main table.tr-values{font-size:.8rem}main table.tr-values :-webkit-any(td,th){padding:.3rem .25rem}main table.tr-values :-moz-any(td,th){padding:.3rem .25rem}main table.tr-values :is(td,th){padding:.3rem .25rem}.tr-field input{padding:.45rem;font-size:1rem}.tr-table td:first-child{white-space:normal}.tr-tool{padding:.9rem .8rem}}