.stb-demo{--stb-red: #d0232b;--stb-red-text: #ff6b72;--stb-red-bg: rgba(208, 35, 43, .18);--stb-green: #448a33;--stb-green-text: #7fd46a;--stb-green-bg: rgba(68, 138, 51, .22);--stb-amber: #c98a26;--stb-amber-text: #f0b54d;--stb-amber-bg: rgba(201, 138, 38, .2);--stb-blue: #3d73ee;--stb-blue-text: #8fb0ff;--stb-blue-bg: rgba(61, 115, 238, .22);--stb-text: #f2f2f2;--stb-text2: #a6a6a6;--stb-text3: #767676;--stb-border: #2a2a2a;--stb-surface: #141414;--stb-surface2: #1c1c1c;--stb-card: #181818;--stb-ph: #232323;--stb-ph-strong: #303030;--stb-link: rgba(61, 115, 238, .45);--stb-track: #2a2a2a;position:relative;margin:0;border:1px solid var(--stb-border);border-radius:14px;background:var(--stb-surface);box-shadow:0 30px 70px -24px #000c,0 0 0 1px #ffffff05,inset 0 1px #ffffff0d;overflow:hidden;font:13px/1.4 Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--stb-text);text-align:left;-webkit-user-select:none;user-select:none}.stb-demo *{box-sizing:border-box}.stb-demo b{font-weight:700}.stb-bar{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--stb-border);background:var(--stb-surface2)}.stb-dots{display:flex;gap:6px}.stb-dots i{width:10px;height:10px;border-radius:50%;background:#333}.stb-url{flex:1;background:var(--stb-surface);border:1px solid var(--stb-border);border-radius:8px;padding:5px 10px;font-size:12px;color:var(--stb-text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stb-ext{height:26px;padding:0 7px;border-radius:7px;letter-spacing:.02em;background:var(--stb-red);display:grid;place-items:center;color:#fff;font-weight:700;font-size:11px;box-shadow:0 0 #d0232b80}.stb-ext.ping{animation:stb-ping 1s ease-out}@keyframes stb-ping{to{box-shadow:0 0 0 10px #d0232b00}}.stb-body{display:grid;grid-template-columns:1fr 300px;height:400px}.stb-page{padding:22px 22px 0;overflow:hidden;border-right:1px solid var(--stb-border);position:relative}.stb-page .ph{position:relative;background:var(--stb-ph);border-radius:4px;transition:box-shadow .3s,background .3s}.stb-page .h1{height:18px;width:82%;margin-bottom:14px;background:var(--stb-ph-strong)}.stb-page .img{height:110px;margin-bottom:14px;background:linear-gradient(135deg,#1f1f1f,#2a2a2a)}.stb-page .ln{height:8px;margin-bottom:8px}.stb-page .ln.s{width:70%}.stb-page .ln.m{width:88%}.stb-page .h2{height:12px;width:55%;margin:16px 0 10px;background:var(--stb-ph-strong)}.stb-page .lnk{display:inline-block;height:8px;width:60px;background:var(--stb-link);border-radius:3px}.stb-page .row{display:flex;gap:6px;align-items:center;margin-bottom:8px}.stb-page .row .ph{height:8px;flex:1}.stb-page .row .lnk{flex:none}.stb-tag{position:absolute;left:-2px;top:-18px;font-size:10px;font-weight:600;padding:1px 6px;border-radius:5px;opacity:0;transform:translateY(4px);transition:opacity .3s,transform .3s;white-space:nowrap}.stb-page .show .stb-tag{opacity:1;transform:none}.stb-page .on-h{box-shadow:0 0 0 2px var(--stb-blue)}.stb-page .on-h .stb-tag{background:var(--stb-blue);color:#fff}.stb-page .on-bad{box-shadow:0 0 0 2px var(--stb-red);background:var(--stb-red-bg)}.stb-page .on-bad .stb-tag{background:var(--stb-red);color:#fff}.stb-page .on-warn{box-shadow:0 0 0 2px var(--stb-amber)}.stb-page .on-warn .stb-tag{background:var(--stb-amber);color:#fff}.stb-panel{display:flex;flex-direction:column;min-width:0;transform:translate(100%);transition:transform .6s cubic-bezier(.2,.8,.2,1);background:var(--stb-surface)}.stb-panel.open{transform:none}.stb-ph{padding:10px 12px 8px}.stb-site{font-weight:600;font-size:13px}.stb-path{font-size:11px;color:var(--stb-text3)}.stb-chips{display:flex;gap:5px;margin-top:7px;flex-wrap:wrap}.stb-chip{font-size:10.5px;font-weight:500;padding:1px 7px;border-radius:999px;background:var(--stb-surface2);color:var(--stb-text2);white-space:nowrap;transition:opacity .3s}.stb-chip.g{background:var(--stb-green-bg);color:var(--stb-green-text)}.stb-chip.r{background:var(--stb-red-bg);color:var(--stb-red-text)}.stb-chip.a{background:var(--stb-amber-bg);color:var(--stb-amber-text)}.stb-chip.b{background:var(--stb-blue-bg);color:var(--stb-blue-text)}.stb-tabs{display:flex;gap:2px;padding:0 8px;border-bottom:1px solid var(--stb-border);position:relative;overflow-x:auto;scrollbar-width:none}.stb-tabs::-webkit-scrollbar{display:none}.stb-tab{border:0;background:none;font:inherit;font-size:11.5px;color:var(--stb-text2);padding:7px 6px;margin:0;cursor:pointer;white-space:nowrap;border-radius:0}.stb-tab:hover{color:var(--stb-text)}.stb-tab.on{color:var(--stb-text);font-weight:600}.stb-ink{position:absolute;bottom:0;height:2px;background:var(--stb-red);transition:left .35s,width .35s}.stb-scenes{position:relative;flex:1;overflow:hidden}.stb-scene{position:absolute;top:0;right:0;bottom:0;left:0;padding:12px;opacity:0;transform:translateY(8px);transition:opacity .35s,transform .35s;pointer-events:none}.stb-scene.on{opacity:1;transform:none}.stb-card{border:1px solid var(--stb-border);border-radius:10px;padding:10px;margin-bottom:8px;background:var(--stb-card)}.stb-lbl{font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--stb-text3);margin-bottom:6px}.stb-lbl--flush{margin:0}.stb-lbl--foot{margin:6px 0 0}.stb-ov{display:flex;gap:12px;align-items:center}.stb-ring{width:76px;height:76px;position:relative;flex:none}.stb-ring svg{width:76px;height:76px;transform:rotate(-90deg)}.stb-ring circle{fill:none;stroke-width:7}.stb-ring .t{stroke:var(--stb-track)}.stb-ring .v{stroke:var(--stb-amber-text);stroke-linecap:round;stroke-dasharray:207.35;stroke-dashoffset:207.35;transition:stroke-dashoffset 1.2s cubic-bezier(.2,.8,.2,1)}.stb-ring .lab{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}.stb-ring b{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}.stb-ring small{font-size:8px;color:var(--stb-text3);font-weight:600;margin-top:2px;white-space:nowrap}.stb-pillars{flex:1;display:grid;gap:5px}.stb-pill-row{display:flex;align-items:center;gap:6px;font-size:11.5px;opacity:0;transform:translate(6px);transition:opacity .3s,transform .3s}.stb-scene.on .stb-pill-row{opacity:1;transform:none}.stb-ic{width:14px;height:14px;border-radius:50%;display:grid;place-items:center;font-size:9px;font-weight:700;color:#fff;flex:none}.stb-ic.g{background:var(--stb-green)}.stb-ic.r{background:var(--stb-red)}.stb-ic.a{background:var(--stb-amber)}.stb-issue{display:flex;gap:7px;align-items:flex-start;font-size:11.5px;padding:5px 0;border-top:1px solid var(--stb-border);opacity:0;transition:opacity .3s}.stb-lbl+.stb-issue{border-top:0}.stb-scene.on .stb-issue{opacity:1}.stb-lrow{display:flex;align-items:center;gap:6px;padding:6px 0;border-top:1px solid var(--stb-border);font-size:11.5px;opacity:0;transform:translateY(4px);transition:opacity .3s,transform .3s}.stb-lrow:first-child,.stb-lbl+.stb-lrow{border-top:0}.stb-lrow.in{opacity:1;transform:none}.stb-lrow .u{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--stb-text2)}.stb-st{font-size:10.5px;font-weight:600;padding:1px 6px;border-radius:5px;min-width:32px;text-align:center;background:var(--stb-surface2);color:var(--stb-text3)}.stb-st.g{background:var(--stb-green-bg);color:var(--stb-green-text)}.stb-st.a{background:var(--stb-amber-bg);color:var(--stb-amber-text)}.stb-st.r{background:var(--stb-red-bg);color:var(--stb-red-text)}.stb-sum{display:flex;gap:6px;margin-bottom:8px;flex-wrap:wrap}.stb-tiles{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:8px}.stb-tile{border:1px solid var(--stb-border);border-radius:8px;padding:7px 8px;background:var(--stb-card)}.stb-tile b{display:block;font-size:17px;font-weight:600;font-variant-numeric:tabular-nums}.stb-tile .d{font-size:10px;font-weight:600;color:var(--stb-green-text)}.stb-spark{display:block}.stb-spark path{fill:none;stroke:var(--stb-blue-text);stroke-width:2;stroke-linecap:round;stroke-dasharray:400;stroke-dashoffset:400;transition:stroke-dashoffset 1.6s ease-out}.stb-spark .area{fill:#3d73ee24;stroke:none;opacity:0;transition:opacity .6s .9s}.stb-scene.on .stb-spark path{stroke-dashoffset:0}.stb-scene.on .stb-spark .area{opacity:1}.stb-cursor{position:absolute;width:16px;height:16px;left:0;top:0;pointer-events:none;z-index:5;transition:transform .7s cubic-bezier(.3,.7,.2,1);filter:drop-shadow(0 1px 3px rgba(0,0,0,.6))}.stb-cursor svg{display:block;width:16px;height:16px}.stb-cursor.click:after{content:"";position:absolute;left:-6px;top:-6px;width:16px;height:16px;border-radius:50%;border:2px solid var(--stb-red);animation:stb-click .45s ease-out forwards}@keyframes stb-click{0%{transform:scale(.4);opacity:1}to{transform:scale(1.6);opacity:0}}@media (max-width: 640px){.stb-body{grid-template-columns:1fr;height:420px}.stb-page,.stb-cursor{display:none}}@media (prefers-reduced-motion: reduce){.stb-demo *,.stb-demo *:after{transition:none!important;animation:none!important}.stb-cursor{display:none}}.stb-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}