.up-tpi-calculator{--up-orange:#ff6600;--up-orange-dark:#cc5200;--up-orange-light:#ff660040;--up-text:#141414;--up-muted:#555;--up-border:#dddddd;--up-panel:#ffffff;--up-soft:#f8f8f8;max-width:980px;margin:0 auto 2rem auto;color:var(--up-text)}.up-tpi-calculator *{box-sizing:border-box}.up-tpi-card{background:var(--up-panel);border:1px solid var(--up-border);border-radius:16px;padding:22px;box-shadow:0 8px 22px rgb(0 0 0 / .06)}.up-tpi-header h2,.up-tpi-header h3{margin:0 0 8px 0;font-size:clamp(1.45rem, 2.3vw, 1.95rem);line-height:1.15}.up-tpi-header p{margin:0 0 18px 0;max-width:820px;font-size:1rem;line-height:1.55;color:var(--up-muted)}.up-tpi-input-panel{display:grid;grid-template-columns:minmax(500px,1fr) minmax(230px,0.38fr);grid-template-rows:auto auto;gap:13px 16px;align-items:stretch;background:var(--up-orange-light);border:1px solid rgb(255 102 0 / .35);border-radius:14px;padding:12px;margin-bottom:18px}.up-tpi-material-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:0;grid-column:1;grid-row:1 / span 2;align-items:stretch}.up-tpi-material-card{appearance:none;border:2px solid rgb(255 102 0 / .16);background:rgb(255 255 255 / .34);border-radius:13px;padding:7px 8px;text-align:center;cursor:pointer;color:var(--up-text);min-height:118px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:border-color 0.15s ease,box-shadow 0.15s ease,background 0.15s ease,transform 0.15s ease}.up-tpi-material-card:hover,.up-tpi-material-card:focus{border-color:rgb(255 102 0 / .58);background:rgb(255 255 255 / .74);outline:none}.up-tpi-material-card.is-active{background:#fff;border:3px solid var(--up-orange);box-shadow:0 5px 15px rgb(255 102 0 / .24),inset 0 0 0 1px rgb(255 255 255 / .95)}.up-tpi-material-icon{display:block;width:100%;max-width:152px;height:64px;object-fit:contain;margin:0 auto 6px auto}.up-tpi-material-card[data-material="solid-round"] .up-tpi-material-icon{width:70px;max-width:70px;height:70px;transform:translateY(2px)}.up-tpi-material-card[data-material="rectangular-solid"] .up-tpi-material-icon{max-width:150px;height:66px;transform:translateY(2px)}.up-tpi-material-card[data-material="structural"] .up-tpi-material-icon{max-width:136px;height:70px;margin-bottom:4px;transform:translateY(2px)}.up-tpi-material-title{display:block;font-size:.84rem;line-height:1.18;font-weight:800}.up-tpi-material-note{display:block;margin-top:3px;font-size:.74rem;line-height:1.15;color:var(--up-orange-dark);font-weight:800}.up-tpi-fields-row{display:grid;grid-template-columns:1fr;gap:10px;align-self:end;grid-column:2;grid-row:1;width:100%}.up-tpi-field label{display:block;margin:0 0 7px 0;font-weight:700;font-size:.95rem}.up-tpi-field input,.up-tpi-field select{width:100%;min-height:43px;border:1px solid #bfc7d1;border-radius:8px;padding:9px 12px;background:#fff;color:var(--up-text);font-size:1rem}.up-tpi-field input:focus,.up-tpi-field select:focus{outline:3px solid rgb(255 102 0 / .25);border-color:var(--up-orange)}.up-tpi-actions{display:flex;justify-content:stretch;align-self:start;grid-column:2;grid-row:2;width:100%;margin-top:0}.up-tpi-reset-button{appearance:none;border:1px solid rgb(255 102 0 / .65);background:#fff;color:var(--up-orange-dark);border-radius:999px;padding:8px 14px;font-size:.91rem;font-weight:800;cursor:pointer;width:100%}.up-tpi-reset-button:hover,.up-tpi-reset-button:focus{background:var(--up-orange);color:#fff;outline:none}.up-tpi-result{border-left:6px solid var(--up-orange);background:linear-gradient(90deg,var(--up-orange-light),#ffffff 72%);border-radius:14px;padding:21px 23px;margin-bottom:18px}.up-tpi-result-kicker{color:var(--up-orange-dark);font-weight:800;text-transform:uppercase;letter-spacing:.04em;font-size:.81rem;margin-bottom:8px}.up-tpi-result-main{font-size:clamp(2rem, 5vw, 3.4rem);line-height:1;font-weight:900;color:var(--up-text);margin-bottom:14px}.up-tpi-result-main .up-tpi-unit{font-size:.48em;font-weight:800}.up-tpi-result-copy{margin:0;font-size:1.03rem;line-height:1.55}.up-tpi-result-copy strong{font-weight:800}.up-tpi-result-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 0 0}.up-tpi-meta-box{background:rgb(255 255 255 / .78);border:1px solid rgb(255 102 0 / .28);border-radius:10px;padding:10px 12px}.up-tpi-meta-label{display:block;font-size:.78rem;color:var(--up-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:800;margin-bottom:3px}.up-tpi-meta-value{display:block;font-size:1rem;font-weight:800}.up-tpi-result-empty{background:var(--up-soft);border-left-color:#9ca3af}.up-tpi-result-empty .up-tpi-result-kicker{color:#444}.up-tpi-result-error{background:#fff3ed;border-left-color:var(--up-orange-dark)}.up-tpi-disclaimer{margin:0;font-size:.94rem;line-height:1.55;color:var(--up-muted)}.up-tpi-copyright{margin:14px 0 0 0;font-size:.78rem;line-height:1.45;color:#666;text-align:center}.up-tpi-calculator-compact{max-width:760px}.up-tpi-calculator-compact .up-tpi-card{padding:18px}.up-tpi-calculator-compact .up-tpi-input-panel{grid-template-columns:1fr}.up-tpi-calculator-compact .up-tpi-material-panel,.up-tpi-calculator-compact .up-tpi-fields-row,.up-tpi-calculator-compact .up-tpi-actions{grid-column:1;grid-row:auto}.up-tpi-calculator-compact .up-tpi-material-icon{height:48px}.up-tpi-calculator-compact .up-tpi-material-card{min-height:102px}@media (max-width:980px){.up-tpi-input-panel{grid-template-columns:1fr}.up-tpi-material-panel,.up-tpi-fields-row,.up-tpi-actions{grid-column:1;grid-row:auto}}@media (max-width:760px){.up-tpi-card{padding:18px}.up-tpi-material-panel,.up-tpi-fields-row,.up-tpi-result-meta{grid-template-columns:1fr}.up-tpi-input-panel{gap:12px;padding:13px}.up-tpi-material-card{min-height:102px;padding:9px}.up-tpi-material-icon{height:48px;max-width:170px}.up-tpi-actions{justify-content:stretch}.up-tpi-reset-button{width:100%}.up-tpi-result{padding:19px 18px}.up-tpi-result-main{font-size:clamp(1.9rem, 12vw, 2.75rem)}.up-tpi-result-main .up-tpi-unit{display:block;margin-top:6px;font-size:.42em}}.up-tpi-launcher{--up-orange:#ff6600;--up-orange-dark:#cc5200;--up-text:#141414;--up-muted:#555;display:flex;align-items:center;justify-content:space-between;gap:14px;border:3px solid #f60;background:#ff660040;border-radius:10px;padding:11px 13px;margin:14px 0 18px 0;color:var(--up-text)}.up-tpi-launcher *{box-sizing:border-box}.up-tpi-launcher h3{margin:0 0 5px 0;font-size:.98rem;line-height:1.18}.up-tpi-launcher p{margin:0;color:var(--up-muted);font-size:.88rem;line-height:1.38}.up-tpi-launcher-links{display:flex;flex-wrap:wrap;gap:5px 11px;margin-top:8px;font-size:.81rem;line-height:1.35;font-weight:800}.up-tpi-launcher-links a{color:var(--up-orange-dark);text-decoration:underline;text-underline-offset:2px}.up-tpi-launcher-links a:hover,.up-tpi-launcher-links a:focus{color:var(--up-orange)}.up-tpi-launcher-button{appearance:none;border:2px solid var(--up-orange);background:var(--up-orange);color:#fff;border-radius:999px;padding:9px 16px;min-width:124px;font-size:.88rem;line-height:1.12;font-weight:900;cursor:pointer;white-space:normal;text-align:center}.up-tpi-launcher-button span{display:block}.up-tpi-launcher-button:hover,.up-tpi-launcher-button:focus{background:var(--up-orange-dark);border-color:var(--up-orange-dark);outline:3px solid rgb(255 102 0 / .25)}.up-tpi-modal{position:fixed;inset:0;z-index:999999;display:none;align-items:center;justify-content:center;padding:18px}.up-tpi-modal.is-open{display:flex}.up-tpi-modal-backdrop{position:absolute;inset:0;background:rgb(0 0 0 / .64)}.up-tpi-modal-window{position:relative;z-index:1;width:min(860px, 100%);max-height:calc(100vh - 36px);overflow:auto;border-radius:18px;background:#fff;padding:14px;box-shadow:0 18px 55px rgb(0 0 0 / .35)}.up-tpi-modal-window .up-tpi-calculator{margin-bottom:0;max-width:820px}.up-tpi-modal-window .up-tpi-card{padding:19px}.up-tpi-modal-close{position:sticky;top:0;float:right;z-index:2;width:38px;height:38px;border-radius:999px;border:2px solid rgb(255 102 0 / .5);background:#fff;color:var(--up-orange-dark,#cc5200);font-size:28px;line-height:28px;font-weight:800;cursor:pointer;margin:0 0 6px 8px}.up-tpi-modal-close:hover,.up-tpi-modal-close:focus{background:var(--up-orange,#ff6600);color:#fff;outline:none}body.up-tpi-modal-open{overflow:hidden}@media (max-width:760px){.up-tpi-launcher{display:block;padding:14px}.up-tpi-launcher-button{width:100%;margin-top:12px}.up-tpi-launcher-button span{display:inline}.up-tpi-launcher-button span+span::before{content:" "}.up-tpi-modal{padding:8px;align-items:flex-start}.up-tpi-modal-window{max-height:calc(100vh - 16px);border-radius:14px;padding:8px}.up-tpi-modal-window .up-tpi-card{padding:14px}}