.op-root{--c-matematik: var(--c-fizik, var(--accent))}.op-tabs{display:flex;gap:.4rem;background:var(--bg);border-radius:12px;padding:.35rem;align-self:stretch;overflow-x:auto;-webkit-overflow-scrolling:touch}.op-tab{flex:1;min-width:max-content;padding:.55rem .9rem;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--ink-soft);font:inherit;font-size:.9rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease,border-color .15s ease}.op-tab:hover{color:var(--ink)}.op-tab.is-active{background:var(--bg-card);color:var(--c-fizik, var(--accent));border-color:var(--line);box-shadow:var(--shadow-sm)}.op-tab:focus-visible{outline:2px solid var(--c-fizik, var(--accent));outline-offset:2px}.op-scene-title{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--ink);margin:0}.op-lens-toggle{display:flex;gap:.5rem;flex-wrap:wrap;grid-column:1 / -1;padding-top:.25rem}.op-toggle-btn{flex:1;min-width:max-content;padding:.55rem .9rem;border-radius:999px;border:1px solid var(--line);background:var(--bg);color:var(--ink-soft);font:inherit;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.op-toggle-btn:hover{color:var(--ink);border-color:color-mix(in srgb,var(--ink) 25%,var(--line))}.op-toggle-btn.is-active{background:var(--c-fizik, var(--accent));color:#fff;border-color:var(--c-fizik, var(--accent))}.op-toggle-btn:focus-visible{outline:2px solid var(--c-fizik, var(--accent));outline-offset:2px}