:root{--bg: #0a0d14;--bg2: #0d1119;--card: #111623;--card2: #161c2c;--border: #222a3d;--border2: #303b55;--text: #e8ecf4;--muted: #97a2ba;--faint: #626e8a;--ac: #7aa2ff;--ac2: #b48cff;--ac-soft: rgba(122, 162, 255, .13);--good: #34d399;--warn: #fbbf24;--bad: #f87171;--code-bg: #0b0f18;--shadow: 0 10px 30px rgba(0, 0, 0, .35);--r: 12px}[data-theme=light]{--bg: #f2f4fa;--bg2: #eceff8;--card: #ffffff;--card2: #f6f8fd;--border: #dfe4f0;--border2: #c8d1e4;--text: #1b2333;--muted: #5b6579;--faint: #8b95ab;--ac: #3f6ae0;--ac2: #8b46e0;--ac-soft: rgba(63, 106, 224, .1);--code-bg: #eef1f9;--shadow: 0 10px 30px rgba(30, 40, 80, .1)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.55;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0 0 8px;line-height:1.25;font-weight:700}h1{font-size:24px}h2{font-size:19px}h3{font-size:16px}p{margin:0 0 10px}a{color:var(--ac);text-decoration:none}a:hover{text-decoration:underline}code,pre,.mono{font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:13px}kbd{background:var(--card2);border:1px solid var(--border2);border-bottom-width:2px;border-radius:6px;padding:1px 6px;font-size:12px;font-family:inherit}::selection{background:var(--ac-soft)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--border2);border-radius:8px;border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-track{background:transparent}.app{display:flex;height:100vh;overflow:hidden}.sidebar{width:280px;flex-shrink:0;display:flex;flex-direction:column;background:var(--bg2);border-right:1px solid var(--border)}.side-scroll{flex:1;overflow-y:auto;padding:8px 10px 24px}.brand{display:flex;align-items:center;gap:10px;padding:14px 14px 10px;text-decoration:none!important}.brand-logo{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:18px;background:linear-gradient(135deg,var(--ac),var(--ac2));color:#fff;box-shadow:0 4px 14px #7aa2ff59}.brand b{font-size:16.5px;color:var(--text);letter-spacing:-.2px}.brand span{display:block;font-size:11.5px;color:var(--faint);font-weight:500}.side-search{padding:4px 6px 10px;position:relative}.side-search input{width:100%;background:var(--card);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:9px 30px 9px 34px;font-size:13.5px;outline:none;font-family:inherit}.side-search input:focus{border-color:var(--ac);box-shadow:0 0 0 3px var(--ac-soft)}.side-search .icon{position:absolute;left:17px;top:15px;color:var(--faint);font-size:13px;pointer-events:none}.side-search kbd{position:absolute;right:16px;top:12px;font-size:10.5px;color:var(--faint)}.side-title{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--faint);padding:14px 8px 5px}.side-title .n{font-weight:600;background:var(--ac-soft);color:var(--ac);border-radius:99px;padding:0 8px;font-size:10.5px}.side-item{display:flex;align-items:center;gap:9px;padding:6.5px 9px;border-radius:8px;color:var(--muted);font-size:13.5px;text-decoration:none!important;cursor:pointer;border:none;width:100%;background:none;text-align:left;font-family:inherit}.side-item:hover{background:var(--card);color:var(--text)}.side-item.active{background:var(--ac-soft);color:var(--ac);font-weight:600}.side-item .ic{width:19px;text-align:center;font-size:14px;flex-shrink:0}.side-item .nm{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-empty{color:var(--faint);font-size:13px;padding:8px 10px}.main{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{display:none;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--bg2)}.topbar .burger{background:var(--card);border:1px solid var(--border);color:var(--text);border-radius:9px;width:36px;height:36px;font-size:16px;cursor:pointer}.topbar b{font-size:15px}.content{flex:1;overflow-y:auto}.content-inner{max-width:1060px;margin:0 auto;padding:30px 34px 90px}.backdrop{display:none}.hero{padding:30px 0 10px}.hero h1{font-size:40px;letter-spacing:-1.2px;margin-bottom:8px;background:linear-gradient(90deg,var(--ac),var(--ac2) 60%,#63e6ff);-webkit-background-clip:text;background-clip:text;color:transparent;width:fit-content}[data-theme=light] .hero h1{background:linear-gradient(90deg,#2b4fc2,#7a2bd0 60%,#0e8fa8);-webkit-background-clip:text;background-clip:text}.hero .sub{color:var(--muted);font-size:16px;max-width:620px}.hero-search{max-width:520px;margin:22px 0 6px;position:relative}.hero-search input{width:100%;background:var(--card);border:1px solid var(--border);color:var(--text);border-radius:14px;padding:14px 16px 14px 42px;font-size:15px;outline:none;font-family:inherit;box-shadow:var(--shadow)}.hero-search input:focus{border-color:var(--ac);box-shadow:0 0 0 4px var(--ac-soft)}.hero-search .icon{position:absolute;left:16px;top:19px;color:var(--faint)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--card);border:1px solid var(--border);color:var(--muted);border-radius:99px;padding:4px 12px;font-size:12.5px;font-weight:600;text-decoration:none!important}.chip:hover{border-color:var(--ac);color:var(--ac)}.cat-section{margin-top:34px}.cat-head{display:flex;align-items:center;gap:10px;margin-bottom:13px}.cat-head .ic{font-size:18px}.cat-head h2{margin:0;font-size:17px}.cat-head .n{color:var(--faint);font-size:12.5px;font-weight:600;margin-left:2px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:12px}.card{display:flex;flex-direction:column;gap:3px;background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:14px 15px;text-decoration:none!important;color:var(--text);transition:transform .12s ease,border-color .12s ease;position:relative}.card:hover{transform:translateY(-2px);border-color:var(--ac)}.card .top{display:flex;align-items:center;gap:9px;margin-bottom:5px}.card-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-size:16px;flex-shrink:0}.card b{font-size:14px}.card .d{color:var(--muted);font-size:12.5px;line-height:1.45}.card .star{position:absolute;top:9px;right:9px}.tool-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:24px}.tool-icon{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;font-size:24px;flex-shrink:0}.tool-head h1{margin-bottom:2px}.tool-head p{color:var(--muted);margin:0;font-size:14px}.tool-head .spacer{flex:1}.loading{color:var(--faint);padding:40px 0;text-align:center;font-size:14px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;min-width:0}.field>label{font-size:12.5px;font-weight:600;color:var(--muted);letter-spacing:.2px}.field .hint{font-size:11.5px;color:var(--faint);font-weight:500}.input,select.input,textarea.input{width:100%;background:var(--bg2);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:9px 12px;font-size:14px;outline:none;font-family:inherit;transition:border-color .1s ease}.input:focus{border-color:var(--ac);box-shadow:0 0 0 3px var(--ac-soft)}.input.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}textarea.input{resize:vertical;line-height:1.5}select.input{cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.input::placeholder{color:var(--faint)}input[type=range].range{width:100%;accent-color:var(--ac);cursor:pointer}input[type=checkbox].check{width:16px;height:16px;accent-color:var(--ac);cursor:pointer;flex-shrink:0}input[type=color].color-in{width:44px;height:34px;padding:2px;border:1px solid var(--border);border-radius:8px;background:var(--bg2);cursor:pointer}.check-line{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--ac);color:#0c1120;border:none;border-radius:10px;padding:9px 16px;font-size:13.5px;font-weight:700;cursor:pointer;font-family:inherit;transition:filter .1s ease,background .1s ease;white-space:nowrap}.btn:hover{filter:brightness(1.1)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.ghost{background:var(--card);color:var(--text);border:1px solid var(--border);font-weight:600}.btn.ghost:hover{border-color:var(--ac);color:var(--ac)}.btn.danger{background:transparent;border:1px solid var(--border);color:var(--bad)}.btn.danger:hover{border-color:var(--bad)}.btn.small{padding:5px 10px;font-size:12.5px;border-radius:8px}.copy-btn{display:inline-flex;align-items:center;gap:5px;background:var(--card2);color:var(--muted);border:1px solid var(--border);border-radius:7px;padding:3px 9px;font-size:11.5px;font-weight:600;cursor:pointer;font-family:inherit;flex-shrink:0}.copy-btn:hover{color:var(--ac);border-color:var(--ac)}.copy-btn.done{color:var(--good);border-color:var(--good)}.row{display:flex;align-items:center;gap:12px}.row.wrap{flex-wrap:wrap}.row-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.grid{display:grid;gap:14px}.grid.g2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid.g3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.section{margin-bottom:26px}.divider{border:none;border-top:1px solid var(--border);margin:22px 0}.out{background:var(--card);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;margin-bottom:14px}.out-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border-bottom:1px solid var(--border);background:var(--card2)}.out-head b{font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}.out-body{padding:12px 14px;font-size:14px;overflow-x:auto}.out-body pre{margin:0;white-space:pre-wrap;word-break:break-word;line-height:1.55}.out-body pre.nowrap{white-space:pre}.stats{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.stat{background:var(--card);border:1px solid var(--border);border-radius:11px;padding:10px 14px;min-width:108px}.stat .l{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--faint)}.stat .v{font-size:20px;font-weight:800;letter-spacing:-.4px;margin-top:1px}.stat .v.small{font-size:15px}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--r);background:var(--card);margin-bottom:14px}table.tbl{width:100%;border-collapse:collapse;font-size:13.5px}.tbl th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--faint);padding:9px 12px;border-bottom:1px solid var(--border);background:var(--card2);white-space:nowrap}.tbl td{padding:7.5px 12px;border-bottom:1px solid var(--border);vertical-align:top}.tbl tr:last-child td{border-bottom:none}.tbl tr:hover td{background:var(--card2)}.tbl td.num,.tbl th.num{text-align:right;font-variant-numeric:tabular-nums}.note{display:flex;gap:9px;background:var(--ac-soft);border:1px solid rgba(122,162,255,.3);border-radius:10px;padding:10px 13px;font-size:13px;color:var(--text);margin-bottom:14px;line-height:1.5}.note.warn{background:#fbbf2417;border-color:#fbbf2459}.note.error{background:#f8717117;border-color:#f8717159}.note.ok{background:#34d39917;border-color:#34d39959}.tabs{display:flex;gap:6px;background:var(--card);border:1px solid var(--border);border-radius:11px;padding:4px;width:fit-content;margin-bottom:18px;flex-wrap:wrap}.tab{background:none;border:none;color:var(--muted);font-size:13px;font-weight:600;padding:7px 14px;border-radius:8px;cursor:pointer;font-family:inherit}.tab:hover{color:var(--text)}.tab.active{background:var(--ac-soft);color:var(--ac)}.dropzone{border:2px dashed var(--border2);border-radius:var(--r);padding:34px 20px;text-align:center;color:var(--muted);cursor:pointer;transition:border-color .15s ease,background .15s ease;margin-bottom:14px;background:var(--card)}.dropzone:hover,.dropzone.drag{border-color:var(--ac);background:var(--ac-soft)}.dropzone .big{font-size:28px;margin-bottom:6px}.dropzone b{color:var(--text)}.swatches{display:flex;flex-wrap:wrap;gap:8px}.swatch{border-radius:10px;cursor:pointer;border:1px solid var(--border);overflow:hidden;background:none;padding:0;font-family:inherit}.swatch .c{width:100%;height:44px;display:block}.swatch .t{display:block;font-size:11px;color:var(--muted);padding:4px 6px;font-weight:600;letter-spacing:.3px}.swatch:hover{border-color:var(--ac)}.big-display{font-size:46px;font-weight:800;letter-spacing:1px;font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-align:center;padding:18px 0 6px}.diff-add{color:var(--good);background:#34d39917}.diff-del{color:var(--bad);background:#f8717117}mark.rx{background:#fbbf2459;color:inherit;border-radius:3px;padding:0 1px}.bar-chart{display:flex;align-items:flex-end;gap:4px;height:140px;padding:10px 0}.bar-chart .bar{flex:1;min-width:6px;border-radius:4px 4px 0 0;background:linear-gradient(180deg,var(--ac),var(--ac2));position:relative}.muted{color:var(--muted)}.faint{color:var(--faint)}.good{color:var(--good)}.bad{color:var(--bad)}.warn-c{color:var(--warn)}.mt0{margin-top:0}.w100{width:100%}.fav-star{background:none;border:none;cursor:pointer;font-size:16px;padding:3px;line-height:1;filter:grayscale(1);opacity:.45;transition:opacity .1s ease}.fav-star:hover{opacity:1}.fav-star.on{filter:none;opacity:1}@media (max-width: 920px){.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:40;transform:translate(-105%);transition:transform .18s ease}.sidebar.open{transform:none;box-shadow:var(--shadow)}.backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:30}.topbar{display:flex}.content-inner{padding:20px 16px 70px}.hero h1{font-size:30px}}