/* Tool assets are loaded only on the hub and utility pages. */
.tools-hero{padding-top:26px;padding-bottom:46px}.tools-hero h1{font-size:clamp(38px,5.5vw,72px);max-width:1000px}.tools-hero .lead{max-width:840px;font-size:18px}.tools-hero .breadcrumbs{margin-bottom:38px}.tools-hero .eyebrow{margin-bottom:18px}.tool-badges{display:flex;flex-wrap:wrap;gap:10px}.tool-badges span,.tool-local{font-size:12px;color:#215340;background:#ecfdf5;border-radius:30px;padding:7px 12px}.tools-section{padding-block:64px}.tools-heading{max-width:760px;margin-bottom:30px}.tools-heading h2{font-size:32px}.tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.tool-card{border:1px solid var(--border);border-radius:16px;padding:30px;position:relative;min-width:0;transition:border-color .2s,box-shadow .2s;background:white}.tool-card:hover{border-color:#9cbaff;box-shadow:0 12px 30px #15274a0c}.tool-card img{display:block;margin-bottom:25px}.tool-card h3{font-size:25px;margin-bottom:14px}.tool-card p{font-size:14px;margin-bottom:16px}.tool-card .card-link{display:block;color:var(--blue);font-size:13px;font-weight:600;margin-top:25px}.tool-use{display:block;font-size:12px;color:var(--muted)}.tool-card-arrow{position:absolute;right:28px;top:28px;font-size:24px;color:var(--blue)}.tools-copy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:70px}.tools-copy-grid h2{font-size:32px}.tools-copy-grid h3{font-size:21px}.tools-copy-grid p,.tool-steps{font-size:15px;line-height:1.85}.tool-steps{padding-left:24px;color:var(--muted)}.tool-steps li{padding-left:8px;margin-bottom:16px}.tools-service{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:36px;background:#eff5ff;border:1px solid #dbe7ff;border-radius:16px;margin-bottom:80px}.tools-service h2{font-size:28px}.tools-service p{margin:0}.tools-service p a{color:var(--blue);text-decoration:underline}.tools-service .button{flex-shrink:0}.related-tools .tools-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:25px}.related-tools .tool-card{padding:24px}.related-tools h3{font-size:21px}.tool-intro{padding-bottom:25px}.tool-intro h1{font-size:clamp(36px,5vw,62px)}.tool-workspace{border:1px solid var(--border);border-radius:18px;background:#fbfcff;padding:30px}.tool-workspace h2{font-size:20px;letter-spacing:-.025em;margin-bottom:16px}.tool-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.tool-panel-head h2{margin:0}.tool-drop{text-align:center;border:2px dashed #b6c8e8;background:white;border-radius:12px;padding:26px 18px}.tool-drop.is-dragging{border-color:var(--blue);background:#eff5ff}.tool-drop p{margin:10px 0 14px}.tool-drop #file-help{font-size:12px;margin-bottom:0}.tool-drop label{width:auto;margin:0;cursor:pointer}.tool-drop:focus-within{outline:3px solid var(--blue);outline-offset:4px}.tool-settings{margin-top:28px}#image-settings{padding:0;margin:0;border:0;min-width:0}.tool-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.tool-fields>div{min-width:0}.tool-fields label,.meta-output>label{display:block;font-size:13px;font-weight:600;margin-bottom:8px}.tool-fields input,.tool-fields textarea,.tool-fields select{min-width:0;max-width:100%}.tool-full{grid-column:1/-1}.tool-fields .tool-check{display:flex;align-items:center;gap:10px;grid-column:1/-1}.tool-check input{width:20px;height:20px;min-height:20px;margin:0;accent-color:var(--blue)}.tool-help{display:block;font-size:12px;color:var(--muted);margin-top:7px}.tool-fields input[type=range]{padding-inline:0;border:0;background:transparent;accent-color:var(--blue)}.tool-fields output{color:var(--blue);float:right}.tool-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:24px}.tool-secondary{background:white;color:var(--text);border:1px solid #cbd5e1}.tool-secondary:hover{background:#eef2f7;color:var(--text)}.tool-workspace button:disabled{opacity:.5;cursor:not-allowed;transform:none}.tool-status{min-height:52px;padding:14px 16px;font-size:13px;background:#eef4ff;color:#214779;border-radius:8px;margin:20px 0}.tool-error{background:#fff1f2;color:#9f1239}.tool-previews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.tool-previews figure{margin:0;min-width:0}.tool-previews figcaption{font-size:14px;font-weight:600;margin-bottom:10px}.tool-previews figcaption span{display:block;font-size:12px;font-weight:400;color:var(--muted);overflow-wrap:anywhere;min-height:40px}.tool-preview{height:240px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:10px;background-color:white;background-image:conic-gradient(#e2e8f0 25%,transparent 0 50%,#e2e8f0 0 75%,transparent 0);background-size:20px 20px;overflow:hidden}.tool-preview img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.tool-workspace [hidden]{display:none!important}.tool-result{border-top:1px solid var(--border);padding-top:26px;margin-top:28px}.tool-result p{font-size:14px;overflow-wrap:anywhere}.meta-output{margin-top:36px}#generated-html{font:13px/1.8 ui-monospace,Consolas,monospace;background:#0f172a;color:#e2e8f0;max-width:100%;white-space:pre;overflow:auto}.meta-preview{margin-top:36px;padding-top:30px;border-top:1px solid var(--border)}.meta-preview>p{font-size:13px}.meta-preview>div{background:white;padding:24px;border:1px solid var(--border);border-radius:10px;overflow-wrap:anywhere}.meta-preview span{font-size:12px}.meta-preview h3{color:#1d4ed8;margin-block:12px;font-size:23px}.meta-preview p:last-child{margin:0}.tool-workspace form{min-width:0}.tool-workspace:has(#meta-tool){max-width:1000px}
@media(max-width:900px){.tools-copy-grid{gap:32px}.tools-service{flex-direction:column;align-items:flex-start}.related-tools .tools-grid{grid-template-columns:1fr}.tool-panel-head{align-items:flex-start;flex-direction:column}.tool-local{padding:5px 10px}}
@media(max-width:600px){.tools-hero{padding-bottom:28px}.tools-hero .lead{font-size:16px}.tools-grid,.tools-copy-grid,.tool-fields,.tool-previews{grid-template-columns:1fr}.tools-section{padding-block:42px}.tool-workspace{padding:18px}.tool-card{padding:24px}.tool-intro h1{font-size:36px;overflow-wrap:anywhere}.tool-full,.tool-fields .tool-check{grid-column:auto}.tool-actions{align-items:stretch;flex-direction:column}.tool-actions .button{width:100%}.tools-service{padding:24px}.tools-service .button{width:100%}.tool-preview{height:220px}.tool-drop{padding:22px 12px}.tool-local{font-size:11px}.tool-panel-head{gap:10px}.tools-copy-grid h2,.tools-heading h2{font-size:28px}.tool-workspace{margin-bottom:0}}