#opl-viewer-sidebar{position:fixed;top:96px;right:var(--view-panel-tab-gutter, 0);width:380px;height:var(--view-panel-height, min(72vh, calc(100vh - 120px) ));max-height:var(--view-panel-height, min(72vh, calc(100vh - 120px) ));display:flex;flex-direction:column;background:var(--view-panel-bg, var(--bg-primary, #1f1f1f));border-left:1px solid var(--color-border-light, rgba(255, 255, 255, .12));color:var(--color-text-primary, #f5f5f5);transform:translate(110%);opacity:0;transition:transform .25s ease,opacity .2s ease;z-index:13000;overflow:hidden;visibility:hidden;pointer-events:none}#opl-viewer-sidebar.visible{transform:translate(0);opacity:1;visibility:visible;pointer-events:auto}#opl-viewer-sidebar:not(.visible){border-left-color:transparent;box-shadow:none}[data-theme=light] #opl-viewer-sidebar{background:#fff;border-left-color:#0f172a1f;color:#1f2937}#opl-viewer-sidebar .sidebar-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:var(--view-panel-header-pad, 16px 20px);height:var(--view-panel-header-height, 48px);border-bottom:1px solid var(--view-panel-header-border, var(--color-border-light, rgba(255, 255, 255, .12)))}#opl-viewer-sidebar .sidebar-header h3{margin:0;display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:600}#opl-viewer-sidebar .sidebar-header-actions{display:inline-flex;align-items:center;gap:6px;margin-left:auto}#opl-viewer-sidebar .opl-viewer-action-btn{width:30px;height:30px;border:none;border-radius:8px;background:transparent;color:var(--color-text-secondary, #99a7b5);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,color .2s ease}#opl-viewer-sidebar .opl-viewer-action-btn:hover,#opl-viewer-sidebar .opl-viewer-action-btn:focus-visible{background:#ffffff14;color:var(--color-text-primary, #ffffff)}[data-theme=light] #opl-viewer-sidebar .opl-viewer-action-btn:hover,[data-theme=light] #opl-viewer-sidebar .opl-viewer-action-btn:focus-visible{background:#0f172a14;color:#1f2937}#opl-viewer-sidebar .sidebar-pin-btn.pinned{background:var(--color-secondary, #00ff41);color:#0b1e0f}#opl-viewer-sidebar .opl-viewer-toolbar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-bottom:1px solid rgba(148,163,184,.12);background:#ffffff05}[data-theme=light] #opl-viewer-sidebar .opl-viewer-toolbar{background:#0f172a08}.opl-viewer-summary{display:flex;align-items:center}.opl-summary-meta,.opl-viewer-tip{font-size:12px;color:var(--color-text-secondary, #9ca3af)}#opl-viewer-sidebar .opl-viewer-content{flex:1 1 auto;min-height:0;max-height:100%;overflow-y:auto;overflow-x:hidden;padding:16px;display:flex;flex-direction:column;gap:10px;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.6) transparent;-webkit-overflow-scrolling:touch}#opl-viewer-sidebar .opl-viewer-content::-webkit-scrollbar{width:8px}#opl-viewer-sidebar .opl-viewer-content::-webkit-scrollbar-track{background:transparent}#opl-viewer-sidebar .opl-viewer-content::-webkit-scrollbar-thumb{background-color:#94a3b899;border-radius:4px}#opl-viewer-sidebar .opl-viewer-content::-webkit-scrollbar-thumb:hover{background-color:#94a3b8cc}[data-theme=light] #opl-viewer-sidebar .opl-viewer-content{scrollbar-color:rgba(100,116,139,.55) transparent}[data-theme=light] #opl-viewer-sidebar .opl-viewer-content::-webkit-scrollbar-thumb{background-color:#64748b8c}.opl-viewer-empty{padding:18px 16px;border:1px dashed rgba(148,163,184,.28);border-radius:12px;color:var(--color-text-secondary, #94a3b8);text-align:center;font-size:13px;background:#ffffff05}.opl-viewer-empty.is-error{color:#fca5a5;border-color:#ef444459}.opl-sentence-card{width:100%;border:none;border-radius:8px;border-bottom:1px solid rgba(148,163,184,.14);background:transparent;color:inherit;padding:8px 4px 8px 0;text-align:left;cursor:pointer;display:block;transition:background .2s ease,color .2s ease}.opl-sentence-card:hover,.opl-sentence-card:focus-visible{background:#ff6b350f}.opl-sentence-card.is-active{background:#ff6b351a}.opl-sentence-card.is-related-to-selection:not(.is-active){background:#3bc3ff12}[data-theme=light] .opl-sentence-card{border-bottom-color:#0f172a14}[data-theme=light] .opl-sentence-card:hover,[data-theme=light] .opl-sentence-card:focus-visible{background:#ff6b350f}.opl-sentence-prefix{display:inline-flex;align-items:center;gap:8px;margin-right:8px;font-size:11px;color:var(--color-text-secondary, #94a3b8);vertical-align:baseline}.opl-sentence-index{font-variant-numeric:tabular-nums;color:var(--color-text-tertiary, #64748b)}.opl-sentence-category{display:inline-flex;align-items:center;padding:1px 6px;border-radius:999px;background:#ffffff0f}[data-theme=light] .opl-sentence-category{background:#0f172a0d}.opl-sentence-body{display:inline;line-height:1.55;font-size:13px}.opl-token{display:inline-flex;align-items:center;margin:0 2px;padding:0 6px;border-radius:999px;font-weight:600;white-space:nowrap}.opl-token-object{background:#34d39924;color:#6ee7b7}.opl-token-process{background:#60a5fa24;color:#93c5fd}.opl-token-state{background:#f8717124;color:#fda4af}.opl-token-view{background:#facc1524;color:#fde68a}[data-theme=light] .opl-token-object{color:#047857}[data-theme=light] .opl-token-process{color:#1d4ed8}[data-theme=light] .opl-token-state{color:#be123c}[data-theme=light] .opl-token-view{color:#a16207}.opm-element.opl-related-highlight,.opm-object-state.opl-related-highlight{box-shadow:0 0 0 3px #ff6b3566,0 0 18px #ff6b352e;outline:none}.opm-link.opl-related-highlight,.opm-link.opl-related-highlight path,.opm-link.opl-related-highlight line,.opm-link.opl-related-highlight polyline{stroke:var(--color-primary, #ff6b35)!important;stroke-width:3px!important}.opm-link.opl-related-highlight polygon,.opm-link.opl-related-highlight circle{fill:var(--color-primary, #ff6b35)!important;stroke:var(--color-primary, #ff6b35)!important}
