@charset "UTF-8";.bakers-percentage-block{max-width:800px;margin:30px auto;padding:22px;background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.06),0 10px 20px rgba(0,0,0,.02)}.bakers-percentage-block .bakers-percentage-title{margin-top:0;margin-bottom:20px;font-size:1.65em;color:#222;text-align:center;font-weight:700;letter-spacing:.2px}.bakers-percentage-block .bakers-percentage-controls{margin-bottom:22px;padding:18px;background:#f8f9fb;border:1px solid #eef1f4;border-radius:10px}.bakers-percentage-block .bakers-percentage-controls .calculator-hint{margin:15px 0 0 0;padding:12px 15px;background:#fff9e6;border-left:4px solid #ffa000;border-radius:4px;color:#666;font-size:.9em;line-height:1.5}.bakers-percentage-block .bakers-percentage-controls .scale-control .scale-track-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.bakers-percentage-block .bakers-percentage-controls .scale-control label{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-weight:600;color:#555}.bakers-percentage-block .bakers-percentage-controls .scale-control .scale-label{font-size:1.1em}.bakers-percentage-block .bakers-percentage-controls .scale-control .scale-value{font-size:1.3em;color:#ffa000;font-weight:700;min-width:60px;text-align:right}.bakers-percentage-block .bakers-percentage-controls .scale-control .scale-slider{width:100%;height:8px;border-radius:4px;background:linear-gradient(90deg,#e9ecef,#e3e7ea);outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.bakers-percentage-block .bakers-percentage-controls .scale-control .scale-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#ffa000;cursor:pointer;-webkit-transition:background .2s;transition:background .2s}.bakers-percentage-block .bakers-percentage-controls .scale-control .scale-slider::-webkit-slider-thumb:hover{background:#ff8f00}.bakers-percentage-block .bakers-percentage-controls .scale-control .scale-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#ffa000;cursor:pointer;border:none;-moz-transition:background .2s;transition:background .2s}.bakers-percentage-block .bakers-percentage-controls .scale-control .scale-slider::-moz-range-thumb:hover{background:#ff8f00}.bakers-percentage-block .bakers-percentage-controls .scale-control .scale-reset{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:0 0;color:#444;border:1px solid #e2e6ea;border-radius:9999px;font-weight:700;letter-spacing:.1px;cursor:pointer;transition:background .15s ease,transform 60ms ease,border-color .15s ease}.bakers-percentage-block .bakers-percentage-controls .scale-control .scale-reset::before{content:"↺";font-size:1.05em;line-height:1}.bakers-percentage-block .bakers-percentage-controls .scale-control .scale-reset:hover{background:#f3f5f7;border-color:#d9dee3}.bakers-percentage-block .bakers-percentage-controls .scale-control .scale-reset:active{transform:translateY(1px)}.bakers-percentage-block .bakers-percentage-controls .scale-control .scale-reset:focus{outline:0;box-shadow:0 0 0 3px rgba(140,150,160,.15)}.bakers-percentage-block .bakers-percentage-table{border-radius:10px;overflow:hidden;border:1px solid #eef1f4}.bakers-percentage-block .bakers-percentage-total{margin-top:12px;padding:12px 16px;background:#fff9e6;border-left:4px solid #ffa000;border-radius:6px;display:flex;justify-content:space-between;align-items:baseline;font-weight:700;color:#333}.bakers-percentage-block .bakers-percentage-total .total-label{opacity:.9}.bakers-percentage-block .bakers-percentage-total .total-amount-wrap .total-amount{font-variant-numeric:tabular-nums}.bakers-percentage-block .bakers-percentage-total .total-amount-wrap .ingredient-unit{margin-left:6px;font-weight:600;color:#666}.bakers-percentage-block .bakers-percentage-header{display:grid;grid-template-columns:2fr 1.5fr 1fr;gap:15px;padding:12px 20px;background:0 0;color:#555;font-weight:600;font-size:.95em;border-bottom:1px solid #eef1f4;align-items:center}.bakers-percentage-block .bakers-percentage-row{display:grid;grid-template-columns:2fr 1.5fr 1fr;gap:15px;padding:15px 20px;background:#fff;border-bottom:1px solid #f0f2f5;align-items:center;transition:background .2s}.bakers-percentage-block .bakers-percentage-row:hover{background:#f9fafb}.bakers-percentage-block .bakers-percentage-row:last-child{border-bottom:none}.bakers-percentage-block .bakers-percentage-row.is-base{background:#fff8e1;border-left:4px solid #ffa000}.bakers-percentage-block .bakers-percentage-row.is-base:hover{background:#fff3cd}.bakers-percentage-block .bakers-percentage-row.is-base .ingredient-name{font-weight:600}.bakers-percentage-block .bakers-percentage-row.is-base .base-indicator{background:#ffa000}.bakers-percentage-block .bakers-percentage-row.is-totaste{background:#f5f5f5;opacity:.9}.bakers-percentage-block .bakers-percentage-row.is-totaste:hover{background:#efefef}.bakers-percentage-block .bakers-percentage-row.is-totaste .ingredient-name{font-style:italic;color:#666}.bakers-percentage-block .bakers-percentage-row.is-totaste .totaste-indicator{background:#888;font-style:normal}.bakers-percentage-block .bakers-percentage-row.is-pertotal{background:#e8f5e9;opacity:.95}.bakers-percentage-block .bakers-percentage-row.is-pertotal:hover{background:#c8e6c9}.bakers-percentage-block .bakers-percentage-row.is-pertotal .ingredient-name{color:#2e7d32}.bakers-percentage-block .bakers-percentage-row.is-pertotal .pertotal-indicator{background:#4caf50}.bakers-percentage-block .ingredient-name{font-size:1.05em;color:#333;display:flex;justify-content:space-between;align-items:center}.bakers-percentage-block .ingredient-indicator{display:inline-block;width:95px;padding:10px 8px;color:#fff;border-radius:3px;font-size:.75em;font-weight:700;text-transform:uppercase;white-space:nowrap;text-align:center;line-height:1}.bakers-percentage-block .ingredient-amount{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bakers-percentage-block .ingredient-amount .ingredient-amount-input{width:80px;padding:8px 10px;border:1px solid #ccc;border-radius:4px;font-size:1em;text-align:right;transition:border-color .2s}.bakers-percentage-block .ingredient-amount .ingredient-amount-input:focus{outline:0;border-color:#ffa000;box-shadow:0 0 0 2px rgba(255,160,0,.1)}.bakers-percentage-block .ingredient-amount .ingredient-amount-input:hover{border-color:#999}.bakers-percentage-block .ingredient-amount .ingredient-unit{font-weight:600;color:#666;min-width:25px}.bakers-percentage-block .ingredient-amount .pertotal-amount{font-weight:600;color:#2e7d32;font-size:1em}.bakers-percentage-block .ingredient-amount .ingredient-note{color:#777;font-size:.9em;margin-left:6px;display:inline-flex;align-items:center;gap:6px}.bakers-percentage-block .ingredient-amount .ingredient-note .ingredient-note-badge{display:inline-block;padding:2px 6px;font-size:.75em;font-weight:700;color:#555;background:#eee;border-radius:4px;text-transform:uppercase;letter-spacing:.3px}.bakers-percentage-block .ingredient-percentage{text-align:center;font-size:1.1em;font-weight:600;color:#555;font-variant-numeric:tabular-nums}@media (max-width:640px){.bakers-percentage-block{padding:15px;margin:20px auto}.bakers-percentage-block .bakers-percentage-title{font-size:1.4em;margin-bottom:15px}.bakers-percentage-block .bakers-percentage-controls{padding:12px;margin-bottom:15px}.bakers-percentage-block .bakers-percentage-controls .calculator-hint{font-size:.85em;padding:10px 12px}.bakers-percentage-block .bakers-percentage-controls .scale-control .scale-track-row{gap:8px}.bakers-percentage-block .bakers-percentage-controls .scale-control .scale-reset{padding:6px 12px;font-size:.9em}.bakers-percentage-block .bakers-percentage-table{border:none;overflow-x:auto}.bakers-percentage-block .bakers-percentage-header{grid-template-columns:2fr 1.2fr .8fr;gap:8px;padding:10px 12px;font-size:.9em;writing-mode:horizontal-tb;align-items:center}.bakers-percentage-block .bakers-percentage-header>div{word-break:break-word;hyphens:auto}.bakers-percentage-block .bakers-percentage-row{grid-template-columns:2fr 1.2fr .8fr;gap:8px;padding:12px;font-size:.95em}.bakers-percentage-block .bakers-percentage-row.is-base{border-left-width:4px}.bakers-percentage-block .ingredient-name{font-size:1em;display:block}.bakers-percentage-block .ingredient-name .ingredient-indicator{display:block;margin-top:4px;margin-left:0;font-size:.7em;padding:8px 6px}.bakers-percentage-block .ingredient-amount{gap:4px;flex-direction:row;flex-wrap:nowrap;align-items:center}.bakers-percentage-block .ingredient-amount .ingredient-amount-input{width:70px;padding:6px 8px;font-size:.95em}.bakers-percentage-block .ingredient-amount .ingredient-unit{min-width:auto}.bakers-percentage-block .ingredient-amount .ingredient-note{display:block;width:100%;margin-left:0;margin-top:4px;font-size:.85em}.bakers-percentage-block .ingredient-percentage{font-size:1em;text-align:right;display:flex;align-items:center;justify-content:flex-end}.bakers-percentage-block .bakers-percentage-total{margin-top:15px;padding:12px 15px;flex-direction:row;justify-content:space-between}.bakers-percentage-block .bakers-percentage-total .total-label{font-size:1em}.bakers-percentage-block .bakers-percentage-total .total-amount-wrap .total-amount{font-size:1.1em}}@media (max-width:380px){.bakers-percentage-block .ingredient-amount{flex-direction:column;flex-wrap:wrap;align-items:flex-start}}@media print{.bakers-percentage-block{box-shadow:none;border:1px solid #000}.bakers-percentage-block .bakers-percentage-controls{display:none}.bakers-percentage-block .ingredient-amount-input{border:none;padding:0;background:0 0}}