:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#292439;background:#f3f4f8;font-size:16px;--purple:#6441c2;--line:#e6e3ed}*{box-sizing:border-box}body{margin:0}header{max-width:1280px;margin:auto;padding:25px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center}.brand strong{font-size:19px;display:block;letter-spacing:-.4px}.brand span{font-size:14px;color:#6c657b;display:block;margin-top:3px}.save{font-size:14px;color:#6c657b}main{max-width:1280px;margin:auto;padding:32px}.page-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}h1{font-size:32px;line-height:1.15;letter-spacing:-1px;margin:0 0 10px}p{line-height:1.5;margin:0;color:#716a7e}h2{font-size:19px;margin:0;letter-spacing:-.3px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px}.editor{display:grid;gap:24px}.panel{background:white;border:1px solid var(--line);border-radius:18px;padding:24px}.section-title{display:flex;align-items:center;gap:11px;margin-bottom:12px}.step{display:grid;place-items:center;background:#eee9fb;color:var(--purple);border-radius:9px;width:29px;height:29px;font-size:14px;font-weight:700}.tag{font-size:12px;margin-left:auto;background:#fff0dd;color:#96510e;padding:5px 8px;border-radius:5px}.hint{font-size:14px;margin:9px 0 18px}.material{border-top:1px solid var(--line);padding:18px 0 0;margin-top:16px}.material-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}.material-title strong{font-size:16px}.material-title span{font-size:13px;color:#777082}.material-fields{display:grid;grid-template-columns:1fr 80px 1.1fr 1fr;gap:10px}label{display:block;font-size:14px;color:#645c74}input,select{width:100%;min-width:0;border:1px solid #d8d3e2;border-radius:8px;background:#fff;font:inherit;font-size:16px;color:#292439;padding:10px 11px;margin-top:6px;height:43px}input:focus,select:focus{outline:3px solid #d9ccfc;border-color:var(--purple)}input:invalid{border-color:#ce5a61}button{border:0;border-radius:8px;padding:11px 16px;font:inherit;font-size:14px;font-weight:600;cursor:pointer}.secondary{background:white;color:var(--purple);border:1px solid #d9d1eb;white-space:nowrap}.secondary:hover{background:#eee9fb}.recipe-heading{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin:20px 0}.recipe-line{display:grid;grid-template-columns:1fr 110px 80px;gap:12px;align-items:center;border-top:1px solid var(--line);padding:12px 0}.recipe-line label{font-size:16px;color:#292439}.recipe-line input,.recipe-line select{margin:0}.extras{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}aside{align-self:start;position:sticky;top:24px;display:grid;gap:20px}.result{background:#302346;color:#fff;padding:28px 24px;border-radius:18px}.eyebrow{font-size:12px;letter-spacing:1.4px;color:#c6b5e4;font-weight:700}.big-price{font-size:42px;font-weight:700;letter-spacing:-1.5px;margin-top:8px;line-height:1.3;overflow-wrap:anywhere}.result p{color:#c6bad8;font-size:14px}.result-rule{border-top:1px solid #534363;margin:24px 0 20px}.total{display:flex;justify-content:space-between;gap:8px;font-size:16px}.muted{font-size:13px;color:#bdb1d0;display:block;margin-top:6px}.breakdown{margin:20px 0}.breakdown>div{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:#dccfeb;margin:10px 0}.error{background:#56304b;color:#ffd5d9!important;padding:12px;border-radius:8px;margin:15px 0!important}.error:empty{display:none}.result-note{border-top:1px solid #534363;padding-top:16px;font-size:12px!important}.stock-number{font-size:36px;font-weight:700;color:var(--purple);margin:10px 0 0;letter-spacing:-1px}.stock p{font-size:14px;margin:5px 0 16px}.usage{display:flex;justify-content:space-between;gap:10px;font-size:14px;margin:12px 0}.stock-alert{color:#a24328;font-size:14px;background:#fff0e5;padding:12px;border-radius:8px;margin-top:14px}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 0 0}footer p{font-size:13px;max-width:750px}.text-button{background:none;color:#776783;white-space:nowrap}.text-button:hover{color:#a12b42}button:focus-visible{outline:3px solid #baa3ed;outline-offset:3px}@media(max-width:1000px){.workspace{grid-template-columns:minmax(0,1fr) 300px}.material-fields{grid-template-columns:1fr 80px}.material-title span{max-width:150px;text-align:right}.panel{padding:20px}}@media(max-width:760px){header{padding:18px 20px}.save{max-width:130px;text-align:right;font-size:12px}main{padding:24px 16px}.page-title{align-items:flex-start}h1{font-size:27px}.page-title p{font-size:14px}.page-title button{padding:9px 10px;font-size:12px}.workspace{grid-template-columns:1fr;gap:20px}aside{position:static}.material-fields{grid-template-columns:1fr 85px 1fr 1fr}.material-title span{max-width:none}.recipe-heading{grid-template-columns:1.4fr 1fr}.big-price{font-size:44px}footer{align-items:flex-start}.stock-number{font-size:32px}}@media(max-width:500px){.material-fields{grid-template-columns:1fr 80px}.material-title span{max-width:150px}.extras{grid-template-columns:1fr}.recipe-line{grid-template-columns:1fr 90px 75px}.brand strong{font-size:17px}.tag{font-size:11px}.section-title{gap:8px}.section-title h2{font-size:18px}}@media print{button,footer,.save{display:none}body{background:white}header,main{padding:12px}.workspace{display:block}.result{color:#292439;background:#eee;break-inside:avoid}aside{position:static}.panel{break-inside:avoid;margin-bottom:15px}}