:root{--bg:#1e1e2e;--panel:#27293d;--border:#3a3d5c;--text:#cdd6f4;--muted:#7f849c;--accent:#89b4fa;--btn-fg:#1e1e2e;--error:#f38ba8;--ok:#a6e3a1;--d0:#f38ba8;--d1:#fab387;--d2:#f9e2af;--d3:#74c7ec;--d4:#b4befe;--d5:#cba6f7;--t-str:#a6e3a1;--t-num:#fab387;--t-bool:#cba6f7;--t-null:#6c7086}[data-theme=light]{--bg:#eff1f5;--panel:#ffffff;--border:#ccd0da;--text:#4c4f69;--muted:#8c8fa1;--accent:#4a72c4;--btn-fg:#ffffff;--error:#d20f39;--ok:#40a02b;--d0:#d20f39;--d1:#fe640b;--d2:#df8e1d;--d3:#1e66f5;--d4:#7287fd;--d5:#8839ef;--t-str:#40a02b;--t-num:#fe640b;--t-bool:#8839ef;--t-null:#9ca0b0}*{box-sizing:border-box}body{margin:0;padding:24px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);line-height:1.5;transition:background .2s,color .2s}.wrap{max-width:960px;margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between}.topbar .site-title{flex:1;min-width:0;margin:0 12px 0 0;font-size:20px;font-weight:600}.theme-toggle{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:8px;font-size:13px;cursor:pointer}.theme-toggle:hover{border-color:var(--accent)}h1{font-size:20px;margin:0 0 16px;font-weight:600}label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}textarea{width:100%;min-height:130px;padding:12px;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:8px;font-family:"SF Mono",Menlo,Consolas,monospace;font-size:13px;resize:vertical}textarea:focus{outline:0;border-color:var(--accent)}.actions{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}.btn{padding:10px 18px;background:var(--accent);color:var(--btn-fg);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}.btn:hover{filter:brightness(1.08)}.btn.secondary{background:0 0;color:var(--accent);border:1px solid var(--border)}.btn.danger{background:0 0;color:var(--error);border:1px solid var(--error);margin-left:auto}.btn.danger:hover{background:rgba(243,139,168,.1);filter:none}.error{margin-top:12px;padding:10px 14px;background:rgba(243,139,168,.12);border:1px solid var(--error);color:var(--error);border-radius:8px;font-size:13px;display:none}details{margin-top:20px;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:8px 12px}summary{cursor:pointer;color:var(--muted);font-size:13px;user-select:none}details[open] summary{margin-bottom:8px}details pre{margin:0;font-family:"SF Mono",Menlo,Consolas,monospace;font-size:12px;color:var(--muted);white-space:pre-wrap;word-break:break-word}.result-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:20px 0 6px}.result-head label{margin:0}.result-tools{display:flex;gap:8px}.tool{padding:6px 12px;font-size:12px;background:0 0;color:var(--accent);border:1px solid var(--border);border-radius:6px;cursor:pointer}.tool:hover{border-color:var(--accent)}#output{display:none;padding:16px;background:var(--panel);border:1px solid var(--border);border-radius:8px;font-family:"SF Mono",Menlo,Consolas,monospace;font-size:13px;white-space:pre;overflow-x:auto}#output.wrap-mode{white-space:pre-wrap;word-break:break-all;overflow-x:hidden}.d0{color:var(--d0)}.d1{color:var(--d1)}.d2{color:var(--d2)}.d3{color:var(--d3)}.d4{color:var(--d4)}.d5{color:var(--d5)}.t-str{color:var(--t-str)}.t-num{color:var(--t-num)}.t-bool{color:var(--t-bool)}.t-null{color:var(--t-null);font-style:italic}.toggle{cursor:pointer;color:var(--muted);display:inline-block;width:1em;text-align:center;user-select:none}.toggle:hover{color:var(--text)}.count{color:var(--muted)}.copied{color:var(--ok)!important;border-color:var(--ok)!important}.check{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;font-size:13px;color:var(--text);cursor:pointer}.check input{cursor:pointer}.check-hint{color:var(--muted);font-size:12px}.tagline{margin:2px 0 20px;font-size:13px;font-weight:400;color:var(--muted)}.seo-features{margin-top:48px;padding-top:24px;border-top:1px solid var(--border)}.seo-features h2{font-size:16px;font-weight:600;margin:0 0 16px}.seo-features ul{margin:0;padding:0 0 0 20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:10px 32px}.seo-features li{font-size:13px;color:var(--muted);line-height:1.5}.seo-features li strong{color:var(--text)}.seo-features code{font-family:"SF Mono",Menlo,Consolas,monospace;font-size:12px;background:var(--panel);padding:1px 5px;border-radius:4px;border:1px solid var(--border)}