.ec-root{--c-matematik: var(--c-astronomi, var(--accent))}.ec-tabs{display:flex;gap:.4rem;background:var(--bg);border-radius:12px;padding:.35rem}.ec-tab{flex:1;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}.ec-tab:hover{color:var(--ink)}.ec-tab.is-active{background:var(--bg-card);color:var(--c-astronomi, var(--accent));border-color:var(--line);box-shadow:var(--shadow-sm)}.ec-tab:focus-visible{outline:2px solid var(--c-astronomi, var(--accent));outline-offset:2px}.ec-canvas{min-height:320px}.ec-panel-title{font-family:var(--font-display);font-size:1.05rem;font-weight:700}.ec-label{font-size:.85rem;font-family:var(--font-body)}.ec-actions{display:flex;gap:.5rem;align-self:stretch;justify-content:flex-end}.ec-action-btn{padding:.5rem .95rem;border-radius:8px;border:1px solid var(--line);background:var(--bg-card);color:var(--ink);font:inherit;font-size:.88rem;font-weight:500;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}.ec-action-btn:hover{background:var(--bg);border-color:var(--c-astronomi, var(--accent));transform:translateY(-1px)}.ec-action-btn:focus-visible{outline:2px solid var(--c-astronomi, var(--accent));outline-offset:2px}