.tp-layout{display:grid;grid-template-columns:320px minmax(280px,1fr);gap:20px;align-items:start}.tp-panel{display:flex;flex-direction:column;gap:14px}.tp-panel input[type=number],.tp-panel select{width:100%;background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:10px;padding-block:10px;padding-inline:12px;font:inherit;font-size:14px}.tp-panel input[type=number]:focus,.tp-panel select:focus{outline:none;border-color:var(--accent)}.tp-seg{display:flex;gap:8px;margin-block-end:8px}.tp-seg-btn{flex:1;min-inline-size:48px;padding-block:9px;padding-inline:8px;border-radius:9px;font-size:13px;border:1px solid var(--line);background:var(--panel2);color:var(--muted);cursor:pointer}.tp-seg-btn.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}.tp-custom{text-align:center}.tp-stepper{display:flex;align-items:stretch;gap:8px}.tp-stepper input{flex:1;text-align:center}.tp-step-btn{flex:none;inline-size:44px;border-radius:10px;font-size:18px;font-weight:700;border:1px solid var(--line);background:var(--panel2);color:var(--text)}.tp-step-btn:hover{border-color:var(--accent)}.tp-check{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);cursor:pointer}.tp-check input{inline-size:16px;block-size:16px;accent-color:var(--accent)}.tp-result{display:flex;flex-direction:column;gap:14px;min-inline-size:0}.tp-empty{color:var(--muted);text-align:center;padding-block:32px}.tp-hero{text-align:center;padding-block:22px;padding-inline:22px;background:var(--panel);border:1px solid var(--accent);border-radius:16px}.tp-hero-label{font-size:13px;color:var(--muted)}.tp-hero-value{font-size:40px;font-weight:800;color:var(--accent);line-height:1.1}.tp-hero-note{font-size:12px;color:var(--muted);margin-block-start:4px}.tp-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.tp-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding-block:14px;padding-inline:16px}.tp-card-label{font-size:12px;color:var(--muted);margin-block-end:6px}.tp-card-value{font-size:18px;font-weight:800;letter-spacing:-.02em;color:var(--text)}.tp-hint{font-size:12px;color:var(--muted);line-height:1.5}@media(max-width:760px){.tp-layout{grid-template-columns:1fr}}