:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility}:root{--bg:#0b0f17;--panel:#121826;--panel-2:#19212f;--line:#243044;--text:#e6ecf5;--muted:#8a97ac;--accent:#4f9dff;--good:#36d399;--warn:#fbbf24;--bad:#f87171}*{box-sizing:border-box}html,body{height:100%;margin:0}#root{min-height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{grid-template-columns:320px 1fr;height:100vh;display:grid;overflow:hidden}.sidebar{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;gap:18px;padding:20px;display:flex;overflow-y:auto}.brand{letter-spacing:-.02em;margin:0;font-size:20px;font-weight:800}.brand span{color:var(--accent)}.tagline{color:var(--muted);margin:0;font-size:12.5px;line-height:1.5}.panel{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:14px}.panel h2{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 10px;font-size:11px}.row{gap:10px;display:flex}.field{flex-direction:column;flex:1;gap:5px;display:flex}.field-label{color:var(--muted);font-size:11px}.field input{background:var(--bg);border:1px solid var(--line);color:var(--text);font-variant-numeric:tabular-nums;border-radius:8px;width:100%;padding:9px 10px;font-size:16px}.field input:focus{border-color:var(--accent);outline:none}.seg{gap:6px;margin-top:12px;display:flex}.seg-btn{background:var(--bg);border:1px solid var(--line);color:var(--muted);cursor:pointer;border-radius:8px;flex:1;padding:8px;font-size:12.5px;transition:all .12s}.seg-btn.active{background:var(--accent);border-color:var(--accent);color:#04101f;font-weight:700}.seg-btn:disabled{opacity:.35;cursor:not-allowed}.sub-label{color:var(--muted);margin:12px 0 6px;font-size:11px}.cap{color:var(--muted);margin-top:12px;font-size:12px}.cap strong{color:var(--text)}.cap-bad,.cap-bad strong{color:var(--bad)}.check{cursor:pointer;align-items:center;gap:8px;padding:4px 0;font-size:13px;display:flex}.legend .grad{background:linear-gradient(90deg,#ec1313,#ecec13,#13ec13);border-radius:6px;height:10px}.grad-labels{color:var(--muted);justify-content:space-between;margin-top:5px;font-size:10.5px;display:flex}.hint{color:var(--muted);margin:10px 0 0;font-size:11.5px;line-height:1.5}.content{flex-direction:column;display:flex;overflow:hidden}.results-strip{-webkit-overflow-scrolling:touch;border-bottom:1px solid var(--line);flex-shrink:0;gap:12px;padding:16px;display:flex;overflow-x:auto}.result-card{background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:12px;flex-shrink:0;width:130px;padding:8px;transition:border-color .12s,transform .12s}.result-card:hover{transform:translateY(-2px)}.result-card.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.thumb{background:#070a11;border-radius:8px;height:90px;padding:6px}.result-meta{color:var(--muted);align-items:center;gap:8px;margin-top:8px;font-size:11px;display:flex}.result-meta .rank{color:var(--accent);font-weight:800}.result-meta .metric strong{color:var(--text)}.detail{flex:1;grid-template-columns:1fr 340px;gap:16px;min-height:0;padding:16px;display:grid;overflow:hidden}.stage{border:1px solid var(--line);background:radial-gradient(circle at 50% 40%,#0f1626,#070a11);border-radius:14px;flex-direction:row;align-items:stretch;gap:10px;min-height:0;padding:14px;display:flex;position:relative}.stage-canvas{border-radius:10px;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.loading3d{color:var(--muted);flex:1;place-items:center;font-size:13px;display:grid}.stage-bar{flex-direction:column;flex-shrink:0;gap:0;display:flex}.tool-group{flex-direction:column;gap:6px;display:flex}.tool-group+.tool-group{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.tool{border:1px solid var(--line);width:34px;height:34px;color:var(--text);cursor:pointer;background:#0b0f17b3;border-radius:8px;place-items:center;font-size:17px;line-height:1;display:grid}.tool.text{width:auto;padding:0 12px;font-size:12.5px;font-weight:600}.tool:hover:not(:disabled){border-color:var(--accent)}.tool:disabled{opacity:.35;cursor:not-allowed}.tool.active{background:var(--accent);border-color:var(--accent);color:#04101f}.side-tag{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);z-index:2;background:#0b0f17b3;border-radius:999px;padding:4px 9px;font-size:11px;position:absolute;top:12px;left:14px}.info{flex-direction:column;gap:14px;min-height:0;display:flex;overflow-y:auto}.badges{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stat{background:var(--panel);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.stat-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:10.5px}.stat-value{font-variant-numeric:tabular-nums;font-size:17px;font-weight:700}.stat-hint{color:var(--muted);font-size:10.5px}.stat-good .stat-value{color:var(--good)}.stat-warn .stat-value{color:var(--warn)}.stat-bad .stat-value{color:var(--bad)}.junction-list{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px}.junction-list h3{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 10px;font-size:12px}.jrows{flex-direction:column;gap:6px;display:flex}.jrow{font-variant-numeric:tabular-nums;grid-template-columns:78px 1fr 28px;align-items:center;gap:8px;font-size:12px;display:grid}.jlabel{color:var(--muted);align-items:center;gap:3px;display:flex}.jlabel .dot{border-radius:50%;width:9px;height:9px;display:inline-block}.jlabel .arrow{margin:0 2px}.jbar{background:var(--bg);border-radius:5px;height:8px;overflow:hidden}.jbar-fill{border-radius:5px;height:100%;display:block}.jval{text-align:right;font-weight:700}.empty{flex:1;place-items:center;padding:40px;display:grid}.empty-card{background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:14px;max-width:440px;padding:28px 32px}.empty-card h3{color:var(--bad);margin:0 0 8px}.empty-card p{color:var(--muted);margin:0;line-height:1.5}@media (width<=900px){html,body,#root{height:auto}.app{grid-template-columns:none;height:auto;display:block;overflow:visible}.sidebar{border-right:none;border-bottom:1px solid var(--line);gap:14px;overflow:visible}.content{overflow:visible}.results-strip{padding:12px}.detail{padding:12px;display:block;overflow:visible}.stage{height:62vh;margin-bottom:14px}.info{overflow:visible}.seg-btn{padding:11px 8px}.check{padding:8px 0;font-size:14px}}@media (width>=601px) and (width<=900px){.sidebar{grid-template-columns:1fr 1fr;align-items:start;padding:16px;display:grid}.brand,.tagline{grid-column:1/-1}}@media (width<=600px){.sidebar{padding:16px}.tagline{font-size:12px}.stage{height:56vh;padding:12px}.badges{grid-template-columns:1fr 1fr}.detail .info{gap:12px}}.seo{background:var(--panel);border-top:1px solid var(--line);color:var(--text);padding:56px 24px 72px}.seo-inner{max-width:820px;margin:0 auto}.seo h2{letter-spacing:-.01em;margin:0 0 16px;font-size:28px}.seo h3{margin:30px 0 10px;font-size:18px}.seo p{color:var(--muted);margin:0 0 14px;font-size:15px;line-height:1.65}.seo strong{color:var(--text)}.seo ul{color:var(--muted);margin:0 0 14px;padding-left:20px;font-size:15px;line-height:1.75}.faq{margin:8px 0 0}.faq-item{border-top:1px solid var(--line);padding:16px 0}.faq dt{color:var(--text);margin-bottom:6px;font-size:15px;font-weight:700}.faq dd{color:var(--muted);margin:0;font-size:14.5px;line-height:1.6}.seo-foot{border-top:1px solid var(--line);color:var(--muted);margin-top:30px;padding-top:16px;font-size:12.5px}