.stitch-page{color:#ecf3ef;background:#182a42;min-height:100vh}.stitch-nav,.stitch-hero,.stitch-workspace,.stitch-notes,.stitch-footer{width:min(1100px,100% - 40px);margin-inline:auto}.stitch-nav,.stitch-footer{justify-content:space-between;align-items:center;gap:20px;display:flex}.stitch-nav{border-bottom:1px solid #ecf3ef33;min-height:82px}.stitch-back,.stitch-footer{color:#c6d4dc;font-size:13px;font-weight:700;text-decoration:none}.stitch-hero{max-width:850px;margin-left:max(20px,50vw - 550px);padding:80px 0 52px}.stitch-kicker{color:#b8d8d0;font-family:var(--font-dm-mono), monospace;letter-spacing:.14em;text-transform:uppercase;margin:0 0 13px;font-size:11px;font-weight:500}.stitch-kicker:before{content:"";background:#ed9366;border-radius:99px;width:24px;height:7px;margin-right:10px;display:inline-block}.stitch-hero h1{color:#f9fbfa;max-width:760px;font-size:clamp(52px,8vw,94px)}.stitch-hero>p:last-child{color:#ccd9df;max-width:650px;margin:26px 0 0;font-size:18px;line-height:1.65}.stitch-workspace{color:#183048;background:#f5f3ea;border:1px solid #9ab3c2;border-radius:10px;grid-template-columns:minmax(0,1.16fr) minmax(310px,.84fr);display:grid;overflow:hidden;box-shadow:10px 10px #ed9366}.stitch-controls,.stitch-result{padding:clamp(25px,4vw,45px)}.stitch-controls{border-right:1px solid #d5ddd9}.stitch-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.stitch-field{color:#183048;gap:8px;font-size:13px;font-weight:800;display:grid}.stitch-field div{position:relative}.stitch-field input{color:#183048;background:#fff;border:1px solid #b9c7cb;border-radius:4px;width:100%;min-height:48px;padding:0 72px 0 11px}.stitch-field span{color:#60758a;font-family:var(--font-dm-mono), monospace;font-size:11px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.stitch-field small{color:#60758a;font-size:11px;font-weight:600;line-height:1.4}.stitch-second-kicker{border-top:1px solid #d5ddd9;margin-top:35px;padding-top:25px}.stitch-result{color:#fff;background:#264c63}.stitch-result .stitch-kicker,.stitch-result-label,.stitch-local-note,.stitch-result dt,.stitch-units{color:#d4e3e3}.stitch-result-label{margin:0 0 7px;font-size:13px;font-weight:700}.stitch-result h2{color:#ffc277;font-family:var(--font-dm-mono), monospace;letter-spacing:-.075em;margin:0;font-size:clamp(36px,4.6vw,55px);line-height:.95}.stitch-result h2 small{letter-spacing:-.03em;font-size:.38em}.stitch-units{margin:13px 0 27px;font-size:14px;line-height:1.45}.stitch-result dl{gap:14px;margin:0 0 25px;display:grid}.stitch-result dl div{border-top:1px dashed #ffffff4d;justify-content:space-between;align-items:baseline;gap:15px;padding-top:14px;display:flex}.stitch-result dt,.stitch-result dd{margin:0;font-size:13px}.stitch-result dd{font-family:var(--font-dm-mono), monospace;text-align:right;font-weight:600}.stitch-result button{color:#193d56;cursor:pointer;background:#ffc277;border:0;border-radius:4px;width:100%;min-height:47px;font-weight:800}.stitch-result button:disabled{cursor:not-allowed;opacity:.45}.stitch-result .stitch-print{color:#fffdf3;background:0 0;border:1px solid #d4e3e3;margin-top:10px}.stitch-local-note{margin:13px 0 0;font-size:11px;line-height:1.5}.stitch-notes{grid-template-columns:.72fr 1.28fr;gap:9vw;padding:100px 0;display:grid}.stitch-notes h2{color:#f9fbfa;letter-spacing:-.06em;margin:0;font-size:clamp(30px,3.3vw,48px);line-height:1.05}.stitch-notes>div:last-child{color:#ccd9df;font-size:15px;line-height:1.7}.stitch-notes p{margin:0 0 20px}.stitch-footer{border-top:1px solid #ecf3ef33;min-height:82px;padding:20px 0}.stitch-footer span{margin-right:auto}@media print{.stitch-nav,.stitch-hero,.stitch-controls,.stitch-notes,.stitch-footer,.stitch-print{display:none}.stitch-page{background:#fff}.stitch-workspace{width:100%;box-shadow:none;border:0;display:block}.stitch-result{min-height:100vh;padding:36px}}@media (width<=760px){.stitch-hero{margin-inline:20px;padding-top:58px}.stitch-workspace,.stitch-notes{grid-template-columns:1fr}.stitch-controls{border-bottom:1px solid #d5ddd9;border-right:0}.stitch-notes{gap:30px;padding:70px 0}}@media (width<=560px){.stitch-nav,.stitch-footer{gap:12px}.stitch-back,.stitch-footer{font-size:11px}.stitch-footer span{max-width:150px}.stitch-fields{grid-template-columns:1fr}}
