.tools-page{--tool-border:var(--line,#96969633);padding-bottom:70px}.tools-hero{border-bottom:1px solid var(--tool-border);padding:85px 0 60px;position:relative;overflow:hidden}.tools-hero:after{content:"";pointer-events:none;border:1px solid #97091955;border-radius:50%;width:320px;height:320px;animation:12s ease-in-out infinite tool-orbit;position:absolute;top:45px;right:0;box-shadow:0 0 0 40px #97091908,0 0 0 80px #97091905}.tools-eyebrow{letter-spacing:.16em;color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:700;display:block}.tools-hero h1{z-index:1;letter-spacing:-.05em;margin:24px 0;font-size:clamp(44px,6vw,82px);line-height:1.05;position:relative}.tools-hero h1 em{color:var(--brand-ink,#b72036);font-style:normal}.tools-hero p{max-width:550px;color:var(--muted);font-size:18px;line-height:1.7}.tools-hero-notes{flex-wrap:wrap;gap:24px;margin-top:30px;font-size:12px;display:flex}.tools-hero-notes span:before{content:"";background:#bd2941;border-radius:50%;width:6px;height:6px;margin-right:9px;display:inline-block}.tools-directory{padding-top:50px}.tools-section-title{justify-content:space-between;align-items:center;gap:24px;display:flex}.tools-section-title h2{letter-spacing:-.03em;margin:12px 0;font-size:clamp(24px,3vw,36px)}.tools-search{width:min(100%,340px);color:var(--muted);font-size:12px}.tools-page input:not([type=checkbox]):not([type=file]):not([type=range]),.tools-page select,.tools-page textarea{background:var(--bg,#121212);border:1px solid var(--tool-border);width:100%;color:var(--text);font:inherit;border-radius:10px;min-width:0;margin-top:8px;padding:13px 14px;display:block}.tools-page input:focus-visible,.tools-page button:focus-visible,.tools-page a:focus-visible,.tools-page select:focus-visible,.tools-page textarea:focus-visible{outline-offset:4px;outline:2px solid #c1394f}.tools-filters{flex-wrap:wrap;gap:8px;margin:25px 0;display:flex}.tools-page button{cursor:pointer;font:inherit}.tools-filters button{border:1px solid var(--tool-border);background:var(--panel);color:var(--muted);border-radius:30px;padding:9px 16px;font-size:13px}.tools-filters button[aria-pressed=true]{color:#fff;background:#970919;border-color:#970919}.tools-count{color:var(--muted);font-size:12px}.tools-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:20px;display:grid}.tool-card{border:1px solid var(--tool-border);background:var(--panel);border-radius:20px;flex-direction:column;padding:26px;transition:transform .2s,border-color .2s;display:flex}.tool-card:hover{border-color:#97091980;transform:translateY(-4px)}.tool-card-top{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.tool-icon{width:46px;height:46px;color:var(--brand-ink,#cf4055);background:#97091914;border:1px solid #97091960;border-radius:14px;place-items:center;font-size:26px;display:grid}.tool-status{border:1px solid var(--tool-border);color:var(--muted);border-radius:20px;padding:6px 10px;font-size:10px}.tool-card h3{margin:13px 0;font-size:20px;line-height:1.3}.tool-card p{color:var(--muted);flex:1;font-size:14px;line-height:1.7}.tool-card a{border-top:1px solid var(--tool-border);color:var(--text);justify-content:space-between;margin-top:15px;padding-top:18px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.tool-upcoming{color:var(--muted);border-top:1px solid var(--tool-border);margin-top:15px;padding-top:18px;font-size:12px}.tools-note{border:1px solid var(--tool-border);background:var(--panel);border-radius:20px;margin-top:45px;padding:30px}.tools-note h2{font-size:22px}.tools-note p{max-width:800px;color:var(--muted);line-height:1.8}.tool-page-heading{padding:55px 0 35px}.tool-page-heading>a{color:var(--muted);margin-bottom:25px;font-size:13px;text-decoration:none;display:block}.tool-page-heading h1{letter-spacing:-.04em;margin:16px 0;font-size:clamp(32px,5vw,58px)}.tool-page-heading p{color:var(--muted);font-size:17px}.tool-workspace{border:1px solid var(--tool-border);background:var(--panel);border-radius:24px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.tool-controls,.tool-results{min-width:0;padding:32px}.tool-controls{border-right:1px solid var(--tool-border)}.tool-controls label{margin:22px 0;font-size:13px;font-weight:600;display:block}.tool-controls small{color:var(--muted);font-size:12px;font-weight:400;line-height:1.6;display:block}.tool-upload{background:#97091907;border:1px dashed #97091980;border-radius:16px;padding:26px 20px}.tool-upload span{margin-bottom:8px;font-size:17px;display:block}.tool-upload input{width:100%;margin:15px 0;font-size:12px;display:block}.tool-upload strong{overflow-wrap:anywhere;font-size:12px;display:block}.tool-dimensions{grid-template-columns:1fr 1fr;gap:16px;display:grid}.tool-controls .tool-checkbox{align-items:center;gap:8px;display:flex}.tool-primary{color:#fff;background:linear-gradient(120deg,#970919,#64101d);border:1px solid #b53a4b;border-radius:12px;justify-content:space-between;width:100%;margin:25px 0 15px;padding:15px 20px;display:flex}.tool-primary:disabled{opacity:.6;cursor:wait}.tool-error{color:var(--brand-ink,#e76b7e);background:#97091915;border:1px solid #97091980;border-radius:10px;padding:12px 15px;font-size:13px}.tool-results h2{margin:16px 0;font-size:27px}.tool-empty{text-align:center;min-height:300px;color:var(--muted);border:1px dashed var(--tool-border);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;padding:35px;display:flex}.tool-empty span{color:var(--brand-ink,#b72036);font-size:56px}.tool-empty p{max-width:260px;font-size:14px;line-height:1.8}.tool-preview{background:repeating-conic-gradient(#8882 0% 25%,#0000 0% 50%) 0/20px 20px;border-radius:16px;justify-content:center;align-items:center;height:300px;padding:20px;display:flex}.tool-preview img{object-fit:contain;max-width:100%;max-height:100%}.tool-downloads a{border-bottom:1px solid var(--tool-border);color:var(--text);justify-content:space-between;align-items:center;gap:12px;padding:16px 0;font-size:12px;text-decoration:none;display:flex}.tool-downloads strong,.tool-downloads small{display:block}.tool-downloads small{color:var(--muted);margin-top:5px}.tool-results>p{color:var(--muted);font-size:13px;line-height:1.7}.tool-results>button{background:var(--panel);color:var(--text);border:1px solid var(--tool-border);border-radius:10px;margin-top:16px;padding:12px 16px}.tool-guide{border-top:1px solid var(--tool-border);grid-template-columns:1fr 1fr;gap:35px;margin-top:45px;padding-top:30px;display:grid}.tool-guide h2{font-size:22px}.tool-guide h3{margin-top:25px;font-size:17px}.tool-guide p,.tool-guide li{color:var(--muted);font-size:14px;line-height:1.9}.tool-guide ol{padding-left:22px}@keyframes tool-orbit{50%{opacity:.65;transform:scale(.94)}}@media (max-width:1000px){.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tools-hero:after{right:-140px}.tool-controls,.tool-results{padding:24px}}@media (max-width:700px){.tools-hero{padding-top:50px}.tools-section-title{flex-direction:column;align-items:flex-start;gap:8px}.tools-search{width:100%}.tools-grid,.tool-workspace,.tool-guide{grid-template-columns:1fr}.tool-controls{border-right:0;border-bottom:1px solid var(--tool-border)}.tool-controls,.tool-results{padding:22px}.tools-hero-notes{gap:12px}.tool-card{padding:23px}.tool-page-heading p{line-height:1.7}}@media (prefers-reduced-motion:reduce){.tools-hero:after{animation:none}.tool-card{transition:none}}.tool-counts{grid-template-columns:1fr 1fr;gap:15px;display:grid}.tool-counts div{border:1px solid var(--tool-border);border-radius:14px;padding:20px}.tool-counts dt{color:var(--muted);font-size:12px}.tool-counts dd{margin:10px 0 0;font-size:30px;font-weight:700}.developer-workspace textarea{resize:vertical;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.7}.tool-controls>p,.tool-disclosure{color:var(--muted);font-size:13px;line-height:1.8}.tool-output-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.tool-output-actions button{border:1px solid var(--tool-border);background:var(--panel);color:var(--text);border-radius:10px;padding:12px 16px}.tool-diff{border:1px solid var(--tool-border);border-radius:12px;max-height:650px;overflow:auto}.tool-diff>div{white-space:pre-wrap;overflow-wrap:anywhere;gap:15px;padding:5px 12px;font-size:12px;display:flex}.tool-diff span{flex:0 0 12px}.diff-added{background:#168f5320}.diff-removed{background:#c22e4920}.tool-diff code{font:inherit}.tools-page{--bg:#121217;--text:#f5f2f4;--muted:#c2bac1;--panel:#1d1c24;--line:#3c3541;--tool-border:#3c3541;--brand-ink:#f17a91}.tool-card{background:linear-gradient(145deg,#25212d,#19191f);border-color:#463947;position:relative;box-shadow:0 12px 25px #0002}.tool-card-ready{cursor:pointer}.tool-card-ready>a:after{content:"";z-index:1;border-radius:20px;position:absolute;inset:0}.tool-card-ready:has(a:focus-visible){outline-offset:4px;outline:2px solid #f17a91}.tool-card-ready:hover{border-color:#d04c68;box-shadow:0 14px 40px #97091925}.tools-page .tool-card h3{color:#faf7f9}.tools-page .tool-card p{color:#c9c0c8}.tools-page .tool-status{color:#edb8c3;background:#97091920;border-color:#7b3345}.tools-page .tool-icon{color:#ff98ad;background:#9709192b;border-color:#874151}.tools-page input,.tools-page textarea,.tools-page select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.tools-page input::placeholder,.tools-page textarea::placeholder{color:#a69aa7;opacity:1}.tools-page .tool-results{background:#18171e}.tools-page .tool-empty{background:#24212b;border-color:#4b404e}.tools-page .tools-note{background:#1d1c24}.tools-page .tool-preview{background:repeating-conic-gradient(#514a5a55 0% 25%,#25212c 0% 50%) 0/20px 20px}.tools-page .tools-filters button{color:#ddd3db;background:#25212c;border-color:#504354}.tools-page .tools-filters button[aria-pressed=true]{color:#fff;background:#970919;border-color:#bd5265}html[data-theme=light] .tools-page{--bg:#e9e5e8;--text:#242424;--muted:#635963;--panel:#f5f2f4;--line:#cfc3cd;--tool-border:#cfc3cd;--brand-ink:#970919}html[data-theme=light] .tools-page .tool-card{background:linear-gradient(145deg,#f8f5f7,#ede6eb);border-color:#cebdc8;box-shadow:0 8px 22px #24242408}html[data-theme=light] .tools-page .tool-card h3{color:#242424}html[data-theme=light] .tools-page .tool-card p{color:#625660}html[data-theme=light] .tools-page .tool-status{color:#831729;background:#97091909;border-color:#c898a3}html[data-theme=light] .tools-page .tool-icon{color:#970919;background:#9709190d;border-color:#d1a4af}html[data-theme=light] .tools-page input,html[data-theme=light] .tools-page textarea,html[data-theme=light] .tools-page select{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=light] .tools-page .tool-results,html[data-theme=light] .tools-page .tools-note{background:#f1ebef}html[data-theme=light] .tools-page .tool-empty{background:#eae2e8;border-color:#c9b8c4}html[data-theme=light] .tools-page .tools-filters button{color:#574b55;background:#f2ebf0;border-color:#c9b8c4}html[data-theme=light] .tools-page .tools-filters button[aria-pressed=true]{color:#fff;background:#970919}html[data-theme=light] .tools-page .tool-preview{background:repeating-conic-gradient(#c5b9c355 0% 25%,#eee6ec 0% 50%) 0/20px 20px}.tools-page{accent-color:#c43c57}.final-workspace{align-items:start}.tool-control-row{flex-wrap:wrap;gap:14px;margin:12px 0;display:flex}.tool-control-row>label{flex:1;min-width:140px}.final-workspace label{gap:8px;margin:16px 0;font-size:14px;font-weight:600;display:grid}.final-workspace input,.final-workspace select,.final-workspace textarea{box-sizing:border-box;border:1px solid var(--line);background:var(--panel);width:100%;min-height:46px;color:var(--text);font:inherit;border-radius:12px;padding:12px}.final-workspace textarea{resize:vertical;line-height:1.6}.final-workspace input[type=color]{height:64px;padding:6px}.tool-code{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--panel);border:1px solid var(--line);border-radius:16px;max-height:550px;padding:20px;font:13px/1.8 ui-monospace,monospace;overflow:auto}.tool-help{color:var(--muted);font-size:13px;line-height:1.7}.qr-preview{background:#fff;border-radius:16px;justify-items:center;gap:18px;padding:22px;display:grid}.qr-preview img{width:min(100%,300px);height:auto}.color-preview{border:1px solid var(--line);border-radius:16px;height:140px}.final-workspace button{cursor:pointer}.final-workspace button:disabled{cursor:wait;opacity:.65}.tool-control-row>button{color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px 18px}.final-workspace input:focus-visible,.final-workspace select:focus-visible,.final-workspace textarea:focus-visible{outline-offset:3px;outline:2px solid #d75870}.tool-guide p{overflow-wrap:anywhere}@media (max-width:600px){.final-workspace .tool-control-row{grid-template-columns:1fr;display:grid}.tool-code{padding:12px;font-size:12px}}