:root{--bg: #17131f;--bg2: #211a2e;--panel: #241d33;--border: #3c3155;--text: #ede8f7;--muted: #a596c2;--accent: #c084fc;--accent2: #f0abfc;--accent-contrast: #17131f;--ok: #4ade80;--bad: #f87171;--mono: ui-monospace, "Cascadia Code", Consolas, monospace;--sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}:root[data-theme=light]{--bg: #faf8fe;--bg2: #f1ecfa;--panel: #ffffff;--border: #e2d8f2;--text: #241833;--muted: #6b5b85;--accent: #9333ea;--accent2: #c026d3;--accent-contrast: #ffffff;--ok: #15803d;--bad: #b91c1c}*{box-sizing:border-box}html{font-family:var(--sans);background:var(--bg);color:var(--text);line-height:1.6}body{margin:0;min-height:100vh;display:flex;flex-direction:column}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{width:100%;max-width:960px;margin:0 auto;padding:0 1rem}header.site{border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg);z-index:10}header.site .container{display:flex;align-items:center;gap:1rem;height:3.4rem}.logo{font-weight:800;font-size:1.12rem;color:var(--text)!important;font-family:var(--mono)}.logo .hl{background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}.spacer{flex:1}nav.top a{color:var(--muted);font-size:.88rem;margin-left:.9rem}#theme-toggle{background:none;border:1px solid var(--border);border-radius:6px;color:var(--text);cursor:pointer;padding:.25rem .55rem}#lang-select{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:.25rem .4rem;font-size:.85rem;cursor:pointer;max-width:8.5rem}footer.site{margin-top:auto;border-top:1px solid var(--border);padding:1.3rem 0;font-size:.85rem;color:var(--muted)}footer.site .container{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;justify-content:space-between}.hero{text-align:center;padding:2.2rem 0 1rem}.hero .brand{font-size:1.9rem;font-weight:700;line-height:1.25;margin:0 0 .4rem}.hero .brand .hl{background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}.hero h1{color:var(--muted);font-size:1rem;font-weight:400;margin:0}.hero p{color:var(--muted);margin:0}.search-wrap{max-width:460px;margin:1.4rem auto 0}#tool-search{width:100%;padding:.6rem .9rem;font-size:1rem;border:1px solid var(--border);border-radius:8px;background:var(--panel);color:var(--text)}#tool-search:focus{outline:2px solid var(--accent);outline-offset:-1px}.group{margin:2rem 0 0}.group h2{font-size:1.05rem;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;margin:0 0 .8rem}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.9rem}.tool-card{display:block;padding:1rem;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--text)!important;text-decoration:none!important;transition:border-color .15s,transform .08s}.tool-card:hover{border-color:var(--accent);transform:translateY(-1px)}.tool-card .icon{font-family:var(--mono);font-weight:700;color:var(--accent);font-size:.8rem;border:1px solid var(--border);border-radius:6px;display:inline-block;padding:.1rem .4rem;margin-bottom:.5rem}.tool-card h3{font-size:1rem;margin:0 0 .25rem}.tool-card p{font-size:.85rem;color:var(--muted);margin:0}#no-results{display:none;text-align:center;color:var(--muted);padding:2rem 0}.tool-page{padding:1.6rem 0 3rem}.tool-page h1{font-size:1.5rem;margin:0 0 .3rem}.tool-sub{color:var(--muted);font-size:.92rem;margin:0 0 1.3rem}.badge{display:inline-block;font-size:.78rem;color:var(--ok);border:1px solid var(--border);border-radius:999px;padding:.2rem .7rem;margin-left:.4rem}.controls{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;margin-bottom:1rem;font-size:.9rem}.controls label{display:inline-flex;align-items:center;gap:.35rem}.controls label[hidden]{display:none}.controls select,.controls input[type=text],.controls input[type=number]{padding:.35rem .55rem;border:1px solid var(--border);border-radius:7px;background:var(--panel);color:var(--text);font-size:.88rem}.controls input[type=number]{width:6rem}.btn{font-size:.82rem;padding:.35rem .8rem;cursor:pointer;border:1px solid var(--border);border-radius:7px;background:var(--panel);color:var(--text)}.btn:hover{background:var(--bg2)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast);font-weight:700}.btn.copied{border-color:var(--ok);color:var(--ok)}textarea.io,pre.io{width:100%;min-height:260px;margin:0;font-family:var(--mono);font-size:.87rem;line-height:1.5;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--text);padding:.8rem;resize:vertical;white-space:pre-wrap;word-break:break-word;overflow:auto}textarea.io:focus{outline:2px solid var(--accent);outline-offset:-1px}input.io{width:100%;margin:0;font-size:.87rem;line-height:1.5;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--text);padding:.7rem}input.io:focus{outline:2px solid var(--accent);outline-offset:-1px}.io.auto{min-height:auto}.io.field{min-height:auto;padding:.7rem;resize:none}.io.field.mono{font-family:var(--mono)}.io.xs{min-height:100px}.io.sm{min-height:150px}.io.md{min-height:200px}.io.ml{min-height:240px}.io.lg{min-height:300px}.io.xl{min-height:340px}.io.xxl{min-height:420px}.error-box{display:none;margin-top:.6rem;padding:.6rem .9rem;border:1px solid var(--bad);border-radius:9px;color:var(--bad);font-size:.87rem}.error-box.show{display:block}.error-bar{display:none;align-items:center;gap:.6rem;flex-wrap:wrap;margin-top:.7rem;padding:.45rem .7rem;border:1px solid var(--bad);border-radius:9px}.error-bar.show{display:flex}.error-bar .err-jump{flex:1 1 12rem;text-align:left;background:none;border:0;padding:0;cursor:pointer;color:var(--bad);font-family:var(--mono);font-size:.85rem}.error-bar .err-jump:hover{text-decoration:underline}.error-bar .err-msg{flex:1 1 12rem;color:var(--bad);font-family:var(--mono);font-size:.85rem}.status-bar{display:flex;align-items:center;gap:.4rem .9rem;flex-wrap:wrap;margin-top:.5rem;min-height:1.2rem;font-size:.82rem;color:var(--muted)}.status-bar .spacer{flex:1}.status-bar b{color:var(--text)}.status-bar .ok{color:var(--ok);font-weight:700}.spinner{display:inline-block;width:.85em;height:.85em;vertical-align:-.1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}[aria-busy=true]{cursor:progress}.ed-wrap{display:flex;border:1px solid var(--border);border-radius:10px;background:var(--panel);overflow:hidden}.ed-wrap:focus-within{outline:2px solid var(--accent);outline-offset:-1px}.gutter{flex:0 0 auto;min-width:3.2ch;padding:.8rem .5rem .8rem .6rem;font-family:var(--mono);font-size:13px;line-height:1.5;text-align:right;color:var(--muted);background:var(--bg2);border-right:1px solid var(--border);overflow:hidden;user-select:none;white-space:pre}.gutter i{display:block;font-style:normal}.gutter i.err{color:var(--bad);font-weight:700}.ed-wrap textarea.io{flex:1 1 auto;min-width:0;border:0;border-radius:0;background:transparent;font-size:13px;line-height:1.5;padding:.8rem;white-space:pre;overflow:auto;word-break:normal;overflow-wrap:normal}.ed-wrap textarea.io:focus{outline:none}.tc-grid{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;align-items:start}@media(max-width:640px){.tc-grid{grid-template-columns:1fr}}.cf-lbl,.pg-tab,.css-sub{display:block;font-family:var(--mono);font-size:.78rem;color:var(--accent);text-transform:uppercase;letter-spacing:.5px;margin:1rem 0 .4rem}.pg-tab{margin:0 0 .3rem}.tabs{display:flex;gap:.4rem;border-bottom:1px solid var(--border);flex-wrap:wrap}.tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--muted);padding:.5rem .9rem;cursor:pointer;font-size:.9rem}.tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:700}.css-wrap{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}.css-preview-col{position:sticky;top:4rem}.css-preview{width:100%;height:280px;border:1px solid var(--border);border-radius:10px}.css-stage{display:flex;align-items:center;justify-content:center;height:280px;border:1px solid var(--border);border-radius:10px;background:var(--bg2)}.css-stage.checker{background:repeating-conic-gradient(var(--bg2) 0% 25%,var(--panel) 0% 50%) 50% / 24px 24px}.css-box{width:120px;height:120px;border-radius:12px;background:var(--accent)}.css-box.grad{width:150px;height:150px;border-radius:0;background:linear-gradient(135deg,var(--accent),var(--accent2))}@media(max-width:720px){.css-wrap{grid-template-columns:1fr}.css-preview-col{position:static}}.preset-row{display:flex;flex-wrap:wrap;gap:.35rem;margin:.5rem 0}.preset-row .btn{font-size:.75rem;padding:.22rem .55rem}.warn-note{border:1px solid var(--border);border-left:3px solid var(--accent2);border-radius:8px;padding:.6rem .9rem;color:var(--muted);font-size:.85rem;margin:1rem 0}table.data{width:100%;border-collapse:collapse;font-size:.86rem}table.data th,table.data td{text-align:left;padding:.4rem .7rem;border-bottom:1px solid var(--border);vertical-align:top}table.data td.k{color:var(--muted);white-space:nowrap}table.data td.v{font-family:var(--mono);word-break:break-all}table.data th{color:var(--muted)}.cards-out{font-family:var(--mono);font-size:.95rem}article.prose{margin-top:2.2rem;padding-top:1.2rem;border-top:1px solid var(--border)}article.prose h2{font-size:1.1rem}article.prose p,article.prose li{color:var(--muted);font-size:.92rem}article.prose strong,article.prose code{color:var(--text)}article.prose code{font-family:var(--mono);background:var(--bg2);padding:.1rem .35rem;border-radius:4px;font-size:.88em}.faq-item{margin-top:1rem}.faq-item h3{font-size:1rem;margin:0 0 .3rem;color:var(--text)}.faq-item p{margin:0}table.cmp{width:100%;border-collapse:collapse;font-size:.86rem;margin:1rem 0}table.cmp th,table.cmp td{text-align:left;padding:.45rem .7rem;border:1px solid var(--border)}table.cmp th{background:var(--bg2)}.schema-row{display:flex;gap:.5rem;align-items:center;margin-bottom:.5rem;flex-wrap:wrap}.schema-row input.fname{flex:1;min-width:120px;padding:.35rem .55rem;border:1px solid var(--border);border-radius:7px;background:var(--panel);color:var(--text);font-family:var(--mono);font-size:.85rem}.schema-row select,.schema-row input.opt{padding:.35rem .5rem;border:1px solid var(--border);border-radius:7px;background:var(--panel);color:var(--text);font-size:.84rem}.schema-row input.opt{width:5.5rem}.schema-row .drag{color:var(--muted);cursor:grab}.schema-row .rm{color:var(--bad);cursor:pointer;border:none;background:none;font-size:1.1rem}.file-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.7rem;margin:.6rem 0 1.4rem}.file-list button,.file-list a{display:block;text-align:left;padding:.7rem .8rem;border:1px solid var(--border);border-radius:9px;background:var(--panel);color:var(--text)!important;cursor:pointer;text-decoration:none!important;transition:border-color .15s,transform .08s}.file-list button:hover,.file-list a:hover{border-color:var(--accent);transform:translateY(-1px)}.file-list .fn{display:block;font-family:var(--mono);font-weight:700;font-size:.9rem;color:var(--accent)}.file-list .fd{display:block;color:var(--muted);font-size:.78rem;margin-top:.2rem}.cat-h{font-size:.95rem;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin:1.4rem 0 0}.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:.6rem 0 1rem}.chips label{display:inline-flex;align-items:center;gap:.3rem;padding:.28rem .6rem;border:1px solid var(--border);border-radius:999px;font-size:.82rem;cursor:pointer}.chips input{margin:0}.code-block{position:relative}.code-block pre{max-height:340px}.cc-num{cursor:pointer;text-decoration:underline dotted;text-underline-offset:2px}.cc-num:hover{color:var(--accent)}@media(max-width:560px){table.cmp{display:block;overflow-x:auto;white-space:nowrap}}.dropzone{border:2px dashed var(--border);border-radius:12px;padding:2.2rem 1rem;text-align:center;color:var(--muted);cursor:pointer;transition:border-color .15s,background .15s}.dropzone:hover,.dropzone.drag{border-color:var(--accent);background:var(--bg2)}.dropzone .dz-hint{font-size:.9rem}.img-cols{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem;align-items:start}.img-cell{text-align:center}.img-cell .lbl{font-family:var(--mono);font-size:.75rem;color:var(--accent);text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:.4rem}.img-cell img{max-width:100%;max-height:320px;border:1px solid var(--border);border-radius:10px;background:repeating-conic-gradient(var(--bg2) 0% 25%,var(--panel) 0% 50%) 50% / 20px 20px}.img-meta{font-size:.82rem;color:var(--muted);margin-top:.4rem}.img-meta b{color:var(--text)}@media(max-width:640px){.img-cols{grid-template-columns:1fr}}.skip-link{position:absolute;left:-9999px;top:0;background:var(--accent);color:var(--accent-contrast);padding:.5rem 1rem;border-radius:0 0 8px;z-index:100;font-weight:700}.skip-link:focus{left:0;text-decoration:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.btn:focus-visible,button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.related{margin-top:2.5rem;padding-top:1.2rem;border-top:1px solid var(--border)}.related>h2{font-size:1rem;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;margin:0 0 .9rem}