@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#182c39;--muted:#697781;--blue:#2059dd;--line:#dfe4e6;--paper:#f4f5f1;--colors:#2059dd}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'DM Sans',Arial,sans-serif}header{height:86px;border-bottom:1px solid var(--line);padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:#fafbf8}.brand{font:800 24px Manrope,Arial,sans-serif;display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none}.mark{color:var(--blue);font-size:34px}.beta{font:600 10px 'DM Sans',Arial;letter-spacing:1px;border-left:1px solid #ccd3d5;padding-left:17px;margin-left:12px}.header-note{color:var(--muted);font-size:12px}main{max-width:1400px;margin:auto;padding:48px 5% 0}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--blue);margin:0 0 18px}h1{font:800 clamp(32px,3.7vw,49px)/1.15 Manrope,Arial;letter-spacing:-2px;margin:0 0 18px}.lead{max-width:570px;color:var(--muted);line-height:1.7;font-size:14px}.intro-note{display:flex;gap:22px;align-items:center;padding:20px 28px;border-left:1px solid #cfd8d9}.tiny-grid{font-size:65px;color:#a0b3bf}.intro-note p{line-height:1.9;color:var(--muted);font-size:13px}.intro-note strong{color:var(--ink)}.workspace{display:grid;grid-template-columns:350px minmax(0,1fr);gap:28px;align-items:start}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:25px}.section-title{display:flex;align-items:center;gap:10px;margin-bottom:25px}.section-title h2{font:800 16px Manrope,Arial;margin:0}.step{font-size:10px;color:var(--muted);border:1px solid #dce1e4;border-radius:50%;width:25px;height:25px;display:grid;place-items:center}label{display:block;font-size:12px;font-weight:700;margin-bottom:9px}.slot-input{position:relative}.slot-input input{width:100%;font-size:23px;font-weight:700;padding:13px 70px 13px 14px}.slot-input span{position:absolute;right:16px;top:21px;color:var(--muted);font-size:12px}input{font:inherit;color:var(--ink);border:1px solid #d6dfe4;border-radius:7px;background:#fff;min-width:0;padding:10px}input:focus{outline:2px solid #86a9fa;outline-offset:1px}.hint{font-size:11px;line-height:1.5;color:var(--muted)}.divider{height:1px;background:var(--line);margin:25px 0}.row-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.row-title h3{font-size:12px;margin:0}.row-title span{color:var(--muted);font-size:11px;padding-right:30px}.sort-row{display:grid;grid-template-columns:9px minmax(0,1fr) 105px 22px;gap:7px;margin-bottom:10px;align-items:center}.dot{width:7px;height:7px;border-radius:50%}.sort-row input{width:100%;font-size:12px;padding:10px 8px}.sort-row input[type=number]{appearance:textfield}.remove{border:0;background:transparent;color:#7b8790;cursor:pointer;font-size:19px;padding:0}.add{border:1px dashed #c6d2da;color:var(--blue);background:white;border-radius:7px;padding:10px;width:100%;font:600 12px 'DM Sans',Arial;cursor:pointer;margin-top:4px}.method{padding:15px;background:#f4f7fb;border-radius:7px;margin:24px 0}.method strong{font-size:11px}.method p{color:var(--muted);font-size:11px;line-height:1.7;margin:6px 0 0}button{font:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:default}.primary{width:100%;display:flex;justify-content:space-between;background:var(--blue);color:#fff;border:0;border-radius:7px;padding:14px;font-size:12px;font-weight:700}.primary:hover{background:#1747b6}.privacy{font-size:10px;color:var(--muted);text-align:center;margin:13px 0 0}#error{color:#ad332d;font-size:12px;line-height:1.5}.results>.section-title{margin:5px 0 24px}.result-tag{font-size:10px;color:var(--muted);margin-left:auto}.variant{background:#fff;border:1px solid var(--line);border-radius:13px;margin-bottom:17px;overflow:hidden}.variant.best{border:1.5px solid var(--blue)}.best-label{background:var(--blue);color:white;font-size:10px;letter-spacing:.7px;font-weight:700;padding:9px 22px;display:flex;justify-content:space-between}.variant-body{padding:21px}.variant-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.variant-name{font:800 15px Manrope,Arial;margin:0 0 7px}.sheetcount{font:800 30px Manrope,Arial;letter-spacing:-1px}.sheetcount small{font:400 12px 'DM Sans',Arial;letter-spacing:0;color:var(--muted)}.error-box{text-align:right}.error-number{font:800 24px Manrope,Arial}.error-caption{font-size:10px;color:var(--muted);margin-top:5px}.layout{display:flex;gap:5px;margin:20px 0 10px;flex-wrap:wrap}.place{width:30px;height:29px;border-radius:4px;display:grid;place-items:center;font-size:10px;font-weight:700;color:white}.layout-note{font-size:10px;color:var(--muted);margin:0 0 18px}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:right;color:var(--muted);font-size:10px;font-weight:500;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}th:first-child,td:first-child{text-align:left}td{text-align:right;padding:12px 0;border-bottom:1px solid #eef0f1;font-variant-numeric:tabular-nums}td:first-child .dot{display:inline-block;margin-right:7px}tr:last-child td{border-bottom:0}.negative{color:#ad6230}.positive{color:#267772}.exact{color:#78838a}.variant-foot{font-size:10px;color:var(--muted);margin-top:12px;line-height:1.6}.explanation{color:var(--muted);font-size:11px;line-height:1.8;padding:0 3px 15px}.stale{padding:18px;background:#fff4da;border:1px solid #eadab3;border-radius:10px;margin-bottom:15px;font-size:12px}footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);margin-top:40px;padding:22px 0;font-size:10px;color:var(--muted)}@media(min-width:1200px){.workspace{grid-template-columns:365px minmax(0,1fr)}}@media(max-width:850px){.workspace{grid-template-columns:1fr}.intro-note{display:none}main{padding-top:30px}.input-panel{max-width:none}.header-note{display:none}h1{letter-spacing:-1px}.intro{margin-bottom:24px}.beta{display:none}footer{flex-direction:column}.result-tag{font-size:9px}.variant-body{padding:16px}th,td{font-size:10px}.section-title h2{font-size:15px}}
select{width:100%;padding:12px 8px;border:1px solid #d6dfe4;border-radius:7px;background:white;font:12px 'DM Sans',Arial;color:var(--ink)}.tool-settings{margin:12px 0 22px;font-size:11px}.tool-settings summary{color:var(--blue);cursor:pointer;margin-bottom:14px}.tool-settings input{width:100%;margin-bottom:12px}.tool-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tool-buttons{display:flex;gap:8px}.tool-buttons button{font-size:10px;border:1px solid #cbd8ee;border-radius:5px;background:#f3f7fd;color:var(--blue);padding:10px}.sheet-wrap{background:#f3f5f6;border:1px solid #e0e5e7;border-radius:8px;padding:16px;margin-top:20px}.sheet-caption{display:flex;justify-content:space-between;gap:10px;margin-bottom:13px;font-size:10px}.sheet-caption span{color:var(--muted);text-align:right}.layout{display:grid;max-width:300px;margin:0 auto 14px;padding:10px;background:#fff;border:1px solid #d6dce1;box-shadow:2px 3px 0 #e0e5e8;gap:5px}.place{width:auto;height:auto;min-height:22px;max-height:110px;border-radius:2px;font-size:13px}.layout-note{text-align:center;margin-bottom:0;line-height:1.6}
.header-right{display:flex;align-items:center;gap:24px}#language{width:auto;font-size:11px;padding:8px}.layout{max-width:420px}.place{max-height:none;min-height:20px}@media(max-width:850px){.header-right{gap:8px}header{padding:0 5%}.layout{max-width:360px}}
.design-notice{margin-top:18px;background:#eef3fd;border:1px solid #d8e3fa;border-radius:8px;padding:14px;font-size:11px;line-height:1.6}.design-notice p{font-size:10px;margin:5px 0;color:var(--muted)}.setup-inline{border-top:1px solid #d8e3fa;margin-top:9px;padding-top:9px;display:flex;justify-content:space-between;gap:8px}.form-count{font:800 25px Manrope,Arial;letter-spacing:-.6px}.split-note{font-size:11px;color:var(--muted);margin:7px 0 0}.setup-cost{margin:18px 0;background:#faf5e9;border:1px solid #ede0bf;border-radius:8px;padding:13px 15px;display:flex;justify-content:space-between;gap:12px;align-items:center}.setup-cost strong{font-size:11px}.setup-cost p{font-size:10px;color:var(--muted);margin:5px 0 0}.setup-cost>b{font:800 22px Manrope,Arial;white-space:nowrap}.print-form{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.print-form-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.print-form-head h4{font:800 14px Manrope,Arial;margin:0 0 5px}.print-form-head span{font-size:11px;color:var(--muted)}.print-form-head .sheetcount{font-size:25px}.print-form .sheet-wrap{margin-top:13px}.order-total{border-top:1px solid var(--line);padding-top:14px;margin-top:20px;font-size:11px;font-weight:700}@media(max-width:600px){.print-form-head .sheetcount{font-size:21px}.setup-cost>b{font-size:19px}.form-count{font-size:21px}.error-number{font-size:21px}}
footer{align-items:flex-end}.footer-notes,.developer-contact{display:flex;flex-direction:column;gap:4px}.developer-contact{margin-left:auto;text-align:right;font-size:9px;line-height:1.65;flex-shrink:0}.developer-contact .phone-number{display:inline;cursor:text}@media(max-width:850px){footer{align-items:stretch}.developer-contact{align-self:flex-end}}