:root{--ink:#29213e;--muted:#696276;--purple:#7047eb;--lime:#d9ff71;--pink:#ffbfe2;--blue:#b6ebff;--paper:#f7f6fb;--border:#e8e4f0}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 'Segoe UI',Arial,sans-serif}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #5838be;outline-offset:4px}.shell{max-width:1140px;margin:auto;padding:0 32px}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px;font-weight:850;font-size:25px;letter-spacing:-1px}.brand-icon{display:grid;place-items:center;background:var(--purple);color:white;width:42px;height:42px;border-radius:14px;font-size:29px}.brand-tail{font-weight:500;font-size:14px;letter-spacing:0;color:var(--muted);margin-left:3px}.settings-link{font-size:14px;font-weight:650;padding:12px 0}.settings-link span{margin-left:12px;font-size:20px}.intro{display:flex;justify-content:space-between;align-items:center;padding:32px 0 30px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.8px;color:var(--muted)}h1{font-size:46px;line-height:1.09;letter-spacing:-1.8px;margin:13px 0}h1 span{color:var(--purple)}.intro p{margin:12px 0 0;color:var(--muted)}.sticker{background:var(--lime);border-radius:28px;transform:rotate(8deg);padding:20px 26px;text-align:center;margin-right:30px;box-shadow:5px 6px 0 #28213e;font-size:11px;font-weight:800;letter-spacing:1px}.sticker b{display:block;font-size:24px;line-height:1.05;letter-spacing:-.5px;margin:9px 0}.sticker span{font-size:28px;line-height:1}.workspace{display:grid;grid-template-columns:1.28fr 1fr;gap:22px;align-items:stretch}.card{background:#fff;border:1px solid var(--border);border-radius:26px}.inputs{padding:28px}.section-title{display:flex;align-items:center;gap:11px;margin-bottom:24px}h2{font-size:20px;letter-spacing:-.5px;margin:0}.step{display:grid;place-items:center;width:32px;height:32px;border-radius:11px;font-size:13px;font-weight:800;background:#eee7ff;color:#5c3caf;flex-shrink:0}.pink{background:var(--pink);color:var(--ink)}.blue{background:var(--blue);color:var(--ink)}.tag{font-size:11px;color:var(--muted);margin-left:auto;white-space:nowrap}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:14px;font-weight:650;margin-bottom:8px}.input-wrap{display:flex;align-items:center;background:#f7f6fb;border:1.5px solid #e6e1ef;border-radius:16px;padding:4px 16px}.input-wrap:focus-within{border-color:var(--purple)}.input-wrap input{font-size:36px;font-weight:750;letter-spacing:-1px;width:100%;border:0;background:transparent;padding:5px 0;min-width:0;color:var(--ink)}.input-wrap input:focus-visible{outline:none}.input-wrap span{color:var(--muted)}.field p,.quantity-row p{font-size:12px;line-height:1.5;color:var(--muted);margin:8px 0 0}.quantity-row{display:flex;align-items:center;justify-content:space-between;margin-top:23px;gap:12px}.quantity-row label{margin:0}.quantity-row p{margin-top:2px}.stepper{display:flex;align-items:center;gap:3px;background:#f7f6fb;border:1px solid var(--border);padding:3px;border-radius:14px}.stepper button{width:42px;height:44px;background:white;border:0;border-radius:10px;font-size:25px}.stepper input{width:44px;min-width:0;text-align:center;border:0;background:none;font-weight:750;color:var(--ink)}.divider{height:1px;background:var(--border);margin:24px 0}.markups{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.markups button{border:1.5px solid var(--border);border-radius:16px;background:#fff;padding:11px 4px;transition:transform .18s,background .18s}.markups button b{display:block;font-size:23px;letter-spacing:-.5px}.markups button span{display:block;font-size:12px}.markups button[aria-pressed=true]{background:var(--purple);border-color:var(--purple);color:#fff;box-shadow:0 4px 0 #5030b0}.markups button:active,.stepper button:active{transform:translateY(2px)}.hint{font-size:12px;color:var(--muted);line-height:1.55;margin:17px 0 0}.result{background:var(--purple);color:#fff;border-radius:26px;padding:29px 30px;display:flex;flex-direction:column;min-width:0;position:relative;overflow:hidden}.result-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:26px}.small-label{font-size:11px;font-weight:750;letter-spacing:1.4px}.result-badge{font-size:11px;background:#fff;color:#5333b8;border-radius:20px;padding:5px 10px}.result h2{font-weight:500;font-size:19px}.price{font-size:clamp(36px,5.2vw,70px);line-height:1.2;letter-spacing:-2px;font-weight:800;overflow-wrap:anywhere;margin:5px 0}.round-note{font-size:12px;margin:2px 0 22px;color:#f1eaff}.result-details{border-top:1px solid #a58af2;padding-top:17px;margin-bottom:22px}.result-details>div{display:flex;justify-content:space-between;gap:10px;font-size:14px;margin-bottom:9px}.result-details strong{white-space:nowrap}.profit-box{background:var(--lime);color:var(--ink);padding:19px 22px;border-radius:19px;display:flex;justify-content:space-between;align-items:center;margin-top:auto;gap:10px}.profit-box span{display:block;font-size:14px}.profit-box strong{display:block;font-size:34px;letter-spacing:-1px;overflow-wrap:anywhere}.profit-box .profit-star{font-size:49px;line-height:1}.profit-note{font-size:11px;text-align:center;margin:9px 0 22px}.batch{border-top:1px solid #a58af2;padding-top:16px;font-size:12px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.breakdown{margin-top:22px;padding:24px 28px}.breakdown .section-title{margin-bottom:18px}.cost-items{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.cost-items>div{display:grid;grid-template-columns:10px 1fr;align-items:center;column-gap:7px;font-size:12px;color:var(--muted)}.cost-items strong{grid-column:2;color:var(--ink);font-size:19px;margin-top:3px;overflow-wrap:anywhere}.dot{height:8px;width:8px;border-radius:50%}.violet{background:var(--purple)}.cyan{background:#25acd9}.rose{background:#e175b7}.lime{background:#99c42c}.yellow{background:#e1b532}.settings{margin-top:20px;scroll-margin-top:20px}summary{display:flex;justify-content:space-between;align-items:center;padding:22px 28px;list-style:none}summary::-webkit-details-marker{display:none}summary b{font-size:15px}summary small{display:block;font-size:12px;color:var(--muted)}.expand{font-size:26px;font-weight:300}details[open] .expand{transform:rotate(45deg)}.settings-body{padding:0 28px 26px}.settings-note{font-size:14px;color:var(--muted);margin-top:0}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px 18px}.settings-grid input{width:100%;min-height:46px;border:1px solid #dcd6e9;border-radius:10px;padding:9px 12px;color:var(--ink);background:#fbfaff}.settings-grid small{display:block;font-size:12px;margin-top:5px;color:var(--muted)}.formula{font-size:13px;background:#f7f6fb;padding:16px;border-radius:12px;margin:22px 0 12px}.formula p{margin:7px 0}#save-status{font-size:12px;color:var(--muted)}.error{margin-top:18px;padding:12px;background:#fff0cc;color:#684500;border-radius:12px;font-size:14px}input[aria-invalid=true]{outline:2px solid #a96800!important;outline-offset:2px}footer{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:var(--muted);padding:25px 0 30px}@media(max-width:800px){.shell{padding:0 20px}.workspace{grid-template-columns:1fr 1fr;gap:15px}.inputs,.result{padding:22px}.section-title{gap:8px}h2{font-size:18px}.tag{display:none}.markups button b{font-size:20px}.markups{gap:6px}.cost-items{gap:9px}.intro h1{font-size:40px}.brand-tail{display:none}.result-details>div{font-size:12px}}@media(max-width:620px){header{height:78px}.shell{padding:0 16px}.brand{font-size:23px}.intro{padding:26px 0 24px}.eyebrow{font-size:9px;letter-spacing:1px}.intro h1{font-size:33px;letter-spacing:-1px}.intro p{font-size:14px}.sticker{margin:0 3px 0 10px;padding:14px 13px;border-radius:20px;font-size:8px}.sticker b{font-size:18px}.sticker span{font-size:22px}.workspace{grid-template-columns:1fr;gap:18px}.inputs{padding:22px}.tag{display:block}.section-title{gap:10px}h2{font-size:19px}.markups button b{font-size:24px}.markups button{padding:13px 4px}.price{font-size:64px}.result{padding:25px}.result-head{margin-bottom:18px}.result-details>div{font-size:14px}.profit-box strong{font-size:36px}.breakdown{padding:22px}.cost-items{grid-template-columns:1fr 1fr;row-gap:18px}.cost-items>div{font-size:12px}.settings-grid{grid-template-columns:1fr 1fr;gap:18px 12px}.settings-grid label{font-size:13px}summary{padding:20px 22px}.settings-body{padding:0 22px 22px}footer{flex-direction:column;gap:4px}.profit-note{font-size:12px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}@media(min-width:1000px){.intro{padding-top:35px}.inputs{padding:28px 30px}}

.markups{grid-template-columns:1fr}

.time-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.time-fields .input-wrap{padding-left:10px;padding-right:10px;gap:4px;min-width:0}.time-fields .input-wrap span{font-size:12px}.time-fields input{min-width:0}@media(max-width:350px){.field-grid{grid-template-columns:1fr}.time-fields{gap:12px}}