orbita-mark{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color-scheme:light dark;color:light-dark(#332a49,#eee8fa)}
orbita-mark *{box-sizing:border-box}
orbita-mark .ob-stage{background:#100e1b;border:1px solid #2e2844;border-radius:24px;position:relative;overflow:hidden;isolation:isolate}
orbita-mark canvas{width:100%;height:390px;display:block}
orbita-mark .ob-wordmark{position:absolute;top:281px;left:0;right:0;text-align:center;color:#f4f0ff;font-size:38px;font-weight:550;letter-spacing:-1.5px;pointer-events:none}
orbita-mark .ob-wordmark span{display:block;font-size:12px;font-weight:400;letter-spacing:.4px;color:#b7afca;margin-top:6px}
orbita-mark .ob-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:15px 0 3px}
orbita-mark button{font:inherit;font-size:12px;display:flex;align-items:center;gap:7px;min-height:42px;border:1px solid light-dark(#e3ddec,#453b58);background:light-dark(#f7f4fc,#292332);color:inherit;border-radius:10px;padding:9px 14px;cursor:pointer}
orbita-mark button:hover{background:light-dark(#eee7fa,#3b2e4d)}
orbita-mark button:focus-visible{outline:3px solid #a68be9;outline-offset:3px}
orbita-mark button svg{width:15px;height:15px}
orbita-mark .ob-state{font-size:11px;opacity:.7;margin-left:auto}
@media(max-width:400px){orbita-mark .ob-state{width:100%;margin-left:0;text-align:center}orbita-mark .ob-controls{justify-content:center}}
orbita-mark .ob-name-wrap{position:relative;width:max-content;margin:auto;line-height:1.2}
orbita-mark .ob-name{font:inherit;font-size:34px;font-weight:600;letter-spacing:3px;display:block;visibility:hidden}
orbita-mark .ob-wordmark>span{width:max-content;max-width:100%;margin:10px auto 0;visibility:hidden}

orbita-mark{display:block;width:100%;contain:content}
orbita-mark:not([controls]) .ob-controls{display:none}
orbita-mark[mode="compact"]{width:var(--orbita-mark-size,40px);height:var(--orbita-mark-size,40px);flex:none}
orbita-mark[mode="compact"] .ob-stage{background:transparent;border:0;border-radius:0}
orbita-mark[mode="compact"] canvas{width:100%;height:var(--orbita-mark-size,40px)}
orbita-mark[mode="compact"] .ob-wordmark,orbita-mark[mode="compact"] .ob-controls{display:none}