:root{--ss-a:#06b6d4;--ss-b:#818cf8;--grad-screensheriff:linear-gradient(135deg, var(--ss-a), var(--ss-b));--app-a:var(--ss-a);--app-b:var(--ss-b);--app-grad:var(--grad-screensheriff);--accent:#06b6d4;--accent2:#818cf8;--grad:var(--grad-screensheriff);--gold:#ffb400;--ok:#00c878}.ss-body{grid-template-columns:1fr 240px;height:100%;display:grid;overflow:hidden}.pnl-section{border-bottom:1px solid var(--border);padding:12px 14px}.pnl-label{letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:8px;font-weight:700;display:block}.ss-share-btn{border:1px solid var(--border);background:var(--surface2);width:100%;color:var(--text2);font-family:var(--font-body);letter-spacing:.5px;text-transform:uppercase;cursor:pointer;border-radius:3px;align-items:center;gap:6px;padding:7px 10px;font-size:10px;font-weight:700;transition:all .12s;display:flex}.ss-share-btn:hover{border-color:var(--ss-a);color:var(--ss-a)}.brand-chips{gap:4px;display:flex}.brand-chip{border:1px solid var(--border);background:var(--surface2);color:var(--muted);font-family:var(--font-body);letter-spacing:.5px;text-transform:uppercase;cursor:pointer;text-align:center;border-radius:3px;flex:1;padding:6px 4px;font-size:10px;font-weight:700;transition:all .12s}.brand-chip.active{border-color:var(--ss-a);color:var(--ss-a);background:#06b6d414}.model-grid{grid-template-columns:1fr 1fr;gap:3px;display:grid}.model-btn{border:1px solid var(--border);background:var(--surface2);color:var(--text2);font-family:var(--font-mono);cursor:pointer;text-align:center;border-radius:3px;padding:6px 4px;font-size:11px;font-weight:700;line-height:1.2;transition:all .12s}.model-btn .nm{color:var(--muted);letter-spacing:.5px;font-size:7px;font-family:var(--font-body);margin-top:1px;display:block}.model-btn:hover{border-color:var(--border2)}.model-btn.active{border-color:var(--ss-a);color:var(--ss-a);background:#06b6d414}.model-btn.active .nm{color:#06b6d499}.stand-list{flex-direction:column;gap:3px;display:flex}.stand-btn{border:1px solid var(--border);background:var(--surface2);width:100%;color:var(--muted);font-family:var(--font-mono);text-align:left;cursor:pointer;border-radius:3px;justify-content:space-between;align-items:center;padding:6px 8px;font-size:9px;font-weight:700;transition:all .12s;display:flex}.stand-btn:hover{border-color:var(--border2);color:var(--text2)}.stand-btn.active{border-color:var(--ss-a);color:var(--ss-a);background:#06b6d414}.st-brand{color:var(--muted);font-size:7px;font-family:var(--font-body);letter-spacing:.5px}.orient-row{gap:4px;display:flex}.orient-btn{border:1px solid var(--border);background:var(--surface2);color:var(--muted);font-family:var(--font-body);letter-spacing:1px;text-transform:uppercase;cursor:pointer;text-align:center;border-radius:3px;flex:1;padding:7px 0;font-size:10px;font-weight:700;transition:all .12s}.orient-btn.active{border-color:var(--ss-a);color:var(--ss-a);background:#06b6d414}.stand-info{color:var(--muted);margin-top:6px;font-size:9px;line-height:1.5;display:none}.stand-info.visible{display:block}.stand-info .stand-name{color:var(--text);font-family:var(--font-mono);font-size:9px}.stand-info .stand-type{color:var(--ss-b);font-family:var(--font-mono);letter-spacing:.5px;font-size:8px}.info-card{background:var(--surface2);border:1px solid var(--border);border-radius:3px;padding:6px 8px}.info-row{border-bottom:1px solid #00000014;justify-content:space-between;align-items:center;padding:3px 0;display:flex}[data-theme=dark] .info-row{border-bottom-color:#ffffff0a}.info-row:last-child{border-bottom:none}.info-row .lbl{font-family:var(--font-body);letter-spacing:.5px;color:var(--muted);font-size:9px}.info-row .val{font-family:var(--font-mono);color:var(--text);font-size:10px}.info-row .val.acc{color:var(--ss-a);font-weight:700}.read-table{border-collapse:collapse;width:100%}.read-table th{font-family:var(--font-body);letter-spacing:1px;color:var(--muted);text-align:left;border-bottom:1px solid var(--border);text-transform:uppercase;padding:4px 5px 6px;font-size:8px}.read-table td{vertical-align:middle;border-bottom:1px solid #0000000f;padding:3px 5px}[data-theme=dark] .read-table td{border-bottom-color:#ffffff0a}.read-table tr:last-child td{border-bottom:none}.read-table td:first-child{font-family:var(--font-mono);color:var(--text);white-space:nowrap;padding-left:0;font-size:10px}.read-table td:nth-child(2){font-family:var(--font-mono);color:var(--ss-a);white-space:nowrap;text-align:right;padding-right:7px;font-size:11px;font-weight:700}.read-table td:nth-child(3){font-family:var(--font-body);color:var(--muted);font-size:9px;line-height:1.4}.read-note{color:var(--muted);background:var(--surface2);border:1px solid var(--border);font-size:9.5px;font-style:italic;line-height:1.6;font-family:var(--font-body);border-radius:3px;margin-top:8px;padding:7px 9px}.mi-group{margin-bottom:10px}.mi-sub-label{font-family:var(--font-body);letter-spacing:1px;color:var(--muted);text-transform:uppercase;margin-bottom:4px;font-size:8px}.mi-formats{flex-direction:column;gap:2px;display:flex}.mi-fmt{background:var(--surface2);border:1px solid var(--border);border-radius:3px;align-items:center;padding:3px 7px;transition:border-color .12s;display:flex}.mi-fmt:hover{border-color:var(--border2)}.mi-ext{font-family:var(--font-mono);color:var(--text);min-width:62px;font-size:9px;font-weight:700}.mi-info{color:var(--muted);font-size:9px;font-family:var(--font-body);flex:1}.mi-badge{font-family:var(--font-mono);color:var(--ss-a);font-size:10px;font-weight:700}.mi-fmt.warn .mi-badge{color:var(--gold)}.mi-fmt.off .mi-badge{color:var(--muted)}.mi-specs{background:var(--surface2);border:1px solid var(--border);border-radius:3px;overflow:hidden}.mi-spec-row{border-bottom:1px solid #00000012;justify-content:space-between;align-items:center;padding:3px 8px;display:flex}[data-theme=dark] .mi-spec-row{border-bottom-color:#ffffff0a}.mi-spec-row:last-child{border-bottom:none}.mi-spec-lbl{color:var(--muted);letter-spacing:.3px;font-size:9px;font-family:var(--font-body)}.mi-spec-val{font-family:var(--font-mono);color:var(--text);text-align:right;font-size:9px}.mi-spec-val.acc{color:var(--ss-a)}.mi-spec-val.warn{color:var(--gold)}.mi-note{font-family:var(--font-body);color:var(--muted);background:var(--surface2);border:1px solid var(--border);border-radius:3px;margin-top:7px;padding:6px 9px;font-size:9.5px;line-height:1.65}.mi-note strong{color:var(--text);font-weight:600}.mi-note code{font-family:var(--font-mono);color:var(--ss-a);font-size:9px}.mi-note.gold{border-left:2px solid var(--gold)}.mi-note.green{border-left:2px solid var(--ss-a)}.scroll-fade{pointer-events:none;z-index:5;background:linear-gradient(to bottom, transparent, var(--surface) 88%);justify-content:center;align-items:flex-end;height:56px;padding-bottom:7px;transition:opacity .3s;display:flex;position:absolute;bottom:0;left:0;right:3px}.scroll-fade.hidden{opacity:0}.scroll-fade-txt{font-family:var(--font-body);letter-spacing:1px;color:var(--muted);align-items:center;gap:4px;font-size:8px;display:flex}.ss-workspace{background:var(--bg);flex-direction:column;display:flex;overflow:hidden}.vis-area{flex:1;position:relative;overflow:hidden}#visSvg{width:100%;height:100%;display:block}@keyframes vis-flash{0%{opacity:.4}to{opacity:1}}.ss-workspace.switching{animation:.25s ease-out vis-flash}.vis-footer{background:var(--surface);border-top:1px solid var(--border);flex-shrink:0;align-items:center;gap:24px;height:48px;padding:0 20px;transition:background .3s;display:flex;overflow:hidden}.vis-stat{white-space:nowrap;align-items:center;gap:5px;display:flex}.vis-stat .lbl{letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);font-size:8px;display:block}.vis-stat .val{font-family:var(--font-mono);color:var(--text);font-size:12px}.vis-stat .val.acc{color:var(--ss-a)}.ss-dialog-title{font-family:var(--font-display);letter-spacing:.5px;background:var(--grad-screensheriff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:16px;font-weight:800}.ss-dialog-inner{padding:28px 28px 22px}.modal-btn{background:var(--grad-screensheriff);width:100%;font-family:var(--font-body);letter-spacing:2px;text-transform:uppercase;color:#fff;cursor:pointer;border:none;border-radius:3px;padding:9px 14px;font-size:11px;font-weight:700;transition:opacity .15s;display:block}.modal-btn:hover{opacity:.85}.info-panel{background:var(--surface);border-left:1px solid var(--border);flex-direction:column;height:100%;transition:background .3s,border-color .3s;display:flex;position:relative;overflow:hidden auto}.info-panel::-webkit-scrollbar{width:3px}.info-panel::-webkit-scrollbar-track{background:0 0}.info-panel::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}.info-scroll-fade{pointer-events:none;z-index:5;background:linear-gradient(to bottom, transparent, var(--surface) 88%);flex-shrink:0;justify-content:center;align-items:flex-end;height:56px;padding-bottom:7px;transition:opacity .3s;display:flex;position:sticky;bottom:0;left:0;right:3px}.info-scroll-fade.hidden{opacity:0}.ss-settings-toggle{background:var(--surface);border:none;border-bottom:1px solid var(--border);width:100%;color:var(--text2);font-family:var(--font-body);letter-spacing:.5px;cursor:pointer;text-align:left;justify-content:space-between;align-items:center;padding:10px 14px;font-size:12px;font-weight:700;display:none}@media (max-width:960px){.ss-body{grid-template-rows:1fr auto;grid-template-columns:1fr}.info-panel{border-left:none;border-top:1px solid var(--border);flex-direction:column;grid-area:2/1;height:auto;max-height:280px;overflow:hidden auto}.info-panel .pnl-section{flex:unset;min-width:unset;border-right:none}}@media (max-width:768px){.ss-body{flex-direction:column;height:auto;display:flex;overflow:visible}.ss-settings-toggle{display:flex}.ss-aside-content{max-height:0;transition:max-height .3s;overflow:hidden}.ss-aside-content.open{max-height:600px}.ss-workspace{flex-shrink:0;width:100%;height:55vw;min-height:220px}.info-panel{grid-column:unset;grid-row:unset;border-top:1px solid var(--border);border-left:none;flex-direction:column;width:100%;height:auto;max-height:none;overflow:hidden auto}.info-panel .pnl-section{flex:unset;min-width:unset;border-right:none;border-bottom:1px solid var(--border)}.info-scroll-fade{display:flex}.vis-footer{gap:14px;padding:0 12px;overflow-x:auto}}