.tools-hub-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:32px;display:grid}.tools-hub-card{background:var(--warm-card-fill);border:1px solid var(--warm-card-stroke);box-shadow:0 6px 0 0 var(--warm-card-base), 0 16px 28px -10px var(--warm-card-shadow);border-radius:24px;flex-direction:column;padding:28px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex}.tools-hub-card:hover{box-shadow:0 7px 0 0 var(--warm-card-base), 0 20px 32px -10px var(--warm-card-shadow);transform:translateY(-3px)}.tools-hub-card-icon{margin-bottom:16px;font-size:36px}.tools-hub-card-title{font-family:var(--font-serif);color:var(--text-primary);margin:0 0 8px;font-size:1.15rem;font-weight:600}.tools-hub-card-desc{color:var(--text-secondary);flex:1;margin:0 0 16px;font-size:.9rem;line-height:1.5}.tools-hub-card-cta{color:var(--accent);font-size:.875rem;font-weight:600}.tool-hero{border-radius:var(--radius-xl);align-items:flex-end;min-height:280px;margin:0 0 32px;display:flex;position:relative;overflow:hidden}.tool-hero-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.tool-hero-overlay{background:linear-gradient(#0000001a 40%,#000000b3 100%);position:absolute;inset:0}.tool-hero-content{flex-direction:column;align-items:flex-start;gap:8px;padding:32px;display:flex;position:relative}.tool-hero-badge{-webkit-backdrop-filter:blur(8px);color:#fff;text-transform:uppercase;letter-spacing:.04em;background:#ffffff26;border-radius:100px;align-items:center;gap:6px;padding:6px 14px;font-size:.75rem;font-weight:600;display:inline-flex}.tool-hero-title{font-family:var(--font-serif);color:#fff;text-shadow:0 2px 8px #0000004d;margin:0;font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.15}.tool-hero-tagline{color:#ffffffe6;text-shadow:0 1px 4px #0000004d;max-width:540px;margin:0;font-size:1.125rem;line-height:1.5}@media (width<=600px){.tool-hero{min-height:220px;margin:0 0 24px}.tool-hero-content{padding:20px}}.tool-howto-accordion{background:var(--warm-card-fill);border:1px solid var(--warm-card-stroke);box-shadow:0 4px 0 0 var(--warm-card-base), 0 10px 18px -8px var(--warm-card-shadow);border-radius:16px;margin-bottom:32px;overflow:hidden}.tool-howto-summary{color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:16px 20px;font-size:.95rem;font-weight:600;list-style:none;display:flex}.tool-howto-summary::-webkit-details-marker{display:none}.tool-howto-summary:after{content:"";background:currentColor;flex-shrink:0;width:18px;height:18px;transition:transform .2s;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") 50%/contain no-repeat}.tool-howto-accordion[open] .tool-howto-summary:after{transform:rotate(180deg)}.tool-howto-body{color:var(--text-secondary);margin:0;padding:0 20px 16px;font-size:.925rem;line-height:1.7}.tool-calc{flex-direction:column;gap:20px;display:flex}.tool-calc-tabs{background:var(--warm-card-fill);border:1px solid var(--warm-card-stroke);box-shadow:0 4px 0 0 var(--warm-card-base), 0 10px 18px -8px var(--warm-card-shadow);border-radius:18px;gap:4px;padding:4px;display:flex}.tool-calc-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:all .15s}.tool-calc-tab:hover{color:var(--text-secondary);background:var(--warm-secondary-fill)}.tool-calc-tab.active{background:var(--accent);color:#fff;box-shadow:0 3px 0 0 var(--accent-dark), 0 6px 12px -4px var(--warm-card-shadow);font-weight:600}.tool-calc-section{background:var(--warm-card-fill);border:1px solid var(--warm-card-stroke);box-shadow:0 5px 0 0 var(--warm-card-base), 0 12px 22px -10px var(--warm-card-shadow);border-radius:18px;padding:20px}.tool-calc-section-title{color:var(--text-primary);margin:0 0 12px;font-size:.875rem;font-weight:600;display:block}.tool-calc-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:.8rem;font-weight:500;display:block}.tool-calc-input{width:100%;height:46px;color:var(--text-primary);background:var(--warm-card-fill);border:1px solid var(--warm-card-stroke);box-sizing:border-box;-moz-appearance:textfield;border-radius:14px;padding:0 14px;font-family:inherit;font-size:18px;font-weight:600;transition:border-color .15s,box-shadow .15s}.tool-calc-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tool-calc-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tool-calc-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #e2544a1f}.tool-calc-select{width:100%;color:var(--text-primary);background:var(--warm-card-fill);border:1px solid var(--warm-card-stroke);cursor:pointer;appearance:auto;border-radius:14px;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .15s}.tool-calc-select:focus{border-color:var(--accent);outline:none}.tool-calc-select-full{margin-bottom:12px}.tool-calc-result{width:100%;height:46px;color:var(--accent);border:1px solid var(--border);border-left:3px solid var(--accent);box-sizing:border-box;background:#e2544a0f;border-radius:14px;align-items:center;padding:0 14px;font-size:20px;font-weight:700;display:flex}.tool-calc-inline{align-items:center;gap:8px;display:flex}.tool-calc-inline .tool-calc-input{max-width:200px}.tool-calc-unit{color:var(--text-muted);font-size:14px;font-weight:500}.tool-dropdown{width:100%;position:relative}.tool-dropdown--full{margin-bottom:12px}.tool-dropdown-trigger{box-sizing:border-box;width:100%;height:46px;color:var(--text-primary);border:1px solid var(--warm-card-stroke);cursor:pointer;text-align:left;background:#f4e5d359;border-radius:14px;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .15s;display:flex}.tool-dropdown-trigger:hover{border-color:var(--text-muted)}.tool-dropdown-trigger.open{border-color:var(--accent)}.tool-dropdown-value{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tool-dropdown-chevron{color:var(--text-muted);flex-shrink:0;transition:transform .2s}.tool-dropdown-trigger.open .tool-dropdown-chevron{color:var(--accent);transform:rotate(180deg)}.tool-dropdown-menu{z-index:50;background:var(--surface);border:1px solid var(--border);border-radius:14px;animation:.15s tool-dropdown-in;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 8px 32px #0000001f}@keyframes tool-dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tool-dropdown-search-wrap{border-bottom:1px solid var(--border);padding:8px 8px 4px;position:relative}.tool-dropdown-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:20px;transform:translateY(-34%)}.tool-dropdown-search{width:100%;color:var(--text-primary);border:1px solid var(--warm-card-stroke);background:#f4e5d359;border-radius:10px;outline:none;padding:8px 12px 8px 34px;font-family:inherit;font-size:13px;transition:border-color .15s}.tool-dropdown-search:focus{border-color:var(--accent)}.tool-dropdown-list{scrollbar-width:thin;max-height:220px;padding:4px;overflow-y:auto}.tool-dropdown-option{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;font-family:inherit;font-size:14px;transition:background .1s;display:flex}.tool-dropdown-option:hover{background:var(--surface-2)}.tool-dropdown-option.selected{color:var(--accent);font-weight:600}.tool-dropdown-option.selected svg{color:var(--accent)}.tool-dropdown-empty{color:var(--text-muted);text-align:center;padding:16px;font-size:13px}.tool-converter-calc{gap:24px}.tool-converter-workspace{grid-template-columns:minmax(0,1.36fr) minmax(300px,.86fr);align-items:start;gap:24px;display:grid}.tool-converter-controls{flex-direction:column;gap:20px;min-width:0;display:flex}.tool-converter-panel,.tool-converter-output-card{border:1px solid var(--warm-card-stroke);box-shadow:0 8px 0 0 var(--warm-card-base), 0 24px 44px -16px var(--warm-card-shadow);border-radius:22px}.tool-converter-panel{background:linear-gradient(180deg, color-mix(in srgb, var(--warm-card-fill) 88%, var(--warm-card-base)), var(--warm-card-fill));padding:24px;position:relative}.tool-converter-panel--hero{background:linear-gradient(135deg, #4a9b8e21, #e2544a14 50%, #e8a83824), var(--warm-card-fill);padding:28px}.tool-converter-panel-heading{flex-direction:column;gap:6px;margin-bottom:18px;display:flex}.tool-converter-panel-heading--row{flex-direction:row;justify-content:space-between;align-items:center;gap:16px}.tool-converter-panel-heading h2,.tool-converter-output-top h2{color:var(--text-primary);font-family:var(--font-serif);margin:0;font-size:1.45rem;line-height:1.05}.tool-converter-eyebrow{width:fit-content;color:var(--accent-secondary);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;font-size:.76rem;font-weight:800;display:inline-flex}.tool-converter-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.tool-converter-category-card{min-width:0;min-height:82px;color:var(--text-primary);border:1px solid var(--warm-card-stroke);cursor:pointer;text-align:left;background:#ffffff85;border-radius:16px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;gap:3px 10px;padding:14px;font-family:inherit;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s;display:grid;position:relative;overflow:hidden}.tool-converter-category-card:before{content:"";background:var(--accent-secondary);opacity:0;width:4px;transition:opacity .16s;position:absolute;inset:0 auto 0 0}.tool-converter-category-card:hover{border-color:color-mix(in srgb, var(--accent-secondary) 30%, var(--warm-card-stroke));background:#ffffffc7;transform:translateY(-1px)}.tool-converter-category-card.active{background:var(--warm-card-fill);border-color:color-mix(in srgb, var(--accent-secondary) 46%, var(--warm-card-stroke));box-shadow:0 5px 0 0 color-mix(in srgb, var(--accent-secondary) 34%, var(--warm-card-base)), 0 16px 24px -14px var(--warm-card-shadow);transform:translateY(-2px)}.tool-converter-category-card.active:before{opacity:1}.tool-converter-category-icon{width:38px;height:38px;color:var(--accent-secondary);background:var(--accent-secondary-soft);border:1px solid color-mix(in srgb, var(--accent-secondary) 22%, transparent);border-radius:13px;grid-row:1/span 2;place-items:center;display:grid}.tool-converter-category-card:nth-child(2) .tool-converter-category-icon{color:var(--accent);background:#e2544a17;border-color:#e2544a26}.tool-converter-category-card:nth-child(3) .tool-converter-category-icon{color:var(--warning);background:var(--warning-soft);border-color:color-mix(in srgb, var(--warning) 24%, transparent)}.tool-converter-category-name{min-width:0;color:var(--text-primary);font-size:.93rem;font-weight:800;line-height:1.15}.tool-converter-category-meta{min-width:0;color:var(--text-muted);font-size:.76rem;font-weight:700;line-height:1.25}.tool-converter-equation{grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);align-items:stretch;gap:12px;display:grid}.tool-converter-field-card{border:1px solid var(--warm-card-stroke);background:#ffffff85;border-radius:18px;flex-direction:column;gap:10px;min-width:0;padding:14px;display:flex}.tool-converter-field-card--result{border-color:color-mix(in srgb, var(--accent-secondary) 18%, var(--warm-card-stroke));background:#4a9b8e14}.tool-converter-field-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:800}.tool-converter-value-input,.tool-converter-result-display{box-sizing:border-box;width:100%;min-width:0;height:64px;color:var(--text-primary);border:1px solid color-mix(in srgb, var(--accent) 18%, var(--warm-card-stroke));font-family:var(--font-serif);background:#fffaf4;border-radius:16px;align-items:center;padding:0 14px;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;line-height:1;display:flex}.tool-converter-value-input{text-align:right;-moz-appearance:textfield}.tool-converter-value-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tool-converter-value-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tool-converter-value-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 4px #e2544a1f}.tool-converter-result-display{color:var(--accent-secondary);border-color:color-mix(in srgb, var(--accent-secondary) 24%, var(--warm-card-stroke));overflow-wrap:anywhere;justify-content:flex-end}.tool-converter-swap-btn{width:48px;height:48px;color:var(--accent);background:var(--warm-card-fill);box-shadow:0 4px 0 0 color-mix(in srgb, var(--accent) 25%, var(--warm-card-base)), 0 12px 20px -12px var(--warm-card-shadow);cursor:pointer;border:1px solid #e2544a3d;border-radius:16px;align-self:center;place-items:center;transition:transform .16s,background .16s,color .16s;display:grid}.tool-converter-swap-btn:hover{background:var(--accent);color:#fff;transform:translateY(-1px)rotate(180deg)}.tool-converter-summary{border:1px solid var(--warm-card-stroke);background:#f4e5d373;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;margin-top:14px;padding:12px 14px;display:flex}.tool-converter-summary span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:800}.tool-converter-summary strong{color:var(--text-primary);text-align:right;overflow-wrap:anywhere;font-size:.95rem;font-weight:900}.tool-converter-density-badge{min-height:32px;color:var(--accent-secondary);background:var(--accent-secondary-soft);border:1px solid color-mix(in srgb, var(--accent-secondary) 18%, transparent);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;align-items:center;padding:0 11px;font-size:.72rem;font-weight:800;display:inline-flex}.tool-converter-ingredient-hint{color:var(--text-muted);margin:10px 0 0;font-size:.84rem;line-height:1.45}.tool-converter-chips{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.tool-converter-chip{min-height:36px;color:var(--text-secondary);border:1px solid var(--warm-card-stroke);cursor:pointer;background:#ffffff80;border-radius:999px;padding:0 14px;font-family:inherit;font-size:.82rem;font-weight:600;transition:background .15s,border-color .15s,color .15s,transform .15s}.tool-converter-chip:hover{color:var(--text-primary);border-color:color-mix(in srgb, var(--accent-secondary) 25%, var(--warm-card-stroke));background:#ffffffc2;transform:translateY(-1px)}.tool-converter-chip.active{color:#fff;background:var(--accent-secondary);border-color:var(--accent-secondary);box-shadow:0 3px 0 0 color-mix(in srgb, var(--accent-secondary) 60%, var(--warm-card-base)), 0 8px 14px -10px var(--warm-card-shadow)}.tool-converter-weight-result{border:1px solid color-mix(in srgb, var(--accent-secondary) 22%, var(--warm-card-stroke));background:linear-gradient(135deg,#4a9b8e1f,#e8a8381a),#ffffff6b;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;min-height:68px;padding:14px 16px;display:flex}.tool-converter-weight-label{min-width:0;color:var(--text-secondary);overflow-wrap:anywhere;font-size:.9rem;font-weight:800}.tool-converter-weight-value{color:var(--accent-secondary);font-family:var(--font-serif);white-space:nowrap;font-size:1.8rem;font-weight:900;line-height:1}.tool-converter-output-card{color:#fff7ef;background:linear-gradient(160deg,#263434 0%,#2d2924 48%,#523226 100%);border-color:#ffffff1f;align-self:start;padding:24px;position:sticky;top:92px;overflow:hidden;box-shadow:0 8px #4a9b8e57,0 28px 54px -20px #2a23258c}.tool-converter-output-top{align-items:center;gap:12px;margin-bottom:20px;display:flex}.tool-converter-output-top h2{color:#fffaf4}.tool-converter-output-card .tool-converter-eyebrow{color:#e8a838}.tool-converter-output-icon{color:#fffaf4;background:#ffffff17;border:1px solid #ffffff21;border-radius:15px;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid}.tool-converter-result-hero{background:#ffffff14;border:1px solid #ffffff1a;border-radius:18px;margin-bottom:18px;padding:18px}.tool-converter-result-hero span{color:#fffaf4ad;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:.72rem;font-weight:600;display:block}.tool-converter-result-hero strong{color:#fffaf4;font-family:var(--font-serif);overflow-wrap:anywhere;font-size:clamp(2.2rem,5vw,3.4rem);font-weight:900;line-height:.95;display:block}.tool-converter-output-list{background:#ffffff12;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.tool-converter-output-row{border-bottom:1px solid #ffffff17;justify-content:space-between;align-items:center;gap:16px;padding:13px 14px;display:flex}.tool-converter-output-row:last-child{border-bottom:none}.tool-converter-output-row--accent{background:#4a9b8e26}.tool-converter-output-row span{color:#fffaf4d1;overflow-wrap:anywhere;min-width:0;font-size:.9rem;font-weight:700}.tool-converter-output-row strong{color:#fffaf4;text-align:right;overflow-wrap:anywhere;font-size:.95rem;font-weight:900}[data-theme=dark] .tool-converter-category-card,[data-theme=dark] .tool-converter-field-card,[data-theme=dark] .tool-converter-chip,[data-theme=dark] .tool-converter-weight-result{background:#ffffff0d}[data-theme=dark] .tool-converter-value-input,[data-theme=dark] .tool-converter-result-display{background:#ffffff0f}[data-theme=dark] .tool-converter-output-card{box-shadow:0 8px 0 0 var(--warm-card-base), 0 28px 54px -20px #000000b8}.tool-baking-calc{gap:24px}.tool-baking-workspace{grid-template-columns:minmax(0,1.45fr) minmax(300px,.85fr);align-items:start;gap:24px;display:grid}.tool-baking-controls{flex-direction:column;gap:20px;min-width:0;display:flex}.tool-baking-panel,.tool-baking-output-card{border:1px solid var(--warm-card-stroke);box-shadow:0 8px 0 0 var(--warm-card-base), 0 24px 44px -16px var(--warm-card-shadow);border-radius:22px}.tool-baking-panel{background:linear-gradient(180deg, color-mix(in srgb, var(--warm-card-fill) 88%, var(--warm-card-base)), var(--warm-card-fill));padding:24px;position:relative;overflow:hidden}.tool-baking-panel--hero{background:linear-gradient(135deg, #e2544a1c, #4a9b8e1a 46%, #e8a8381c), var(--warm-card-fill);padding:28px}.tool-baking-panel-heading{flex-direction:column;gap:6px;margin-bottom:18px;display:flex}.tool-baking-panel-heading--row{flex-direction:row;justify-content:space-between;align-items:center;gap:16px}.tool-baking-panel-heading h2,.tool-baking-output-top h2{color:var(--text-primary);font-family:var(--font-serif);margin:0;font-size:1.45rem;line-height:1.05}.tool-baking-eyebrow{width:fit-content;color:var(--accent-secondary);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;font-size:.76rem;font-weight:800;display:inline-flex}.tool-calc-preset-grid{grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:10px;display:grid}.tool-calc-preset-btn{min-height:78px;color:var(--text-primary);border:1px solid var(--warm-card-stroke);cursor:pointer;text-align:left;background:#ffffff85;border-radius:16px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;gap:3px 10px;padding:14px;font-family:inherit;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s;display:grid;position:relative;overflow:hidden}.tool-calc-preset-btn:before{content:"";background:var(--accent);opacity:0;width:4px;transition:opacity .16s;position:absolute;inset:0 auto 0 0}.tool-calc-preset-btn:hover{border-color:color-mix(in srgb, var(--accent) 28%, var(--warm-card-stroke));background:#ffffffc7;transform:translateY(-1px)}.tool-calc-preset-btn.active{background:var(--warm-card-fill);border-color:color-mix(in srgb, var(--accent) 45%, var(--warm-card-stroke));box-shadow:0 5px 0 0 color-mix(in srgb, var(--accent) 36%, var(--warm-card-base)), 0 16px 24px -14px var(--warm-card-shadow);transform:translateY(-2px)}.tool-calc-preset-btn.active:before{opacity:1}.tool-calc-preset-icon{width:36px;height:36px;color:var(--accent);background:#e2544a17;border:1px solid #e2544a24;border-radius:12px;grid-row:1/span 2;place-items:center;display:grid}.tool-calc-preset-btn:nth-child(2n) .tool-calc-preset-icon{color:var(--accent-secondary);background:var(--accent-secondary-soft);border-color:color-mix(in srgb, var(--accent-secondary) 22%, transparent)}.tool-calc-preset-btn:nth-child(3n) .tool-calc-preset-icon{color:var(--warning);background:var(--warning-soft);border-color:color-mix(in srgb, var(--warning) 24%, transparent)}.tool-calc-preset-name{min-width:0;color:var(--text-primary);font-size:.91rem;font-weight:800;line-height:1.15}.tool-calc-preset-meta{min-width:0;color:var(--text-muted);font-size:.76rem;font-weight:600;line-height:1.25}.tool-baking-mode-switch{background:color-mix(in srgb, var(--warm-card-fill) 62%, var(--warm-card-base));border:1px solid var(--warm-card-stroke);border-radius:18px;grid-template-columns:1fr 1fr;gap:8px;padding:6px;display:grid}.tool-baking-mode-switch button{min-height:58px;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:13px;grid-template-columns:auto 1fr;align-items:center;gap:2px 8px;padding:12px;font-family:inherit;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;display:grid}.tool-baking-mode-switch button:hover{color:var(--text-primary);background:#ffffff6b}.tool-baking-mode-switch button.active{color:var(--text-primary);background:var(--warm-card-fill);border-color:var(--warm-card-stroke);box-shadow:0 3px 0 0 var(--warm-card-base), 0 10px 18px -12px var(--warm-card-shadow)}.tool-baking-mode-switch svg{color:var(--accent);grid-row:1/span 2}.tool-baking-mode-switch small{color:var(--text-muted);font-size:.72rem;font-weight:500;line-height:1.25}.tool-baking-mode-switch span{color:inherit;font-size:.88rem;font-weight:800;line-height:1.15}.tool-baking-field-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;font-size:.78rem;font-weight:800;display:block}.tool-baking-target{background:linear-gradient(135deg, #2a23250b, #e2544a14), var(--warm-card-fill)}.tool-baking-target-control{grid-template-columns:48px minmax(0,1fr) 48px;align-items:stretch;gap:10px;display:grid}.tool-baking-target-control button{min-height:58px;color:var(--accent);background:var(--warm-card-fill);border:1px solid var(--warm-card-stroke);box-shadow:0 3px 0 0 var(--warm-card-base), 0 10px 18px -12px var(--warm-card-shadow);cursor:pointer;border-radius:15px;place-items:center;font-family:inherit;font-size:1.2rem;font-weight:900;transition:transform .12s,background .12s;display:grid}.tool-baking-target-control button:hover{background:var(--warm-secondary-fill);transform:translateY(-1px)}.tool-baking-target-input-wrap{border:1px solid color-mix(in srgb, var(--accent) 20%, var(--warm-card-stroke));background:#fffaf4;border-radius:16px;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-width:0;display:grid;overflow:hidden;box-shadow:inset 0 1px #2a23250a}.tool-baking-target-input-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px #e2544a1f,inset 0 1px #2a23250a}.tool-baking-target-input{height:58px;box-shadow:none;color:var(--text-primary);font-family:var(--font-serif);text-align:right;background:0 0;border:none;border-radius:0;padding:0 16px;font-size:2rem;font-weight:800}.tool-baking-target-input:focus{box-shadow:none}.tool-baking-target-input-wrap>span{height:100%;color:var(--text-muted);align-items:center;padding:0 16px 0 12px;font-weight:800;display:flex}.tool-baking-ingredients-panel{padding-bottom:18px}.tool-baking-add{min-height:40px;color:var(--accent);cursor:pointer;background:#e2544a14;border:1px solid #e2544a2e;border-radius:14px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-family:inherit;font-size:.82rem;font-weight:800;transition:transform .12s,background .12s,border-color .12s;display:inline-flex}.tool-baking-add:hover{background:#e2544a21;border-color:#e2544a47;transform:translateY(-1px)}.tool-baking-table{background:color-mix(in srgb, var(--warm-card-fill) 76%, var(--warm-card-base));border:1px solid var(--warm-card-stroke);border-radius:18px;flex-direction:column;gap:0;display:flex;overflow:hidden}.tool-baking-header{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--warm-card-stroke);grid-template-columns:minmax(130px,1.5fr) minmax(96px,.8fr) minmax(96px,.8fr) 36px;align-items:center;gap:10px;padding:12px 16px;font-size:.75rem;font-weight:800;display:grid}.tool-baking-row{border-bottom:1px solid var(--warm-card-stroke);background:#ffffff59;grid-template-columns:minmax(130px,1.5fr) minmax(96px,.8fr) minmax(96px,.8fr) 36px;align-items:center;gap:10px;padding:12px 16px;transition:background .12s;display:grid}.tool-baking-row:hover{background:#ffffff94}.tool-baking-row:last-child{border-bottom:none}.tool-baking-cell{min-width:0}.tool-baking-cell--action{justify-content:flex-end;display:flex}.tool-baking-name{min-height:42px;color:var(--text-primary);align-items:center;gap:6px;font-size:.93rem;font-weight:800;display:inline-flex}.tool-baking-name-locked{width:fit-content;min-height:36px;color:var(--text-primary);background:#4a9b8e1a;border:1px solid #4a9b8e33;border-radius:13px;padding:0 12px}.tool-baking-name-locked svg{color:var(--accent-secondary)}.tool-baking-name-input{width:100%;height:42px;color:var(--text-primary);border:1px solid color-mix(in srgb, var(--accent-secondary) 18%, var(--warm-card-stroke));box-sizing:border-box;background:#fffaf4;border-radius:13px;padding:0 12px;font-family:inherit;font-size:.92rem;font-weight:700;transition:border-color .15s,box-shadow .15s}.tool-baking-name-input:focus{border-color:var(--accent-secondary);outline:none;box-shadow:0 0 0 4px #4a9b8e1f}.tool-baking-number-shell{border:1px solid color-mix(in srgb, var(--accent) 18%, var(--warm-card-stroke));box-sizing:border-box;background:#fffaf4;border-radius:13px;grid-template-columns:minmax(0,1fr) auto;align-items:center;width:100%;min-height:42px;transition:border-color .15s,box-shadow .15s;display:grid;overflow:hidden}.tool-baking-number-shell:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px #e2544a1f}.tool-baking-pct-input,.tool-baking-weight-input{width:100%;min-width:0;height:40px;color:var(--text-primary);text-align:right;-moz-appearance:textfield;background:0 0;border:none;padding:0 9px 0 10px;font-family:inherit;font-size:.93rem;font-weight:800}.tool-baking-pct-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tool-baking-pct-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tool-baking-weight-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tool-baking-weight-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tool-baking-pct-input:focus,.tool-baking-weight-input:focus{outline:none}.tool-baking-number-shell>span{color:var(--text-muted);border-left:1px solid var(--warm-card-stroke);background:#f4e5d373;align-self:stretch;align-items:center;padding:0 10px;font-size:.78rem;font-weight:800;display:flex}.tool-baking-pct-display,.tool-baking-weight-display{box-sizing:border-box;border-radius:13px;justify-content:flex-end;align-items:center;width:100%;min-height:42px;padding:0 12px;font-size:.95rem;font-weight:900;display:inline-flex}.tool-baking-pct-display{color:var(--accent);background:#e2544a14;border:1px solid #e2544a24}.tool-baking-weight-display{color:var(--text-primary);background:#4a9b8e14;border:1px solid #4a9b8e24}.tool-baking-remove{width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:#2a23250a;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.tool-baking-remove:hover{color:#e74c3c;background:#e74c3c1a;border-color:#e74c3c29}.tool-baking-output-card{color:#fff7ef;background:linear-gradient(160deg,#2a2325 0%,#33251f 52%,#4a2f21 100%);border-color:#ffffff1f;align-self:start;padding:24px;position:sticky;top:92px;overflow:hidden;box-shadow:0 8px #c8795957,0 28px 54px -20px #2a23258c}.tool-baking-output-top{align-items:center;gap:12px;margin-bottom:20px;display:flex}.tool-baking-output-top h2{color:#fffaf4}.tool-baking-output-card .tool-baking-eyebrow{color:#e8a838}.tool-baking-output-icon{color:#fffaf4;background:#ffffff17;border:1px solid #ffffff21;border-radius:15px;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid}.tool-baking-stat-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px;display:grid}.tool-baking-stat{background:#ffffff14;border:1px solid #ffffff1a;border-radius:15px;min-width:0;padding:12px}.tool-baking-stat--accent{background:#4a9b8e2e;border-color:#62b8aa3d;grid-column:1/-1}.tool-baking-stat span{color:#fffaf4ad;text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px;font-size:.72rem;font-weight:800;display:block}.tool-baking-stat strong{color:#fffaf4;font-family:var(--font-serif);overflow-wrap:anywhere;font-size:1.45rem;line-height:1;display:block}.tool-baking-result-list{background:#ffffff12;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.tool-baking-result-row{border-bottom:1px solid #ffffff17;justify-content:space-between;align-items:center;gap:16px;padding:13px 14px;display:flex}.tool-baking-result-row:last-child{border-bottom:none}.tool-baking-result-row span{color:#fffaf4d1;overflow-wrap:anywhere;min-width:0;font-size:.9rem;font-weight:700}.tool-baking-result-row strong{color:#fffaf4;white-space:nowrap;font-size:.95rem;font-weight:900}.tool-baking-empty{color:#fffaf4b8;margin:0;padding:16px;font-size:.9rem;line-height:1.5}[data-theme=dark] .tool-calc-preset-btn,[data-theme=dark] .tool-baking-mode-switch button:hover,[data-theme=dark] .tool-baking-row,[data-theme=dark] .tool-baking-row:hover{background:#ffffff0d}[data-theme=dark] .tool-baking-target-input-wrap,[data-theme=dark] .tool-baking-name-input,[data-theme=dark] .tool-baking-number-shell{background:#ffffff0f}[data-theme=dark] .tool-baking-number-shell>span{background:#ffffff0d}[data-theme=dark] .tool-baking-output-card{box-shadow:0 8px 0 0 var(--warm-card-base), 0 28px 54px -20px #000000b8}@media (width<=768px){.tools-hub-grid,.tool-converter-workspace{grid-template-columns:1fr}.tool-converter-output-card{position:static}.tool-converter-panel,.tool-converter-output-card{border-radius:18px}.tool-converter-panel{padding:18px}.tool-converter-panel--hero{padding:20px}.tool-baking-workspace{grid-template-columns:1fr}.tool-baking-output-card{position:static}.tool-baking-panel,.tool-baking-output-card{border-radius:18px}.tool-baking-panel{padding:18px}.tool-baking-panel--hero{padding:20px}.tool-calc-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-baking-mode-switch{grid-template-columns:1fr}}@media (width<=600px){.tool-converter-category-grid,.tool-calc-preset-grid{grid-template-columns:1fr}.tool-converter-panel-heading--row{flex-direction:column;align-items:stretch}.tool-converter-equation{grid-template-columns:1fr}.tool-converter-swap-btn{justify-self:center}.tool-converter-summary,.tool-converter-weight-result,.tool-converter-output-row{flex-direction:column;align-items:stretch}.tool-converter-summary strong,.tool-converter-output-row strong{text-align:left}.tool-converter-value-input,.tool-converter-result-display{height:58px;font-size:1.65rem}.tool-converter-result-hero strong{font-size:2.2rem}.tool-baking-panel-heading--row{flex-direction:column;align-items:stretch}.tool-baking-add{width:100%}.tool-baking-target-control{grid-template-columns:42px minmax(0,1fr) 42px;gap:8px}.tool-baking-target-control button,.tool-baking-target-input{min-height:54px}.tool-baking-target-input{height:54px;font-size:1.6rem}.tool-baking-header{display:none}.tool-baking-table{background:0 0;border:none;border-radius:0;gap:10px;padding:10px}.tool-baking-row,.tool-baking-row:last-child{border:1px solid var(--warm-card-stroke);background:#ffffff8a;border-radius:16px;grid-template-columns:1fr;gap:11px;padding:14px;display:grid}.tool-baking-cell{grid-template-columns:minmax(86px,.42fr) minmax(0,1fr);align-items:center;gap:10px;display:grid}.tool-baking-cell:before{content:attr(data-label);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:800}.tool-baking-cell--action{justify-content:flex-end;display:flex}.tool-baking-cell--action:before{display:none}.tool-baking-remove{width:42px;height:38px}.tool-baking-stat-grid{grid-template-columns:1fr}.tool-baking-stat--accent{grid-column:auto}}