:root{--purple:#7856a2;--purple-dark:#543b75;--purple-light:#f0e9f6;--ink:#38323f;--muted:#817889;--line:#ede8ee;--paper:#fffdfb;--pink:#edc6d2;--mint:#c5ddd3;--yellow:#f5e5b5;--bg:#faf8f6;--font:'Trebuchet MS','Segoe UI',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:var(--font);background:var(--bg);font-size:14px;line-height:1.55}button,input,select,textarea{font:inherit}button,a,input,select,summary{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{transition:background .15s,transform .15s,box-shadow .15s}button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #aa8acb;outline-offset:4px}button:disabled{opacity:.45;cursor:not-allowed}.svg-library{position:absolute;width:0;height:0;overflow:hidden}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[hidden]{display:none!important}.sidebar{width:242px;background:#f2edf7;border-right:1px solid #e9e1ef;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:37px 20px 20px;z-index:10}.brand{display:flex;align-items:center;gap:12px;padding-left:10px;line-height:1.05;font-size:22px;letter-spacing:-.8px;color:#634681}.brand strong{font-size:29px;font-weight:800}.brand-mark{font-size:51px;color:#aa8cc4;line-height:1}.brand-dot{color:#cf91a7}.brand-caption{font-size:8px;font-weight:700;letter-spacing:1.6px;padding:20px 0 34px 11px;color:#94829f}.sidebar nav{display:grid;gap:9px}.nav-link{padding:13px 11px;display:flex;align-items:center;gap:10px;color:#7e6e89;font-size:12px;font-weight:600;border-radius:10px;white-space:nowrap}.nav-link svg{width:18px}.nav-link:hover{background:#e9dff1}.nav-link.active{background:#fff;color:var(--purple-dark);box-shadow:0 3px 14px #6e468008}.count{font-size:10px;background:#ede5f5;border-radius:6px;padding:1px 6px;margin-left:auto}.sidebar-note{margin:auto 7px 32px;background:#e7dfed;padding:23px 16px 20px;border-radius:70px 70px 10px 10px;text-align:center;color:#83708f}.tiny-flower{font-size:43px;line-height:1;color:#af96c2}.sidebar-note p{font-size:14px;line-height:1.6;margin:12px 0 9px}.sidebar-note strong{color:#6c537e;font-weight:600}.sidebar-note>span:last-child{font-size:10px;display:block}.sidebar-footer{font-size:9px;display:flex;justify-content:center;align-items:center;gap:5px;color:#8d7c9c}.status-dot{width:6px;height:6px;background:#87aa96;border-radius:50%}.workspace{margin-left:242px}.topbar{height:82px;display:flex;justify-content:space-between;align-items:center;padding:0 44px;border-bottom:1px solid var(--line);background:#fffdfb}.topbar>span{font-size:12px;color:#8f8396}.maker{display:flex;gap:10px;align-items:center;font-size:12px;font-weight:700}.maker small{display:block;font-size:9px;color:#9b909e;font-weight:400}.avatar{display:grid;place-items:center;background:#e7dfed;border:4px solid #f5f1f7;width:40px;height:40px;border-radius:50%;color:var(--purple);font-size:15px}main{max-width:1450px;margin:auto;padding:35px 44px 0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px;min-height:116px}.eyebrow{font-size:9px;letter-spacing:1.6px;color:#9b83b0;font-weight:700;margin-bottom:10px}h1{font-size:clamp(24px,2.35vw,34px);letter-spacing:-1.05px;font-weight:700;line-height:1.25;margin:0 0 10px}h1>span{color:#b38bc8}.page-heading p{margin:0;color:#8c8191;font-size:12px}.mobile-break{display:none}.heading-doodle{width:115px;height:100px;margin-right:20px}.heading-doodle svg{width:100%;height:100%;stroke:none}.examples{display:flex;gap:18px;align-items:center;margin-bottom:25px;flex-wrap:wrap}.examples>span{font-size:10px;color:#8b7e92}.example-options{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid #e4dbe9;border-radius:8px;background:#fffcfa;padding:7px 12px;color:#8d7c98;font-size:11px;line-height:1.5}.chip:hover{border-color:#aa8fc1;background:#f6effa}.chip.selected{background:#e9e0f1;border-color:#d6c5e3;color:#73568b}.chip.plain{border-style:dashed}.calculator-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:25px;align-items:start}#pricing-form{display:grid;gap:19px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:23px 24px;box-shadow:0 3px 10px #39273f02}.panel-title{display:flex;align-items:center;gap:12px;margin-bottom:22px}.step{font-size:11px;font-weight:700;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;flex-shrink:0}.purple{color:#8465a0;background:#eee6f4}.pink{background:#f8e8ed;color:#bd8ba0}.mint{background:#e4f0e9;color:#759c8a}.yellow{background:#fbf1d8;color:#b59b54}h2{font-size:15px;font-weight:700;margin:0;letter-spacing:-.2px}.panel-title p{margin:3px 0 0;color:#9b919f;font-size:10px}label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#726678;font-weight:600}input,select,textarea{border:1px solid #e5dfe8;border-radius:7px;background:#fffdfa;min-width:0;width:100%;padding:11px 12px;color:#4d4059;font-size:12px;outline:none;line-height:1.4;transition:border .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:#a88bc1;box-shadow:0 0 0 3px #a88bc119;background:#fff}input::placeholder,textarea::placeholder{color:#b0a4b5}input[aria-invalid=true]{border-color:#c16d79}.product-fields{display:grid;grid-template-columns:1fr 135px;gap:16px}.field-hint{font-size:9px;color:#a094a5;font-weight:400;line-height:1.5}.example-note{display:flex;gap:6px;align-items:center;margin-top:13px;font-size:9px;color:#a58eb4}.example-note svg{width:13px;height:13px}.material-explain{font-size:10px;color:#958a9b;margin:-7px 0 18px;line-height:1.7}.material-explain strong{font-weight:600;color:#7e638f}.table-wrap{margin:0 -9px;overflow:auto}.materials-table{width:100%;border-collapse:collapse;table-layout:fixed}.materials-table th{font-size:8px;text-align:left;color:#a497ac;font-weight:400;white-space:normal;line-height:1.3;padding:0 5px 9px}.materials-table th:nth-child(1){width:28%}.materials-table th:nth-child(2){width:17%}.materials-table th:nth-child(3){width:16%}.materials-table th:nth-child(4){width:17%}.materials-table th:nth-child(5){width:16%;text-align:right}.materials-table th:nth-child(6){width:6%}.materials-table td{padding:5px;vertical-align:middle}.materials-table input{font-size:10px;padding:10px 7px;border-radius:6px;min-height:36px}.materials-table td:nth-child(5){text-align:right;font-size:10px;font-weight:600;white-space:nowrap;color:#8a719d}.icon-button{border:0;background:transparent;color:#b5a6bf;border-radius:6px;padding:5px;display:inline-flex;justify-content:center;align-items:center;font-size:22px}.icon-button:hover{background:#f7e7eb;color:#a55f73}.icon-button svg{width:14px;height:14px}.text-button{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:#9570af;font-weight:600;background:transparent;border:0;padding:10px 0;margin-top:4px}.text-button svg{width:14px;height:14px}.losses-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding-top:17px;border-top:1px dashed #ede7f0}.losses-row>label{font-size:10px;gap:3px}.inline-hint{display:block;color:#a698ad;font-size:9px;font-weight:400}.suffix-field{display:flex;align-items:center;border:1px solid #e5dfe8;border-radius:7px;background:#fffdfa;overflow:hidden}.suffix-field:focus-within{border-color:#a88bc1;box-shadow:0 0 0 3px #a88bc119}.suffix-field input{border:0;border-radius:0;background:transparent;box-shadow:none!important}.suffix-field>span{padding-right:12px;font-size:10px;color:#a293ac;font-weight:400}.losses-row>.suffix-field{width:80px}.mini-total{display:flex;align-items:center;justify-content:space-between;margin:17px -24px -23px;padding:13px 24px;background:#f6f2f8;border-radius:0 0 14px 14px;font-size:10px;color:#8d7b9c}.mini-total strong{font-size:13px;color:#79568f}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}.three-cols{display:grid;grid-template-columns:1fr 1fr 1fr;gap:13px}.hour-banner{display:flex;align-items:center;gap:10px;background:#eef5f0;padding:13px 14px;border-radius:8px;margin-top:18px;font-size:11px;color:#789480}.hour-banner>svg{width:17px;height:17px}.hour-banner small{display:block;font-size:9px;font-weight:400;color:#93a397;margin-top:2px}.hour-banner strong{font-weight:700;color:#668673}.hour-config{display:flex;align-items:center;gap:5px;margin-left:auto;font-size:9px}.hour-config svg{width:13px;height:13px}.advanced{border-top:1px dashed #ede7f0;margin-top:19px;padding-top:15px}.advanced summary{font-size:10px;color:#9a83ac;cursor:pointer}.advanced .two-cols{margin:17px 0}.rounding-label{max-width:350px}.result-column{position:sticky;top:24px;display:grid;gap:18px}.result-card{background:#f0e9f6;border:1px solid #e2d7ec;padding:27px 24px 18px;border-radius:17px;color:#715688;box-shadow:0 7px 24px #5f3c7905}.result-eyebrow{display:flex;gap:7px;align-items:center;font-size:8px;letter-spacing:1.2px;color:#ad96bd;font-weight:600;margin-bottom:24px}.result-eyebrow svg{width:15px;height:15px}.price-label{font-size:11px;color:#9a80ae}.hero-price{font-size:43px;color:#6e4d8d;letter-spacing:-1.7px;font-weight:700;line-height:1.25;margin:8px 0 7px;overflow-wrap:anywhere}.hero-price .currency{font-size:22px;margin-right:4px;letter-spacing:-.5px}.order-total{font-size:9px;color:#ad96bc;line-height:1.8}.order-total strong{font-weight:600;color:#9473ab}.total-divider{padding:0 5px;color:#cebcd9}.result-line{height:1px;background:#e0d4e9;margin:23px 0 21px}.result-card h3{font-size:11px;font-weight:600;margin:0 0 15px;color:#9276a5}.breakdown{display:grid;gap:10px;font-size:10px}.breakdown>div{display:flex;align-items:center;justify-content:space-between;gap:9px}.breakdown span{display:flex;align-items:center;color:#9a83ac}.breakdown strong{font-weight:500;color:#8a6e9f;white-space:nowrap}.dot{width:6px;height:6px;display:inline-block;margin-right:6px;border-radius:50%}.material-dot{background:#c7b3dc}.losses-dot{background:#e2bacb}.labor-dot{background:#a8c3b5}.overhead-dot{background:#ddcd9b}.breakdown .cost-subtotal{border-top:1px dashed #dacee2;padding-top:11px;margin-top:3px}.cost-subtotal span,.cost-subtotal strong{color:#7d5d94;font-weight:600}.profit-box{background:#e0e9e0;border:1px solid #d3e0d2;padding:15px 14px;border-radius:9px;margin:20px 0 13px;color:#789475}.profit-box>div{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px}.profit-box strong{font-size:19px;color:#60825e;letter-spacing:-.6px}.profit-box small{font-size:9px;display:block;color:#8eaa8b;margin-top:5px}.price-composition{height:5px;display:flex;border-radius:5px;overflow:hidden;gap:2px;margin-top:17px}.price-composition span{height:100%;min-width:0}.result-footnote{font-size:8px;line-height:1.6;color:#aa92ba;margin:10px 0 20px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;min-height:42px;padding:11px 17px;font-size:11px;font-weight:600;border:1px solid transparent}.primary{color:white;background:#8763a9;border-color:#8763a9;box-shadow:0 3px 8px #754a9614}.primary:hover{background:#745092}.primary svg{width:16px;height:16px}.full{width:100%}.secondary{background:white;border-color:#e3dbe9;color:#8a6b9f}.secondary:hover{background:#f2ebf8}.secondary svg{width:15px;height:15px}.result-actions{display:flex;justify-content:space-between;gap:10px;margin:12px -2px 0}.result-actions button{display:flex;align-items:center;justify-content:center;gap:4px;border:0;padding:5px 0;font-size:8px;color:#9e85b1;background:transparent}.result-actions button:hover{color:#65467c}.result-actions svg{width:12px;height:12px}.tip-card{border:1px solid #e9e0d0;background:#fbf6ea;border-radius:13px;display:flex;gap:10px;padding:18px;color:#ae986f}.tip-icon{color:#d3b776;font-size:19px;line-height:1.4}.tip-card h3{font-size:11px;margin:0 0 7px;font-weight:600;color:#a08a66}.tip-card p{font-size:9px;margin:0 0 12px;line-height:1.7;color:#b09d7d}.money-input{display:flex;align-items:center;background:#fffdf9;border:1px solid #e9dfcb;border-radius:6px}.money-input span{font-size:10px;padding-left:10px;color:#c2b191}.money-input input{border:0;background:transparent;box-shadow:none;font-size:11px;padding:9px}.simulation-result{font-size:10px;margin-top:8px;color:#9b8968;min-height:17px}.simulation-result.positive{color:#62825e}.simulation-result.negative{color:#b45f65}.tip-card small{font-size:8px;display:block;line-height:1.8;margin-top:8px;color:#b3a283}.tip-card small strong{font-weight:600}.care-note{text-align:center;font-size:10px;color:#b8a7bd;padding:5px}.main-footer{display:flex;justify-content:space-between;align-items:center;padding:35px 0 25px;margin-top:22px;border-top:1px solid var(--line);font-size:9px;color:#b2a4b9}.main-footer>span:first-child{font-size:11px;font-weight:600;letter-spacing:-.3px;color:#a18cae}.footer-flower{color:#b39ac5}.narrow{max-width:820px}.narrow .page-heading{margin-bottom:28px}.narrow .panel{padding:28px}#settings-form{display:grid;gap:22px}#settings-form>label{font-size:12px}#settings-form input{margin-top:1px;max-width:300px}#settings-form .field-hint{max-width:580px;font-size:10px}#settings-form .primary{justify-self:start}.hour-results{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:#f3eef7;padding:20px;border-radius:10px}.hour-results span{display:block;color:#aa93ba;font-size:11px}.hour-results strong{display:block;margin-top:5px;font-size:24px;color:#7e5c99}.explanation-card{background:#edf3ed;color:#879886;padding:22px 26px;border-radius:12px;font-size:12px;margin-top:20px}.explanation-card h3{font-size:13px;margin:0 0 8px;color:#718c70}.explanation-card p:last-child{margin-bottom:0}.help-stack{display:grid;gap:14px}.help-stack .panel{padding:20px 24px}.help-stack summary{font-size:14px;cursor:pointer;font-weight:600;color:#836396}.help-stack p{font-size:12px;color:#96869f;line-height:1.8}.formula{padding:16px;background:#f2ecf6;border-radius:8px;font-size:12px;color:#826295}.saved-toolbar{display:flex;gap:10px;flex-wrap:wrap}.search-field{flex:1;min-width:200px;justify-content:center}.search-field input{background:white}.storage-note{font-size:10px;color:#a292ad;margin:14px 0 25px}.saved-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px}.saved-card{border:1px solid var(--line);background:var(--paper);border-radius:13px;padding:23px;position:relative}.saved-card-header{display:flex;align-items:start;justify-content:space-between;gap:8px}.saved-card-header h2{font-size:16px;overflow-wrap:anywhere}.saved-card small{font-size:10px;color:#ab9cb5}.saved-card .saved-price{font-size:29px;font-weight:700;color:#8561a1;letter-spacing:-1px;margin:18px 0 0}.saved-price small{font-size:11px;font-weight:400;letter-spacing:0}.saved-meta{font-size:11px;display:flex;justify-content:space-between;color:#9b87a7;margin:10px 0 18px}.saved-actions{display:flex;gap:8px;align-items:center}.saved-actions .secondary{min-height:33px;font-size:10px;padding:6px 12px}.empty-state{grid-column:1/-1;padding:65px 30px;text-align:center;border:1px dashed #ddd1e5;border-radius:16px;background:#fffdfb}.empty-state>span{font-size:38px;color:#b69bc8}.empty-state h2{font-size:19px;color:#85679a;margin:12px 0}.empty-state p{font-size:12px;color:#ac9cb5}.empty-state .primary{margin-top:12px}.toast{position:fixed;bottom:25px;left:calc(50% + 100px);transform:translateX(-50%);background:#635075;color:white;box-shadow:0 7px 25px #55406d33;max-width:calc(100% - 28px);padding:13px 21px;border-radius:10px;font-size:12px;z-index:100;min-width:200px;text-align:center}.error-box{background:#fae9ec;border:1px solid #efcdd3;color:#ad6676;padding:13px;border-radius:8px;font-size:11px;margin-bottom:16px}.error-box p{margin:4px 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{border:1px solid #e4d9eb;background:#fffcfa;color:var(--ink);border-radius:16px;box-shadow:0 15px 70px #3c264833;padding:28px;max-width:440px;width:calc(100% - 32px)}dialog::backdrop{background:#36234366;backdrop-filter:blur(2px)}dialog h2{font-size:19px}dialog p{font-size:12px;color:#9d87ab}.dialog-actions{display:flex;gap:9px;justify-content:flex-end;margin-top:25px}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}#quote-text{font-size:13px;line-height:1.8;background:white;resize:vertical}body:has(dialog[open]){overflow:hidden}
@media(min-width:1500px){.calculator-layout{grid-template-columns:minmax(0,1fr) 365px;gap:30px}.materials-table th{font-size:9px}.materials-table input{font-size:11px}.hero-price{font-size:48px}}
@media(max-width:1200px){.sidebar{width:210px;padding:31px 12px 18px}.workspace{margin-left:210px}.brand{font-size:19px}.brand strong{font-size:26px}.brand-mark{font-size:44px}.brand-caption{font-size:7px;letter-spacing:1.3px}.nav-link{font-size:11px;padding:12px 9px;gap:8px}main{padding:28px 27px 0}.topbar{padding:0 27px}.calculator-layout{gap:19px;grid-template-columns:minmax(0,1fr) 290px}.panel{padding:21px 18px}.mini-total{margin:17px -18px -21px;padding:13px 18px}.result-card{padding:24px 20px 18px}.hero-price{font-size:39px}.three-cols{gap:8px}.three-cols label{font-size:10px}.heading-doodle{width:90px;margin-right:0}.product-fields{grid-template-columns:1fr 100px}.materials-table th:nth-child(1){width:27%}.materials-table th:nth-child(5){width:17%}.materials-table input{padding:10px 5px;font-size:9px}.materials-table td:nth-child(5){font-size:9px}.materials-table th{font-size:7px}.result-actions button{font-size:7px}}
@media(max-width:1050px) and (min-width:761px){.calculator-layout{grid-template-columns:minmax(0,1fr) 272px;gap:16px}.sidebar{width:190px}.workspace{margin-left:190px}main{padding:24px 20px 0}.topbar{padding:0 20px}.panel{padding:20px 16px}.mini-total{margin:17px -16px -20px;padding:13px 16px}.three-cols{grid-template-columns:1fr 1fr}.three-cols>label:last-child{grid-column:1/-1}.three-cols>label:last-child>.suffix-field{max-width:130px}.materials-table{min-width:410px}.product-fields{grid-template-columns:1fr 80px;gap:10px}.two-cols{gap:10px}.hour-banner{padding:12px 10px}.hour-config{font-size:8px}.hour-config svg{display:none}.hero-price{font-size:35px}h1{font-size:26px}.heading-doodle{display:none}.sidebar-note{padding:20px 10px}}
@media(max-width:760px){.sidebar{position:static;width:100%;padding:18px 19px 0;border-right:0;border-bottom:1px solid #e6dceb;display:block}.brand{font-size:16px;line-height:1.05;padding:0;gap:8px;display:inline-flex}.brand strong{font-size:22px}.brand-mark{font-size:38px}.brand-caption{display:inline-block;font-size:7px;letter-spacing:1px;padding:0;float:right;margin-top:17px}.sidebar nav{display:flex;gap:6px;margin-top:18px;overflow-x:auto;padding-bottom:12px;scrollbar-width:none}.nav-link{padding:10px 10px;font-size:10px;gap:6px;flex-shrink:0}.nav-link svg{width:15px;height:15px}.nav-link .count{padding:0 4px}.sidebar-note,.sidebar-footer{display:none}.workspace{margin:0}.topbar{height:52px;padding:0 20px;background:#faf8f6;border:0}.topbar>span{font-size:10px}.maker{font-size:10px}.maker small{display:none}.avatar{width:27px;height:27px;font-size:10px;border-width:2px}.maker{gap:6px}main{padding:17px 18px 0}.page-heading{margin-bottom:20px;min-height:100px;gap:6px}.eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:9px}h1{font-size:28px;letter-spacing:-.8px;line-height:1.23}.mobile-break{display:block}.page-heading p{font-size:10px;line-height:1.8;max-width:255px}.heading-doodle{width:82px;height:85px;flex-shrink:0;margin-right:0}.examples{gap:10px;margin-bottom:21px}.examples>span{font-size:9px}.example-options{gap:6px}.chip{font-size:10px;padding:7px 10px}.calculator-layout{display:flex;flex-direction:column;gap:20px}.calculator-layout>form,.result-column{width:100%}.result-column{position:static}.panel{padding:22px 18px;border-radius:12px}.panel-title{margin-bottom:19px}.panel-title h2{font-size:15px}.panel-title p{font-size:9px}.product-fields{grid-template-columns:1fr 100px;gap:12px}.field-hint{font-size:9px}.example-note{font-size:8px;line-height:1.6;align-items:flex-start}.example-note svg{margin-top:1px;flex-shrink:0}.materials-table th{font-size:8px}.materials-table th:nth-child(1){width:28%}.materials-table th:nth-child(2){width:17%}.materials-table th:nth-child(3){width:15%}.materials-table th:nth-child(4){width:17%}.materials-table th:nth-child(5){width:17%}.materials-table th:nth-child(6){width:6%}.materials-table td,.materials-table th{padding-left:3px;padding-right:3px}.materials-table input{padding:10px 4px;font-size:10px}.materials-table td:nth-child(5){font-size:9px}.table-wrap{margin:0 -7px}.materials-table .icon-button{padding:3px}.materials-table .icon-button svg{width:13px}.mini-total{margin:17px -18px -22px}.three-cols{gap:10px}.three-cols label{font-size:10px}.two-cols{gap:12px}.two-cols label{font-size:10px}.hour-config{font-size:9px}.result-card{padding:26px 25px 20px}.result-eyebrow{font-size:9px;margin-bottom:23px}.hero-price{font-size:53px}.hero-price .currency{font-size:26px}.price-label{font-size:13px}.order-total{font-size:11px}.result-card h3{font-size:12px}.breakdown{font-size:12px;gap:13px}.profit-box>div{font-size:13px}.profit-box strong{font-size:23px}.profit-box small{font-size:10px}.result-footnote{font-size:10px}.result-actions button{font-size:10px;padding:8px 0}.result-actions svg{width:14px;height:14px}.primary{font-size:12px;min-height:45px}.result-card .primary{min-height:47px}.tip-card{padding:20px}.tip-card>div{flex:1}.tip-card h3{font-size:13px}.tip-card p{font-size:11px}.tip-card small{font-size:10px}.simulation-result{font-size:12px}.money-input input{font-size:13px;padding:12px}.care-note{font-size:11px}.main-footer{padding:25px 0 20px;gap:8px;font-size:8px}.main-footer>span:first-child{font-size:10px}.toast{left:50%;bottom:18px;width:max-content;max-width:calc(100% - 28px);font-size:11px}.saved-toolbar{gap:8px}.saved-toolbar .search-field{flex-basis:100%}.saved-toolbar .secondary{flex:1;font-size:10px;padding:8px}.page-heading>.primary{padding:10px 12px;font-size:10px}.saved-grid{grid-template-columns:1fr}.narrow .panel{padding:23px 19px}.hour-results{padding:16px;gap:10px}.hour-results span{font-size:10px}.hour-results strong{font-size:23px}.help-stack .panel{padding:20px}.help-stack summary{font-size:13px}.help-stack p{font-size:12px}.explanation-card{padding:20px;font-size:11px}}
@media(max-width:370px){main{padding-left:12px;padding-right:12px}.sidebar{padding-left:14px;padding-right:14px}.brand-caption{font-size:6px}.heading-doodle{width:60px}h1{font-size:25px}.product-fields{grid-template-columns:1fr 85px}.materials-table{min-width:323px}.three-cols{grid-template-columns:1fr 1fr}.three-cols>label:last-child{grid-column:1/-1}.materials-table input{font-size:9px}.hour-banner{gap:7px}.hour-banner small{font-size:8px}}
.mobile-summary{display:none}
@media(max-width:760px){
  label,.two-cols label,.three-cols label{font-size:12px}
  input,select,textarea,.money-input input{font-size:16px;padding:12px}
  .field-hint,.inline-hint{font-size:10px}
  .panel-title p,.material-explain{font-size:11px}
  .examples>span{font-size:11px}.chip{font-size:11px}
  .example-note{font-size:10px}.mini-total{font-size:11px}
  .mobile-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border:1px solid #e0d2ec;background:#f0e8f6;border-radius:12px;padding:14px 18px;margin-bottom:20px;text-align:left;color:#9475a9;font-size:11px}
  .mobile-summary strong{display:block;color:#785291;font-size:21px;letter-spacing:-.5px;margin-top:2px}
  .mobile-summary>span:last-child{font-size:12px}
  .table-wrap{overflow:visible;margin:0}
  .materials-table,.materials-table tbody{display:block;width:100%;min-width:0}
  .materials-table thead{display:none}
  .materials-table tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px 8px;padding:14px 12px;margin-bottom:11px;background:#fcf9fc;border:1px solid #eee7f1;border-radius:10px}
  .materials-table td{display:block;padding:0;min-width:0}
  .materials-table td:first-child{grid-column:1/3;grid-row:1}
  .materials-table td:nth-child(2){grid-column:1;grid-row:2}
  .materials-table td:nth-child(3){grid-column:2;grid-row:2}
  .materials-table td:nth-child(4){grid-column:3;grid-row:2}
  .materials-table td:nth-child(2)::before{content:'Compra (R$)'}
  .materials-table td:nth-child(3)::before{content:'Qtd. comprada'}
  .materials-table td:nth-child(4)::before{content:'Uso em 1 produto'}
  .materials-table td:nth-child(2)::before,.materials-table td:nth-child(3)::before,.materials-table td:nth-child(4)::before{display:block;font-size:9px;color:#a08aad;margin-bottom:5px}
  .materials-table td:nth-child(5){grid-column:1/-1;grid-row:3;font-size:12px;color:#826098;text-align:right;border-top:1px dashed #eadfed;padding-top:9px}
  .materials-table td:nth-child(5)::before{content:'Custo por produto: ';font-weight:400;font-size:10px;color:#aa96b5}
  .materials-table td:nth-child(6){grid-column:3;grid-row:1;text-align:right;align-self:center}
  .materials-table input{font-size:16px;padding:9px 8px;background:#fff;min-height:42px}
  .materials-table .icon-button{padding:10px}
  .materials-table .icon-button svg{width:17px;height:17px}
  .text-button{font-size:12px;padding:12px 0}
  .hour-banner{font-size:12px}.hour-banner small{font-size:10px}.hour-config{font-size:10px}
  .advanced summary{font-size:12px}.rounding-label{max-width:none}
  #settings-form>label{font-size:13px}#settings-form .field-hint{font-size:11px}
  .result-card{scroll-margin-top:15px}
}
@media(max-width:370px){.materials-table tr{padding:12px 8px;gap:10px 6px}.materials-table td:nth-child(2)::before,.materials-table td:nth-child(3)::before,.materials-table td:nth-child(4)::before{font-size:8px}.materials-table input{padding:9px 6px}.hour-config svg{display:none}.three-cols{grid-template-columns:1fr 1fr}.three-cols>label:last-child{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{body{background:white!important}.sidebar,.workspace,dialog,.toast,.svg-library{display:none!important}#print-area{display:block!important;font-family:Arial,sans-serif;color:#302c35;padding:35px;max-width:850px;margin:auto}#print-area h1{font-size:28px;margin:0 0 5px}#print-area h2{font-size:20px;margin:35px 0 22px}#print-area .quote-date{font-size:11px;color:#777}#print-area table{width:100%;border-collapse:collapse;margin:30px 0}#print-area td,#print-area th{border-bottom:1px solid #ddd;padding:13px;text-align:left}#print-area th{background:#f5f1f9;font-size:12px}#print-area .quote-total{text-align:right;font-size:22px;color:#76528f}#print-area .quote-note{font-size:11px;color:#777;margin-top:35px}}