.fw-tool{--ink:#3e352e;--muted:#6b6159;--line:#e4d8c7;--clay:#a96c49;--teal:#387b77;color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.fw-tool *{box-sizing:border-box}.fw-tool [hidden]{display:none!important}.fw-tool button,.fw-tool input{font:inherit}.fw-tool button{cursor:pointer}.fw-tool h2,.fw-tool h3,.fw-tool h4{color:var(--ink)}
.fw-hero{background:#f7f0e5;border:1px solid var(--line);border-bottom:0;padding:25px 27px}.fw-eyebrow{color:#8a5a3c;font-size:12px;font-weight:850;letter-spacing:.1em;margin:0 0 9px}.fw-hero h2{font-size:clamp(25px,3vw,37px);line-height:1.12;margin:0}.fw-hero>p:not(.fw-eyebrow){color:var(--muted);font-size:14px;line-height:1.5;margin:10px 0 0;max-width:680px}.fw-answer{align-items:baseline;display:flex;flex-wrap:wrap;gap:5px 15px;margin-top:21px}.fw-answer strong{color:#8b4b2a;font-size:clamp(29px,4vw,46px);line-height:1}.fw-answer span{color:var(--muted);font-size:13px;line-height:1.45}
.fw-layout{display:grid;gap:22px;grid-template-columns:minmax(0,1.65fr) minmax(245px,.75fr);padding:22px 0}.fw-editor,.fw-aside{min-width:0}.fw-panel,.fw-optional,.fw-examples,.fw-method{background:#fff;border:1px solid var(--line);border-radius:13px;padding:19px}.fw-heading{align-items:start;display:flex;gap:12px}.fw-heading>span{background:#ead6b8;border-radius:8px;color:#6c472d;flex:none;font-size:13px;font-weight:850;padding:7px 9px}.fw-heading h3,.fw-method h3{font-size:18px;line-height:1.25;margin:0}.fw-heading p{color:var(--muted);font-size:12px;line-height:1.5;margin:6px 0 0}.fw-stack{background:#fcf9f4;border:1px solid #e9dece;border-radius:10px;margin-top:16px;padding:15px}.fw-stack-head{align-items:center;display:flex;justify-content:space-between;gap:10px}.fw-stack h4{font-size:15px;margin:0}.fw-remove{background:transparent;border:0;color:#8d4638;font-size:12px;font-weight:800;padding:6px}.fw-row{display:grid;gap:0 11px;margin-top:12px}.fw-row--three{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto 47px auto}.fw-row--two{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto 47px auto}.fw-row--single{grid-template-columns:minmax(0,210px);grid-template-rows:auto 47px auto}.fw-field{display:grid;grid-row:1/span 3;grid-template-rows:subgrid;min-width:0}.fw-row>.fw-field:nth-child(1){grid-column:1}.fw-row>.fw-field:nth-child(2){grid-column:2}.fw-row>.fw-field:nth-child(3){grid-column:3}.fw-field>span{align-self:end;font-size:12px;font-weight:800;line-height:1.3;overflow-wrap:anywhere;padding-bottom:6px}.fw-field>input{background:#fff;border:1px solid #bbaea0;border-radius:8px;color:var(--ink);height:47px;min-width:0;padding:9px 10px;width:100%}.fw-field>small{color:var(--muted);font-size:11px;line-height:1.3;overflow-wrap:anywhere;padding-top:5px}.fw-tool input:focus-visible,.fw-tool button:focus-visible,.fw-tool summary:focus-visible,.fw-tool a:focus-visible{box-shadow:0 0 0 3px #cae2da;outline:2px solid #28756f;outline-offset:1px}.fw-field>input[aria-invalid=true]{border-color:#b8473c}.fw-stack-volume{color:#6a5748;font-size:12px;font-weight:800;margin:12px 0 0}.fw-add{background:#fff;border:1px solid #9b7154;border-radius:8px;color:#744b30;font-size:13px;font-weight:800;margin-top:13px;min-height:44px;padding:10px 14px}.fw-hint{border-left:3px solid #c39158;color:var(--muted);font-size:12px;line-height:1.5;margin:16px 0 0;padding:3px 0 3px 12px}.fw-optional{margin-top:13px}.fw-optional summary,.fw-examples summary{color:var(--ink);cursor:pointer;font-size:14px;font-weight:850;min-height:27px}.fw-optional>p{color:var(--muted);font-size:12px;line-height:1.5;margin:11px 0}.fw-error{background:#fff0ea;border:1px solid #db9c8a;border-radius:9px;color:#872d26;font-size:13px;font-weight:750;margin:16px 0;padding:12px}.fw-details{margin-top:15px}.fw-metrics{display:grid;gap:9px;grid-template-columns:repeat(3,minmax(0,1fr))}.fw-metrics>div{background:#f4f2ed;border-top:3px solid var(--teal);min-width:0;padding:12px}.fw-metrics span,.fw-metrics strong,.fw-metrics small{display:block}.fw-metrics span{color:var(--muted);font-size:11px;font-weight:750;line-height:1.3}.fw-metrics strong{font-size:clamp(16px,2vw,22px);line-height:1.2;margin-top:7px;overflow-wrap:anywhere}.fw-metrics small{color:var(--muted);font-size:11px;line-height:1.4;margin-top:5px}.fw-figure{background:#f8f2e9;border-radius:12px;margin:13px 0 0;padding:10px}.fw-figure svg{display:block;height:auto;width:100%}.fw-figure figcaption{color:var(--muted);font-size:11px;line-height:1.5;margin:8px 4px 1px}.fw-caution{color:var(--muted);font-size:11px;line-height:1.55;margin:11px 2px 0}.fw-presets{display:grid;gap:8px;margin-top:12px}.fw-presets button{background:#fcf9f4;border:1px solid var(--line);border-radius:9px;color:var(--ink);font-size:12px;font-weight:800;min-height:49px;padding:10px;text-align:left}.fw-presets button small{color:var(--muted);display:block;font-size:11px;font-weight:500;line-height:1.4;margin-top:4px}.fw-presets button[aria-pressed=true]{background:#e6f1eb;border-color:#387b77}.fw-method{margin-top:13px}.fw-method p{color:var(--muted);font-size:12px;line-height:1.6;margin:10px 0}.fw-method a{color:#0e6664;font-size:12px;font-weight:800}.fw-tool.fw-invalid .fw-answer,.fw-tool.fw-invalid #fw-details{display:none!important}
.fw-repeat{border-top:1px solid #e8dfd4;margin-top:13px;padding-top:11px}.fw-repeat summary{color:#74563e;cursor:pointer;font-size:12px;font-weight:800}.fw-repeat[open] summary{margin-bottom:7px}
@media(max-width:880px){.fw-layout{grid-template-columns:1fr}.fw-aside{display:grid;gap:12px;grid-template-columns:1fr 1fr}.fw-method{margin-top:0}}
@media(max-width:610px){.fw-hero{padding:19px}.fw-layout{padding:13px 0}.fw-panel,.fw-optional,.fw-examples,.fw-method{padding:15px}.fw-aside{grid-template-columns:1fr}.fw-method{margin-top:0}.fw-row--three,.fw-row--two{grid-template-columns:1fr;grid-template-rows:none;gap:10px}.fw-row>.fw-field{grid-column:1!important;grid-row:auto;grid-template-rows:auto 47px auto}.fw-row--single{grid-template-columns:1fr}.fw-metrics{grid-template-columns:1fr}.fw-stack{padding:12px}}
@media(max-width:610px){.fw-figure svg text{display:none}.fw-figure figcaption{font-size:12px}}