.bx-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:70px;align-items:end;margin:20px 0 40px}.bx-intro h1{font-size:clamp(48px,5.6vw,82px);line-height:1.02;margin:20px 0}.bx-intro p{font-size:15px;line-height:1.8}.bx-intro>p{max-width:400px;margin-bottom:24px}.bx-workbench{display:grid;grid-template-columns:1.1fr 1fr;border:1px solid var(--line);margin-bottom:50px}.bx-controls{padding:35px;background:#f7f1e7;min-width:0}.bx-presets{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.bx-presets button{background:none;border:1px solid var(--line);font-size:12px;min-height:44px;padding:10px 13px}.bx-presets button[aria-pressed=true]{border-color:var(--olive-text);background:var(--olive);color:var(--linen)}.bx-settings{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.bx-settings label,.bx-flour label,.bx-scale label,.bx-pan label{display:block;font-size:12px;line-height:1.5}.bx-settings select,.bx-flour input,.bx-scale input,.bx-pan input,.bx-pan select{display:block;width:100%;padding:11px 10px;margin-top:9px;border:1px solid var(--line);background:var(--linen);min-height:44px;color:var(--walnut);border-radius:0}.bx-flour{padding:18px 0;border-top:1px solid var(--walnut);border-bottom:1px solid var(--walnut);display:grid;grid-template-columns:1fr 160px;gap:22px;align-items:center;margin-bottom:16px}.bx-flour h2{font-size:31px}.bx-flour p{font-size:11px;margin:8px 0 0}.bx-ingredient{display:grid;grid-template-columns:1fr 100px 85px;gap:15px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.bx-ingredient label{font-size:13px}.bx-ingredient input{width:100%;min-height:44px;padding:9px 10px;border:1px solid var(--line);background:var(--linen);color:var(--walnut);font-variant-numeric:tabular-nums}.bx-ingredient output{font-size:13px;text-align:right;font-variant-numeric:tabular-nums}.bx-ingredient .bx-input-unit{position:relative}.bx-input-unit input{padding-right:27px}.bx-input-unit span{position:absolute;right:10px;top:12px;font-size:12px;pointer-events:none}.bx-column-labels{display:grid;grid-template-columns:1fr 100px 85px;gap:15px;font-size:10px;color:var(--olive-text);padding-top:8px}.bx-column-labels span:last-child{text-align:right}.bx-visual{padding:40px;background:var(--walnut);color:var(--linen);display:flex;flex-direction:column;min-width:0}.bx-total{margin:28px 0 5px;font:400 clamp(70px,8vw,112px)/1 var(--display);font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.055em;overflow-wrap:anywhere}.bx-total small{font:italic 30px var(--display);letter-spacing:0;text-transform:none}.bx-total-caption{font-size:11px;color:var(--oat);margin-bottom:35px}.bx-composition{display:flex;align-items:stretch;height:150px;gap:0;border-top:1px solid #f1e9dc50;border-bottom:1px solid #f1e9dc50;padding:12px 0;margin-bottom:14px;overflow:hidden}.bx-composition span{flex-basis:0;min-width:0;transition:flex-grow .5s ease,background .3s;position:relative;background:var(--ingredient);box-shadow:inset 0 12px 20px #ffffff15,inset 0 -18px 28px #342d2520}.bx-composition-caption{font-size:10px;color:var(--oat);line-height:1.6}.bx-water-reading{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #f1e9dc30;border-bottom:1px solid #f1e9dc30;padding:23px 0;margin:22px 0}.bx-water-reading strong{font:italic 48px var(--display)}.bx-water-reading span{font-size:12px;max-width:200px}.bx-role-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.bx-role-buttons button{border:1px solid #f1e9dc40;background:none;color:var(--linen);font-size:11px;min-height:44px;padding:10px 13px}.bx-role-buttons button[aria-pressed=true]{background:var(--linen);color:var(--walnut);border-color:var(--linen)}.bx-role{border-top:1px solid #f1e9dc30;padding-top:22px;margin-top:10px}.bx-role h2{font-size:36px;line-height:1.15;margin:16px 0}.bx-role p{font-size:13px;line-height:1.85;max-width:440px;color:var(--linen)}.bx-note{font-size:12px;line-height:1.85;margin-top:20px}.bx-error{color:#8c321c;border-left:3px solid #8c321c;padding:12px 16px;background:#f9e8db;font-size:13px}.bx-context{font-size:12px;line-height:1.85;padding:18px 20px;background:var(--oat);margin-top:24px}.bx-result-table{width:100%;border-collapse:collapse;font-size:13px}.bx-result-table td,.bx-result-table th{text-align:left;padding:13px 5px;border-bottom:1px solid var(--line)}.bx-result-table td:not(:first-child),.bx-result-table th:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}.bx-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:10px 0 60px}.bx-result-grid h2{font-size:42px;line-height:1.1;margin:16px 0 25px}.bx-scale{border-top:1px solid var(--walnut);padding-top:22px}.bx-scale .cta{margin:17px 0}.bx-scale-result{font-size:14px;line-height:1.9}.bx-export{background:none;border:1px solid var(--olive);color:var(--olive-text);padding:12px 18px;min-height:44px;font-size:12px;margin-top:23px}.bx-export:disabled{opacity:.45;cursor:not-allowed}.bx-detail{border-top:1px solid var(--line);padding-top:25px;font-size:13px;line-height:1.85}.bx-detail summary{cursor:pointer;font-weight:600;min-height:30px}.bx-detail p{margin-top:15px}.bx-pan-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.bx-pan fieldset{padding:28px;border:1px solid var(--line);margin:0;min-width:0}.bx-pan legend{font:italic 30px var(--display);padding:0 10px}.bx-pan-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.bx-pan-view{height:220px;display:flex;align-items:center;justify-content:center;margin:25px 0 0;border-top:1px solid var(--line);padding-top:20px}.bx-pan-shape{border:8px solid #948779;background:linear-gradient(140deg,#d8cec0,#b6a999 50%,#d8cec0);box-shadow:inset 0 0 0 2px #eae3d9,inset 0 8px 22px #342d2530,3px 12px 18px #342d251a;max-height:190px;max-width:90%;transition:width .4s,border-radius .4s;aspect-ratio:1}.bx-pan-answer{display:grid;grid-template-columns:1fr 1.4fr;gap:50px;align-items:center;background:var(--walnut);color:var(--linen);padding:40px;margin:35px 0}.bx-pan-answer strong{font:italic 80px/1.1 var(--display);display:block;margin-top:14px;overflow-wrap:anywhere}.bx-pan-answer p{font-size:15px;line-height:1.85;margin:0}.bx-pan-help{max-width:760px;margin:35px auto 60px}.bx-pan-help h2{font-size:38px;margin:30px 0 20px}.bx-pan-help p{font-size:15px;line-height:1.8}
@media(max-width:1100px){.bx-controls,.bx-visual{padding:28px}.bx-ingredient,.bx-column-labels{grid-template-columns:1fr 85px 65px;gap:12px}.bx-result-grid{gap:40px}.bx-intro{gap:35px}}
@media(max-width:760px){.bx-intro{display:block;margin-top:10px}.bx-intro h1{font-size:52px}.bx-intro>p{max-width:none}.bx-workbench{grid-template-columns:1fr;margin:0 -20px 35px;border-left:0;border-right:0}.bx-controls,.bx-visual{padding:28px 20px}.bx-flour{grid-template-columns:1fr 130px;gap:15px}.bx-flour h2{font-size:28px}.bx-column-labels,.bx-ingredient{grid-template-columns:1fr 80px 67px;gap:12px}.bx-ingredient label{font-size:12px}.bx-settings{gap:12px}.bx-settings select{font-size:12px}.bx-total{font-size:95px}.bx-composition{height:125px}.bx-result-grid{grid-template-columns:1fr;gap:35px}.bx-result-grid h2{font-size:38px}.bx-pan-grid{grid-template-columns:1fr}.bx-pan fieldset{padding:22px}.bx-pan-answer{grid-template-columns:1fr;padding:30px 24px;gap:23px}.bx-pan-answer strong{font-size:72px}.bx-pan-fields{gap:15px}.bx-pan-view{height:210px}.bx-pan-help h2{font-size:33px}.bx-pan-help p{font-size:14px}.bx-result-table{font-size:12px}.bx-role h2{font-size:33px}}
@media(max-width:380px){.bx-intro h1{font-size:45px}.bx-flour{grid-template-columns:1fr 105px}.bx-column-labels,.bx-ingredient{grid-template-columns:1fr 70px 59px;gap:8px}.bx-ingredient output{font-size:12px}.bx-presets button{font-size:11px;padding:10px}.bx-settings{grid-template-columns:1fr}.bx-total{font-size:80px}.bx-pan fieldset{padding:19px}.bx-pan-fields{gap:12px}}
@media(prefers-reduced-motion:reduce){.bx-composition span,.bx-pan-shape{transition:none}}

.bx-visual .eyebrow,.bx-pan-answer .eyebrow{color:var(--oat)}