.tools-page{background:#111214;color:#f3f2f7;min-height:100vh;padding:0 28px 60px;line-height:1.65}.tools-page,.tools-page *{-webkit-user-select:text;user-select:text;box-sizing:border-box}.tools-container{max-width:1160px;margin:0 auto}.tools-page a{color:#c9c0ff;text-decoration:none}.tools-page a:hover{text-decoration:underline}.tools-page :is(a,button,input,textarea,select,pre):focus-visible{outline:3px solid #b6a6ff;outline-offset:4px}.tools-topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #303136;padding:25px 0;font-size:14px}.tools-brand{display:inline-flex;gap:10px;align-items:center;font-weight:650;color:#eeecf5!important}.tools-brand-mark{width:22px;height:22px;border:2px solid #b6a6ff;border-radius:50%;display:inline-block}.tools-topbar nav{display:flex;gap:16px}.tools-topbar nav a{color:#a6a5af}.tools-topbar nav a[aria-current]{color:#f0edf9;text-decoration:underline;text-underline-offset:6px}.tool-hero{padding:58px 0 30px;max-width:880px}.tool-eyebrow{color:#bcaef3;font-size:12px;font-weight:650;letter-spacing:.1em;margin:0 0 14px}.tool-eyebrow span{padding:0 12px;color:#73717e}.tools-page h1{font-size:clamp(30px,4vw,47px);line-height:1.2;letter-spacing:-.035em;margin:0 0 20px;font-weight:650}.tool-intro{font-size:17px;color:#c0beca;max-width:800px}.tool-local{font-size:13px;color:#b3b0bd;margin:22px 0 8px}.tool-local span{color:#8bcdb1;padding-right:4px}.tools-page h2{font-size:22px;font-weight:600;line-height:1.4;margin:0 0 16px}.tools-page h3{font-size:17px;line-height:1.5;font-weight:600}.tool-workspace{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.tool-panel{padding:27px;background:#1b1c20;border:1px solid #36363d;border-radius:18px;min-width:0}.tool-output{background:linear-gradient(140deg,#25232e,#1b1c20 65%)}.tool-muted{color:#b7b3c4;font-size:13px}.tool-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px;margin:24px 0}.tool-field{min-width:0}.tool-field-wide{grid-column:1 / -1}.tool-field label{display:block;font-size:13px;font-weight:550;color:#e4e1ec;margin-bottom:8px}.tool-field :is(input,select,textarea){color:#f5f2fc;color-scheme:dark;background:#121316;border:1px solid #48464f;border-radius:8px;width:100%;padding:11px 12px;font:inherit;font-size:15px;line-height:1.4}.tool-field textarea{resize:vertical;min-height:120px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.tool-field input[type=color]{height:46px;padding:5px}.tool-field :disabled{opacity:.45;cursor:not-allowed}.tool-field small{display:block;color:#b7b3c4;margin-top:6px;font-size:12px;line-height:1.5}.tool-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.tools-page button{border:1px solid transparent;border-radius:8px;padding:10px 15px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}.tools-page button:hover{filter:brightness(1.1)}.tool-primary{background:#c7b9ff;color:#211834}.tool-secondary{background:#29282f;border-color:#4d485b!important;color:#e9e3fa}.tool-error{color:#ffb5b9;padding:12px;border-radius:8px;border:1px solid #765153;font-size:14px}.tool-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}.tool-metrics>div{padding:14px;background:#15151b;border:1px solid #3b3746;border-radius:10px;min-width:0}.tool-metrics dt{font-size:12px;color:#bbb3cd}.tool-metrics dd{margin:5px 0 0;font-size:22px;color:#e1d9ff;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.tool-result-text{font:13px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-height:480px;overflow:auto;padding:18px;border-radius:10px;background:#121316;border:1px solid #383540;color:#dfd9ed}.tool-copy-status{min-height:21px;font-size:12px;color:#b9d9c9;margin-bottom:0}.tool-markdown{background:#131416;border:1px solid #383540;padding:20px;border-radius:10px;overflow-wrap:anywhere;max-height:550px;overflow:auto}.tool-markdown table{border-collapse:collapse;display:block;overflow-x:auto}.tool-markdown :is(th,td){border:1px solid #55505e;padding:8px}.tool-markdown pre{white-space:pre-wrap;overflow-wrap:anywhere}.tool-markdown code{background:#2a2633;padding:2px 5px;border-radius:4px}.tool-guide{padding-top:55px}.tool-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:0;margin:24px 0 36px;list-style:none}.tool-steps li{border-top:1px solid #48414f;padding-top:17px}.tool-steps span{color:#bcaef3;font-size:12px;letter-spacing:.1em}.tool-steps p,.tool-explanations p,.tool-faq p{font-size:15px;color:#bdbac6}.tool-explanations{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding-bottom:25px}.tool-faq{border-top:1px solid #333239;padding-top:30px}.tool-faq>section{border-bottom:1px solid #29292e;padding:0 0 10px}.tool-references{padding:25px 0;font-size:13px;color:#9f9ba9}.tool-references h2{font-size:15px}.tool-references ul{padding-left:20px}.tool-references li{margin:6px 0}.tools-footer{border-top:1px solid #333239;padding-top:28px}.tools-footer h2{font-size:18px}.tool-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tool-related a{border:1px solid #3b3746;border-radius:10px;padding:16px;display:flex;justify-content:space-between;gap:15px;font-size:14px}@media(max-width:780px){.tools-page{padding:0 18px 36px}.tools-topbar{align-items:flex-start;font-size:12px}.tools-topbar nav{gap:12px}.tool-hero{padding-top:34px}.tool-intro{font-size:16px}.tool-workspace,.tool-explanations{grid-template-columns:1fr}.tool-panel{padding:20px}.tool-steps,.tool-related{grid-template-columns:1fr;gap:12px}.tool-field :is(input,select,textarea){font-size:16px}}@media(max-width:380px){.tool-fields,.tool-metrics{grid-template-columns:1fr}.tools-brand-mark{display:none}}