.tl-theme{--paper:var(--tl-paper);--ink:var(--tl-ink);--muted:var(--tl-muted);--rule:var(--tl-rule);--sunk:var(--tl-sunk);--accent:var(--tl-accent);--font-body:var(--tl-font);--font-display:var(--tl-display)}.tl-panel{background:var(--tl-paper);border:1px solid var(--tl-rule);border-radius:var(--tl-r,12px);color:var(--tl-ink);padding:22px}.tl-types{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.tl-type{font:600 .82rem var(--tl-font);border-radius:var(--tl-r-pill,999px);border:1px solid var(--tl-rule);color:var(--tl-ink);cursor:pointer;background:0 0;padding:8px 13px}.tl-type[aria-pressed=true]{background:var(--tl-solid);color:var(--tl-on-solid);border-color:var(--tl-solid)}.tl-calc{grid-template-columns:1fr 1fr;gap:28px;display:grid}.tl-inputs{flex-direction:column;gap:16px;display:flex}.tl-field label{color:var(--tl-ink);justify-content:space-between;gap:10px;font-size:.88rem;display:flex}.tl-field output{font-variant-numeric:tabular-nums;color:var(--tl-accent-ink);font-weight:700}.tl-field small{color:var(--tl-muted);margin-top:3px;font-size:.76rem;display:block}.tl-field input[type=range]{width:100%;accent-color:var(--tl-accent);margin-top:6px}.tl-field input[type=range]:focus-visible{outline:2px solid var(--tl-ink);outline-offset:3px}.tl-outs{background:var(--tl-rule);border:1px solid var(--tl-rule);border-radius:var(--tl-r,10px);grid-template-columns:1fr 1fr;align-self:start;gap:1px;display:grid;overflow:hidden}.tl-out{background:var(--tl-paper);flex-direction:column;gap:4px;padding:14px;display:flex}.tl-out small{letter-spacing:.08em;text-transform:uppercase;color:var(--tl-muted);font-size:.68rem;font-weight:700}.tl-out b{font:600 1.35rem/1.1 var(--tl-font);font-variant-numeric:tabular-nums;color:var(--tl-ink)}.tl-out.hl{background:var(--tl-solid);grid-column:1/-1}.tl-out.hl small{color:var(--tl-solid-accent)}.tl-out.hl b{color:var(--tl-on-solid)}.tl-verdict{grid-column:1/-1;padding:12px 14px;font-size:.86rem;font-weight:600}.tl-verdict.ok{background:var(--tl-accent-soft);color:var(--tl-accent-ink)}.tl-verdict.warn{background:var(--tl-solid);color:var(--tl-on-solid)}.tl-bar{border-radius:var(--tl-r-sm,8px);background:var(--tl-sunk);height:42px;margin-top:18px;display:flex;overflow:hidden}.tl-bar div{font:700 .74rem var(--tl-font);white-space:nowrap;justify-content:center;align-items:center;min-width:0;display:flex;overflow:hidden}.tl-rows{grid-template-columns:repeat(2,1fr);gap:12px;margin:14px 0;display:grid}.tl-row{border:1px solid var(--tl-rule);border-radius:var(--tl-r,10px);flex-direction:column;gap:6px;padding:14px;display:flex}.tl-row.off{opacity:.55}.tl-row-top{color:var(--tl-ink);justify-content:space-between;align-items:baseline;gap:10px;font-weight:600;display:flex}.tl-row-top b{font-variant-numeric:tabular-nums}.tl-row span{color:var(--tl-muted);font-size:.82rem}.tl-sw{vertical-align:-1px;border-radius:2px;width:10px;height:10px;margin-right:6px;display:inline-block}.tl-c1{background:var(--tl-c1);color:var(--tl-on-c1)}.tl-c2{background:var(--tl-c2);color:#fff}.tl-c3{background:var(--tl-c3);color:var(--tl-on-c3)}.tl-c4{background:var(--tl-c4);color:var(--tl-on-c3)}.tl-lead{background:var(--tl-solid);color:var(--tl-on-solid);border-radius:var(--tl-r,12px);flex-direction:column;gap:12px;margin-top:20px;padding:20px 22px;display:flex}.tl-lead p{opacity:.85;margin:0;font-size:.92rem}.tl-lead form{grid-template-columns:1fr 1fr 1fr auto;gap:10px;display:grid}.tl-lead input{font:400 .92rem var(--tl-font);border-radius:var(--tl-r-sm,8px);background:var(--tl-on-solid);color:var(--tl-solid);border:1px solid #0000;min-width:0;padding:11px 12px}.tl-lead input:focus-visible{outline:2px solid var(--tl-accent);outline-offset:1px}.tl-btn{font:700 .92rem var(--tl-font);background:var(--tl-accent);color:var(--tl-on-accent);border-radius:var(--tl-r-sm,8px);cursor:pointer;white-space:nowrap;border:0;padding:11px 18px}.tl-btn:disabled{opacity:.6;cursor:default}.tl-btn:focus-visible{outline:2px solid var(--tl-on-solid);outline-offset:2px}.tl-hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.tl-msg{font-size:.88rem;font-weight:600}@media (max-width:760px){.tl-calc,.tl-rows,.tl-lead form{grid-template-columns:1fr}}