.calc-main{font-family:'Chakra Petch',system-ui,sans-serif}.calc-intro{padding:42px 0 28px}.calc-intro h1{max-width:950px}.calc-intro .sv-lead{max-width:740px;font-family:inherit}.calc-badges{display:flex;flex-wrap:wrap;gap:10px}.calc-badges span{border:1px solid #d2dacf;padding:7px 12px;font-size:13px}.calc-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:24px;align-items:start}.calc-panel{padding:26px;background:#fff;border:1px solid #d9dfd4;margin-bottom:20px;min-width:0}.calc-panel h2{font-size:21px}.calc-panel h2 span{color:#2863e3;margin-right:12px}.calc-main label{display:block;font-size:14px;font-weight:600;min-width:0;margin-bottom:16px}.calc-main input,.calc-main select,.calc-main textarea{display:block;width:100%;min-width:0;margin-top:8px;border:1px solid #acb7a6;border-radius:0;padding:12px;background:white;font:16px/1.5 'Chakra Petch',system-ui,sans-serif;color:#29312b}.calc-main textarea{resize:vertical}.calc-main .sv-button{font-family:inherit}.calc-upload{padding:22px;background:#f1f5ff;border:1px dashed #2863e3}.calc-upload input{border:0;background:transparent;padding:8px 0;overflow:hidden}.calc-upload small{display:block;font-weight:400;line-height:1.6;margin-top:8px}.calc-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.calc-note{font-size:13px;line-height:1.65;color:#56604f}.calc-result{padding:30px;background:#eaf0ff;border:1px solid #c6d6f4;position:sticky;top:95px}.calc-result h2{font-size:24px;line-height:1.5}.calc-price{font-size:clamp(26px,3vw,36px);font-weight:700;color:#174dbd;line-height:1.4;overflow-wrap:anywhere}.calc-result dl{margin:24px 0}.calc-result dl>div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #c9d5eb;padding:10px 0;font-size:14px}.calc-result dd{margin:0;text-align:right;white-space:nowrap}.calc-result .sv-button{width:100%;text-align:center}.calc-main details{border-top:1px solid #d9dfd4;padding:16px 0}.calc-main summary{cursor:pointer;padding:6px 0;min-height:44px}.calc-main details[open]>summary{margin-bottom:14px}.calc-main button:disabled{opacity:.55;cursor:not-allowed}.calc-main [hidden]{display:none!important}.calc-main canvas{display:block;width:100%;height:280px;background:#f0f5fa}.calc-preview-actions{display:flex;align-items:center;justify-content:center;gap:16px;font-size:13px}.calc-preview-actions button{min-width:44px;min-height:44px;background:#fff;border:1px solid #bdc9dc;cursor:pointer;font-size:22px}.calc-dimensions{font-size:14px;font-weight:600;overflow-wrap:anywhere}.calc-link{background:none;border:0;color:#164bd1;text-decoration:underline;cursor:pointer;padding:12px}.calc-main [role=status],#attachment-note{overflow-wrap:anywhere}.calc-main [data-error=true]{color:#a32828}.calc-manual{display:grid;grid-template-columns:1fr 1fr auto;gap:16px;align-items:end}.calc-manual label{margin:0}.calc-method .sv-grid{margin-bottom:24px}.calc-main .sv-quote{gap:28px}.calc-result .calc-note{color:#3f4f69}.calc-main .calc-panel .sv-button{max-width:100%}@media(max-width:850px){.calc-layout{grid-template-columns:1fr}.calc-result{position:static}.calc-manual{grid-template-columns:1fr 1fr}.calc-manual button{grid-column:1/-1}.calc-intro{padding-top:20px}}@media(max-width:480px){.calc-panel,.calc-result{padding:20px}.calc-row{grid-template-columns:1fr;gap:0}.calc-main canvas{height:220px}.calc-upload{padding:14px}.calc-main h1{font-size:26px}.calc-main .sv-button{width:100%}.calc-manual{grid-template-columns:1fr}.calc-badges{gap:6px}.calc-badges span{font-size:12px}}
.calc-main .sv-section{font-family:inherit}

.calc-intro h1{font-size:clamp(28px,4vw,48px);line-height:1.18;max-width:1000px}.calc-shortcuts{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:20px}.calc-shortcuts a{display:inline-flex;align-items:center;min-height:44px}.calc-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:24px}.calc-examples article{background:#fff;min-width:0}.calc-examples img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.calc-examples article>div{padding:20px}.calc-main #calc-form,.calc-main #calc-faq,.calc-main #calc-examples{scroll-margin-top:100px}#calc-faq summary{font-weight:600}#calc-faq p{max-width:850px}@media(max-width:650px){.calc-examples{grid-template-columns:1fr}.calc-shortcuts{gap:8px 18px}}