/* A shared workbench for every tool. */
.tool-page{background:#f7f8fb}.tool-page header{background:#fff}.tool-breadcrumb{display:flex;gap:10px;font-size:11px;color:#9297a8;padding:26px 0 22px}.tool-breadcrumb a:hover{color:var(--green)}.tool-heading{display:flex;align-items:center;gap:20px;padding-bottom:23px}.detail-icon{display:grid;place-items:center;width:66px;height:66px;border:1px solid #e3e1ef;background:#eeedf8;border-radius:20px;flex-shrink:0;color:#7770ab}.detail-icon svg{width:31px;height:31px}.tool-heading-copy{min-width:0}.tool-kicker{font-size:10px;letter-spacing:.5px;color:#8683a7}.tool-heading h1{font-size:30px;line-height:1.4;letter-spacing:-1.2px;margin:4px 0 7px}.tool-heading p{font-size:13px;color:#777e91;margin:0;word-break:keep-all}.detail-fav{margin-left:auto;flex-shrink:0;width:42px;height:42px;display:grid;place-items:center;background:#fff;border:1px solid #e5e6ec;border-radius:13px;font-size:25px;color:#9c9fb0}.detail-fav.on{color:#7862b4;background:#f1edf9}.tool-assurance{display:flex;gap:20px;align-items:center;margin-bottom:28px;border-top:1px solid #e5e7ef;padding-top:15px;font-size:10px;color:#9297aa}.tool-assurance span{display:flex;align-items:center;gap:6px}.tool-assurance svg{width:13px;height:13px;color:#829b92}
.tool-page .work-panel,.tool-page .panel{border:1px solid #e4e6ef;background:#fff;border-radius:19px;padding:28px;box-shadow:0 4px 16px #272f4b03}.tool-page .work-panel h2{font-size:16px;letter-spacing:-.4px}.tool-page .work-panel-head{padding-bottom:16px;border-bottom:1px solid #eef0f5;margin-bottom:20px}.tool-page .field{font-size:12px;color:#60677e;font-weight:600}.tool-page .field input,.tool-page .field select,.tool-page .field textarea{background:#fafbfe;border:1px solid #e1e4ee;border-radius:10px;padding:12px 13px;color:#303a52;font-size:16px;transition:border-color .15s,box-shadow .15s}.tool-page .field input:focus,.tool-page .field select:focus,.tool-page .field textarea:focus,.tool-page .large-input:focus{border-color:#9b95c6;background:#fff;box-shadow:0 0 0 3px #7065b10a}.tool-page .field small,.tool-page .note{color:#868c9f;font-size:11px}.tool-page .primary{background:#56518d;border:1px solid #56518d;box-shadow:0 3px 7px #4942710e;font-size:13px;padding:12px 21px}.tool-page .primary:hover:not(:disabled){background:#454073}.tool-page .secondary{background:#f3f2f9;border:1px solid #e4e2f0;color:#686187;font-size:12px}.tool-page .text-button{color:#8b84a5;font-size:11px}.tool-page .calc-layout{gap:24px;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);margin-bottom:28px}.tool-page #calculator-form>.primary{width:100%;margin-top:24px}.tool-page #calculator-form>.note{margin-top:-5px;margin-bottom:22px}.tool-page .calc-result{background:#fff;border-top:3px solid #a8ccbe}.tool-page .result-caption{display:flex;align-items:center;gap:7px;font-size:11px;letter-spacing:.5px;color:#9095a8}.tool-page .result-caption:before{content:'';width:6px;height:6px;background:#8bb9a7;border-radius:50%}.tool-page .calc-result .big{background:#242b44;color:#fff;padding:23px;border-radius:13px;font-size:35px;margin:20px 0;line-height:1.45;letter-spacing:-.8px}.tool-page .calc-result .big.error{background:#fff1ed;color:#aa5646;font-size:16px}.tool-page .calc-result dl{margin:18px 0}.tool-page .calc-result dl>div{font-size:12px;padding:13px 0;border-color:#edf0f5}.tool-page .calc-result dt{color:#858c9e}.tool-page .calc-result dd{color:#414a62}.tool-page .calc-result .actions{border-top:1px solid #edf0f5;padding-top:18px;margin-top:20px}.tool-page .work-status:empty{display:none}.tool-page .article{max-width:none;margin:28px 0;padding:27px 30px;border:1px solid #e7e9f0;border-radius:17px;background:#fff}.tool-page .article h2{font-size:16px;margin:0 0 12px;letter-spacing:-.4px}.tool-page .article h2:not(:first-child){margin-top:25px}.tool-page .article p,.tool-page .article li{font-size:12px;line-height:1.95;color:#81889b}.tool-page .article details{border:0;border-top:1px solid #edf0f5;border-radius:0;padding:16px 0;margin:0}.tool-page .article summary{font-size:12px;color:#69718a;font-weight:550}.tool-page .article details:last-child{padding-bottom:0}.tool-page .source-box{background:#f8f9fc;border:1px solid #eceef4;border-radius:11px;padding:18px}.tool-page .source-box strong{font-size:11px;color:#6b748b}.tool-page .source-box p,.tool-page .source-box li{font-size:11px}.tool-page .related{padding:5px 0 35px}.tool-page .related h2{font-size:15px}.tool-page .related>div{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.tool-page .related a{font-size:12px;padding:16px;border-color:#e4e6ef;background:#fff}.tool-page .output-panel{background:#f9f9fd;border-top:3px solid #a8ccbe}.tool-page .large-input{border-color:#e4e5ef;border-radius:11px;background:#fcfcff;font-size:14px;line-height:1.9}.tool-page .large-input[readonly]{background:#fff}.tool-page .work-options{padding:17px 20px;border-radius:13px;background:#fff;border-color:#e4e6ef;color:#798095}.tool-page .work-options select{background:#f8f9fc;color:#657087}.tool-page .work-presets button,.tool-page .preset-row button{background:#f0eef8;border-color:#e3dfef;color:#79708e}.tool-page .recipe-saved{background:#efeff6;border:1px solid #e3e4ef}.tool-page .recipe-table th{background:#f8f9fc}.tool-page .recipe-table input:not([type=checkbox]){border-color:#e2e5ef}.tool-page .recipe-scaled{color:#756393}.tool-page .qr-result{min-height:350px}.tool-page #qr-placeholder{border:2px dashed #e3e2f0;border-radius:17px;background:repeating-linear-gradient(45deg,#fafafd,#fafafd 10px,#f5f5fa 10px,#f5f5fa 11px);margin-bottom:20px;color:#9c99b2;padding:75px 22px;font-size:13px}.tool-page .batch{padding-top:0}.tool-page .batch-steps{margin:0 0 23px;background:#ededf6;border:1px solid #e4e3ef;color:#7f789b}.tool-page .batch-steps b{color:#746a9c}.tool-page .dropzone{border-color:#cfcbdf;background:#fdfcff;border-radius:20px;padding:40px 24px}.tool-page .dropzone.dragging{background:#edeaf8;border-color:#a196c6}.tool-page .drop-icon{color:#a398c4}.tool-page .dropzone h2{font-size:18px}.tool-page .batch-settings{border-color:#e3e5ee;border-radius:19px}.tool-page .setting-section{padding:24px}.tool-page .setting-title span{background:#f0edf8;color:#9a8cb7;padding:4px 6px;border-radius:5px}.tool-page .setting-title h2{font-size:14px}.tool-page .name-example,.tool-page .run-panel{background:#f1eff8;color:#8a7f9f}.tool-page .run-panel progress{accent-color:#8b7aaf}.tool-page .run-panel p{color:#9387a3}.tool-page .queue-head h2 span,.tool-page .batch-summary{background:#edf4f1;color:#728f83}.tool-page .batch-summary p,.tool-page .batch-summary span{color:#829b90}.tool-page .queue-empty{background:#fff;border-style:dashed}.tool-page .photo-row-actions button{background:#f5f3fa;border-color:#e3dfed}.tool-page .batch-settings .field input,.tool-page .batch-settings .field select{font-size:14px}.tool-page .calc-table table{font-variant-numeric:tabular-nums}.tool-page .calc-table th{background:#f6f7fb;color:#7d849a}
@media(max-width:850px){.tool-page .calc-layout{grid-template-columns:1fr}.tool-page .related>div{grid-template-columns:repeat(2,1fr)}}
@media(max-width:580px){.tool-breadcrumb{padding:20px 0 17px;font-size:10px}.tool-heading{gap:13px;align-items:flex-start;padding-bottom:20px}.detail-icon{width:45px;height:45px;border-radius:14px;margin-top:8px}.detail-icon svg{width:23px;height:23px}.tool-heading h1{font-size:23px;letter-spacing:-.8px}.tool-heading p{font-size:12px;line-height:1.75}.tool-kicker{font-size:9px}.detail-fav{width:32px;height:36px;font-size:21px;border-radius:9px;margin-top:12px}.tool-assurance{gap:12px;flex-wrap:wrap;font-size:9px;margin-bottom:22px;padding-top:12px}.tool-page .work-panel,.tool-page .panel{padding:21px;border-radius:16px}.tool-page .calc-layout{gap:17px}.tool-page .calc-result .big{font-size:29px;padding:22px 19px}.tool-page .article{padding:23px 21px;margin:23px 0}.tool-page .article h2{font-size:15px}.tool-page .related a{font-size:11px;padding:13px}.tool-page .batch-steps{font-size:11px;padding:13px 10px}.tool-page .batch-settings .field input,.tool-page .batch-settings .field select{font-size:16px}.tool-page .dropzone{padding:28px 18px}.tool-page .dropzone h2{font-size:16px}.tool-page .recipe-saved{grid-template-columns:minmax(0,1fr) auto}.tool-page .recipe-saved .field{min-width:0}.tool-page .large-input{font-size:16px}.tool-page .work-panel-head{gap:9px}.tool-page .output-panel{border-top-width:3px}}

/* Clear validation, readable guides and touch targets. */
.tool-page [aria-invalid="true"]{border-color:#ba4949;box-shadow:0 0 0 2px #ba49491a}.calc-result{scroll-margin-top:24px}.search-guide li{margin:12px 0;line-height:1.9}.search-guide ol{padding-left:24px}.tool-page .related a{min-height:44px}.tool-page .text-button{min-height:40px}@media(max-width:760px){.photo-row-actions button{width:44px;height:44px}.photo-row{grid-template-columns:54px minmax(0,1fr) 44px}.batch-settings .field input,.batch-settings .field select{font-size:16px}.party-nav a{min-height:44px}}

@media(max-width:580px){
 .recipe-table{min-width:0!important;width:100%}.recipe-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .recipe-table tbody{display:grid;gap:14px}.recipe-table tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 12px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff}
 .recipe-table td{width:auto!important;min-width:0;border:0;padding:0!important}.recipe-table td::before{content:attr(data-label);display:block;font-size:12px;color:var(--muted);margin-bottom:5px}
 .recipe-table td:nth-child(1){grid-column:1;grid-row:1;display:flex;align-items:center;gap:8px}.recipe-table td:nth-child(1)::before{margin:0}.recipe-table td:nth-child(1) input{width:22px;height:22px}
 .recipe-table td:nth-child(2){grid-column:1/-1;grid-row:2}.recipe-table td:nth-child(3){grid-column:1;grid-row:3}.recipe-table td:nth-child(4){grid-column:2;grid-row:3}
 .recipe-table td:nth-child(5){grid-column:1/-1;grid-row:4;background:#f0f5f3;border-radius:8px;padding:10px!important;font-size:18px;color:#245c4a}
 .recipe-table td:nth-child(6){grid-column:2;grid-row:1;justify-self:end}.recipe-table td:nth-child(6)::before{display:none}.recipe-table td:nth-child(6) button{min-width:44px;min-height:44px}
 .recipe-table input:not([type=checkbox]){width:100%!important;min-width:0!important;font-size:16px}
}

/* Tool-specific guides: quiet sections after the working area. */
.tool-jumps{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 24px}.tool-jumps a{padding:8px 13px;border:1px solid var(--line);border-radius:100px;font-size:13px;color:var(--ink);text-decoration:none}.tool-jumps a:hover{background:var(--soft)}
.practical-guide,.worked-example{margin:40px 0;padding:28px;border:1px solid var(--line);border-radius:20px;background:var(--surface,#fff);color:var(--ink);scroll-margin-top:24px;line-height:1.85}.guide-heading{display:flex;justify-content:space-between;align-items:start;gap:20px}.guide-heading h2{margin:6px 0 12px;font-size:22px;line-height:1.5}.guide-heading>a{font-size:12px;white-space:nowrap;color:var(--muted)}.guide-lead{max-width:760px;color:var(--muted)}.guide-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0}.guide-cards section{border-top:2px solid var(--line);padding-top:16px}.guide-cards h3{font-size:16px;margin:5px 0}.guide-cards p{font-size:14px;margin:0;color:var(--muted)}.guide-number{font-size:12px;color:var(--green);font-weight:700}.guide-case{padding:20px;background:var(--soft);border-radius:12px;margin:24px 0}.guide-case h3{margin-top:0}.example-values{margin:16px 0}.example-values>div{display:grid;grid-template-columns:minmax(100px,1fr) minmax(0,2fr);gap:20px;border-bottom:1px solid var(--line);padding:10px 0}.example-values dt{font-size:13px;color:var(--muted)}.example-values dd{margin:0;white-space:pre-line;overflow-wrap:anywhere}.example-answer{display:flex;gap:18px;align-items:center;flex-wrap:wrap;background:var(--soft);border-radius:12px;padding:18px;margin:18px 0}.example-answer span{font-size:13px;color:var(--muted)}.example-answer strong{font-size:24px;overflow-wrap:anywhere;min-width:0}.practical-guide details,.worked-example details{border-top:1px solid var(--line);padding:14px 0}.practical-guide summary,.worked-example summary{cursor:pointer;font-weight:600}.guide-credit{font-size:12px;color:var(--muted);margin-top:24px}.tool-page [id]{scroll-margin-top:24px}
@media(max-width:600px){.practical-guide,.worked-example{padding:20px 16px;margin:28px 0}.guide-cards{grid-template-columns:1fr;gap:18px}.guide-heading{display:block}.guide-heading h2{font-size:20px}.example-values>div{grid-template-columns:1fr;gap:3px}.guide-case{padding:16px}.example-answer strong{font-size:21px}}