*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);font:15px/1.6 var(--font-body)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,.m2-btn{width:auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 15px;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text-bright);cursor:pointer;line-height:1.4}button:hover,.m2-btn:hover{border-color:var(--color-cyan)}button[aria-pressed=true],.m2-primary{background:var(--color-cyan);color:#03151d;font-weight:750}button:disabled{opacity:.45;cursor:not-allowed}input,select,textarea{width:100%;min-width:0;background:var(--color-bg);color:var(--color-text-bright);border:1px solid var(--color-border);border-radius:10px;padding:10px 12px}input[type=checkbox]{width:auto}textarea{min-height:90px}label{display:block;margin:12px 0 6px;font-weight:650}h1,h2,h3{font-family:var(--font-display);color:var(--color-text-bright);line-height:1.22}h1{font-size:clamp(27px,3vw,42px);margin:4px 0 14px;letter-spacing:-1px}h2{font-size:23px;margin:0 0 16px}h3{font-size:17px;margin:0 0 8px}p{margin:6px 0 16px}small,.m2-muted{color:var(--color-text-muted)}:focus-visible{outline:3px solid var(--color-cyan);outline-offset:3px}.m2-top{display:flex;gap:22px;align-items:center;padding:16px 3vw;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.m2-brand{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:23px;font-weight:850;letter-spacing:-1px}.m2-brand img{width:36px;height:36px}.m2-brand b{font-size:12px;color:var(--color-cyan);border:1px solid var(--color-border);border-radius:30px;padding:5px 9px;letter-spacing:1px}.m2-search{flex:1;display:flex;gap:8px;max-width:650px;margin:auto}.m2-top select{width:115px}.m2-subnav{display:flex;gap:22px;overflow:auto;white-space:nowrap;padding:10px 3vw;border-bottom:1px solid var(--color-border);font-size:13px}.m2-subnav a:hover,.m2-side a:hover{color:var(--color-cyan)}.m2-notice{padding:7px 3vw;color:var(--color-text-muted);font-size:11px;font-family:var(--font-mono);border-bottom:1px solid var(--color-border)}.m2-shell{display:grid;grid-template-columns:205px minmax(0,1fr);max-width:1600px;margin:auto;min-height:70vh}.m2-side{padding:22px 12px;border-right:1px solid var(--color-border);align-self:start;position:sticky;top:0}.m2-side a{display:block;padding:9px 13px;border-radius:10px}.m2-side a[aria-current=page]{background:var(--color-surface);color:var(--color-cyan);box-shadow:inset 3px 0 var(--color-cyan)}.m2-side small{display:block;padding:20px 13px 5px;text-transform:uppercase;font:10px var(--font-mono);letter-spacing:1px}main{padding:28px 30px 165px;min-width:0}.m2-kicker{color:var(--color-cyan);font:11px var(--font-mono);letter-spacing:2px;text-transform:uppercase}.m2-row{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.m2-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.m2-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:28px;padding:30px;border:1px solid var(--color-border);border-radius:20px;background:linear-gradient(125deg,var(--color-surface),var(--color-card));margin:22px 0}.m2-hero img{width:100%;border-radius:14px;aspect-ratio:16/10;object-fit:cover}.m2-hero>div{align-self:center}.m2-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:20px 0}.m2-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.m2-card,.m2-panel{border:1px solid var(--color-border);background:var(--color-surface);border-radius:16px;min-width:0;overflow:hidden}.m2-card img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}.m2-card-body{padding:16px}.m2-card p{font-size:13px;color:var(--color-text-muted)}.m2-panel{padding:22px;margin:18px 0}.m2-badge{display:inline-flex;border:1px solid var(--color-border);padding:3px 9px;border-radius:30px;font-size:10px;letter-spacing:.5px;color:var(--color-cyan);white-space:nowrap}.m2-chips{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.m2-split{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(250px,1fr);gap:22px;align-items:start}.m2-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0}.m2-stat{padding:18px;border:1px solid var(--color-border);background:var(--color-surface);border-radius:14px}.m2-stat strong{display:block;font-size:27px;color:var(--color-text-bright)}.m2-stars{color:#f2bf60;letter-spacing:2px}.m2-stars button{padding:5px 10px;font-size:20px;color:inherit}.m2-track,.m2-comment,.m2-feed{padding:16px 0;border-bottom:1px solid var(--color-border)}.m2-track{display:flex;gap:12px;align-items:center}.m2-track>div{flex:1;min-width:0}.m2-track img{width:44px;height:44px;border-radius:8px;object-fit:cover}.m2-table{overflow:auto}.m2-table table{border-collapse:collapse;width:100%;min-width:620px}.m2-table th,.m2-table td{text-align:left;padding:14px 10px;border-bottom:1px solid var(--color-border)}.m2-table th{font-size:11px;text-transform:uppercase;color:var(--color-text-muted)}.m2-player{position:fixed;bottom:0;left:0;right:0;z-index:20;background:var(--color-surface);border-top:1px solid var(--color-border);display:grid;grid-template-columns:240px 1fr 200px;gap:18px;padding:12px 24px;box-shadow:0 -8px 35px #0003;align-items:center}.m2-player strong{display:block}.m2-player audio{width:100%;height:38px}.m2-player-controls{display:flex;gap:7px;align-items:center;justify-content:center}.m2-player-controls button{padding:7px 10px}.m2-player small{font-size:10px}.m2-player-track{display:flex;align-items:center;gap:10px}.m2-player-track img{width:44px;height:44px;border-radius:8px}.m2-player audio:not([src]){opacity:.5}.m2-toast{position:fixed;bottom:120px;left:50%;transform:translateX(-50%);max-width:min(90vw,600px);padding:12px 20px;background:var(--color-card);border:1px solid var(--color-cyan);border-radius:12px;z-index:60}.m2-messages{display:grid;grid-template-columns:245px minmax(0,1fr);gap:18px}.m2-bubble{background:var(--color-card);padding:13px 16px;border-radius:14px;margin:10px 0;max-width:90%;white-space:pre-wrap;overflow-wrap:anywhere}.m2-bubble.mine{margin-left:auto;background:var(--color-surface-hover);border:1px solid var(--color-border)}.m2-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.m2-gallery button{padding:0;border-radius:12px;overflow:hidden}.m2-gallery img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.m2-dialog{max-width:min(900px,95vw);max-height:90vh;overflow:auto;background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:18px;padding:22px}.m2-dialog::backdrop{background:#000b}.m2-dialog img{max-width:100%;max-height:65vh;display:block;margin:10px auto}.m2-timeline{border-left:2px solid var(--color-cyan);padding-left:20px}.m2-timeline>div{margin:22px 0}.m2-code{font-family:var(--font-mono);font-size:12px;background:var(--color-bg);padding:15px;border-radius:10px;overflow-wrap:anywhere;white-space:pre-wrap}.m2-empty{border:1px dashed var(--color-border);padding:25px;border-radius:12px;color:var(--color-text-muted)}[hidden]{display:none!important}@media(max-width:1100px){.m2-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.m2-top{gap:12px;flex-wrap:wrap}.m2-search{order:2;flex-basis:100%;max-width:none}.m2-player{grid-template-columns:180px 1fr}.m2-player>div:last-child{grid-column:1/-1}.m2-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.m2-shell{display:block}.m2-side{position:static;border-right:0;border-bottom:1px solid var(--color-border);display:flex;overflow:auto;gap:4px;padding:10px}.m2-side small{display:none}.m2-side a{white-space:nowrap;flex:none;font-size:12px}main{padding:22px 16px 240px}.m2-hero,.m2-split,.m2-messages{grid-template-columns:1fr}.m2-hero{padding:20px}.m2-hero h1{font-size:31px}.m2-grid,.m2-grid.two{grid-template-columns:1fr}.m2-top{padding:12px 16px}.m2-brand{font-size:20px}.m2-brand img{width:28px;height:28px}.m2-top .m2-studio-link{margin-left:auto}.m2-top select{width:90px}.m2-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.m2-player{grid-template-columns:1fr;padding:8px 14px;gap:5px}.m2-player>div:last-child{grid-column:auto}.m2-player-track{display:none}.m2-player-controls button{padding:6px 10px}.m2-toast{bottom:175px}.m2-stats strong{font-size:23px}.m2-messages>aside{display:flex;gap:8px;overflow:auto}.m2-messages>aside button{white-space:nowrap}.m2-track{flex-wrap:wrap}}
/* Production layout matches the reviewed Media2 shell; all content comes from real records. */
.orbytal-site main.orb-main{width:auto;max-width:none;margin:0;padding:28px 30px 60px}.orbytal-site .m2-shell{padding-bottom:110px}.orbytal-site .m2-top{position:relative;z-index:2}.orbytal-site .m2-brand{flex:none}.orbytal-site .m2-brand img{object-fit:contain}.orbytal-site .m2-brand b{display:inline-block}.orbytal-site .m2-account{white-space:nowrap;font-size:13px}.orbytal-site .m2-search{margin:0 auto}.orbytal-site .m2-search button{flex:none}.orbytal-site .m2-side a{font-size:13px}.orbytal-site .m2-subnav [aria-current=page]{color:var(--color-cyan)}.orbytal-site .m2-hero h2{font-size:31px;margin-top:16px}.orbytal-site .m2-hero img{min-width:0}.orbytal-site .m2-nav-pending{display:flex;justify-content:space-between;gap:8px;padding:9px 13px;font-size:12px;color:var(--color-text-muted)}.m2-nav-pending em{font-size:9px;font-style:normal;opacity:.8}.m2-chips [aria-current=page]{background:var(--color-cyan);color:#03151d;border-color:var(--color-cyan)}.m2-card-art{display:block;position:relative}.m2-art-symbol{position:absolute;right:14px;bottom:14px;padding:4px 12px;border-radius:30px;background:#071018d9;color:white;font-size:25px}.m2-card-body h3{margin-top:14px}.m2-card-body .m2-actions{margin-top:14px}.m2-footer{border-top:1px solid var(--color-border);padding:28px 0 10px;margin-top:32px;color:var(--color-text-muted);font-size:12px}.m2-footer strong{color:var(--color-text-bright);font-size:16px;letter-spacing:1px}.m2-footer span{color:var(--color-cyan);font-size:10px}.m2-footer p{margin:8px 0}.m2-player-controls{flex-wrap:wrap}.m2-player-controls [data-dock-status]{display:block;flex-basis:100%;text-align:center}.m2-empty-art{font-size:40px;color:var(--color-cyan);letter-spacing:18px;margin-bottom:12px}.m2-empty-art span{color:var(--color-text-muted)}.m2-launch{padding:32px;background:linear-gradient(135deg,var(--color-surface),var(--color-bg))}.m2-launch .m2-actions{margin-top:20px}.m2-team-card h2{margin-top:16px}.m2-team-avatar{display:flex;width:54px;height:54px;align-items:center;justify-content:center;border:1px solid var(--color-cyan);color:var(--color-cyan);background:var(--color-bg);border-radius:16px;font-size:20px;font-weight:800;margin-bottom:18px}.m2-workspace-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 0;border-bottom:1px solid var(--color-border)}.m2-workspace-bar strong{margin-left:12px}.m2-workspace-bar a{font-size:12px;color:var(--color-text-muted)}.m2-studio-banner{display:grid;grid-template-columns:1.7fr 1fr;gap:24px;align-items:center;border:1px solid var(--color-border);border-radius:18px;background:var(--color-surface);padding:24px;margin:22px 0 32px}.m2-studio-banner img{width:100%;max-height:210px;object-fit:cover;border-radius:12px}.m2-studio-banner h2{margin:10px 0}.m2-catalog{scroll-margin-top:20px}.m2-catalog-title{font-weight:700}.m2-catalog td small{display:block;font-size:11px}.m2-pagination{justify-content:center;margin:24px 0}.orb-form{display:grid;gap:8px;max-width:100%}.orb-form label{margin-top:12px}.orb-form button{width:auto;max-width:100%;white-space:normal}.orb-form [data-error-for]{margin:0;color:#ed7185}.orb-form textarea{resize:vertical}.orb-form [data-work-picker] select{margin-bottom:8px}.orb-form [data-work-picker] button{margin:4px}.orb-form li{padding:8px 0}.orb-form li span{margin-right:12px}.orb-form li button{font-size:11px;padding:5px 9px}.orb-description{white-space:pre-wrap;margin-top:18px}.orb-play-item{margin:20px 0;padding:16px 0;border-bottom:1px solid var(--color-border)}.orb-play-item video,.orb-image{width:100%;max-height:65vh;object-fit:contain;border-radius:12px}.orb-play-item audio{width:100%}#editor{scroll-margin-top:20px}.orbytal-site .orbyt-btn{width:auto;min-width:0;display:inline-flex;padding:9px 15px;line-height:1.4}.orbytal-site .orbyt-btn-primary{background:var(--color-cyan);color:#03151d}
@media(max-width:1100px){.orbytal-site .m2-player{grid-template-columns:220px 1fr}.orbytal-site .m2-player>div:last-child{display:none}.orbytal-site .m2-player-controls{display:none}}
@media(max-width:760px){.orbytal-site main.orb-main{padding:22px 16px 32px}.orbytal-site .m2-shell{padding-bottom:112px}.m2-studio-banner{grid-template-columns:1fr;padding:20px}.m2-studio-banner img{display:none}.orbytal-site .m2-side{position:static;align-items:center}.orbytal-site .m2-side .m2-nav-pending{display:none}.orbytal-site .m2-side a{font-size:12px}.orbytal-site .m2-player{grid-template-columns:1fr;padding:8px 14px}.orbytal-site .m2-player .m2-player-track{display:flex;gap:8px}.orbytal-site .m2-player-track img{width:28px;height:28px}.orbytal-site .m2-player-track strong{font-size:11px}.orbytal-site .m2-player-track small{font-size:9px}.orbytal-site .m2-player audio{height:32px}.orbytal-site .m2-top .m2-account{margin-left:auto}.orbytal-site .m2-brand b{font-size:9px}.orbytal-site .m2-top{gap:10px}.orbytal-site .m2-top .m2-studio-link{margin-left:0}.m2-workspace-bar .m2-actions{gap:12px}.m2-empty-art{letter-spacing:10px}.m2-launch{padding:22px}.m2-stats{gap:10px}.m2-stat{padding:14px}.m2-stat small{font-size:11px}.orbytal-site .m2-table{max-width:100%}.orb-form ol{padding-left:20px}}

/* The marketplace body is a flex container; this subsite uses the preview block shell. */
body.orbytal-site{display:block}.orbytal-site .m2-shell{width:100%;min-width:0}.m2-row>div{min-width:0}.m2-card-body,.m2-panel{overflow-wrap:anywhere}.m2-subnav,.m2-side{scrollbar-width:thin}

@media(max-width:760px){.m2-subnav,.m2-side{scrollbar-width:none}.m2-subnav::-webkit-scrollbar,.m2-side::-webkit-scrollbar{display:none}}

/* Shared marketplace header controls retain their original appearance in Orbytal. */
.orbytal-site .m2-top{gap:16px;z-index:40;overflow:visible}.orbytal-site .m2-top .m2-brand{font-size:23px}.orbytal-site .m2-top .m2-search{min-width:160px;flex:1;max-width:none}.orbytal-site .m2-top .orbyt-nav-actions{display:flex;align-items:center;gap:16px;flex:none}.orbytal-site .m2-top .orbyt-theme-btn{padding:6px 14px;border-radius:var(--radius-pill);font-size:12px;line-height:1.4}.orbytal-site .m2-top .orbyt-theme-wrap{display:flex;flex-direction:column;align-items:center;gap:4px}.orbytal-site .m2-top .orbyt-theme-hint{font-size:9px;white-space:nowrap}.orbytal-site .m2-top .orbyt-account-trigger{display:flex;flex-direction:column;align-items:flex-start;border:0;background:transparent;border-radius:var(--radius-sm);padding:6px 8px;gap:2px;line-height:1.4}.orbytal-site .m2-top .orbyt-account-trigger>span:first-child{font-size:11px}.orbytal-site .m2-top .orbyt-account-trigger>span:last-child{font-size:14px}.orbytal-site .m2-top .orbyt-nav-action-item{padding:6px 8px}.orbytal-site .m2-top .orbyt-account-menu{width:360px;max-width:calc(100vw - 24px);max-height:min(75vh,720px);overflow-y:auto;text-align:left}.orbytal-site .m2-top .orbyt-dropdown-item{justify-content:flex-start;white-space:normal}.orbytal-site .m2-top .orbyt-dropdown-signout{width:100%;border:0;border-radius:8px;text-align:left}.orbytal-site .m2-top .orbyt-account-launch-btn{width:100%}.orbytal-site .m2-top .orbyt-account-menu .orbyt-btn{width:100%}.orbytal-site .orbytal-team-wrap{flex:none;position:relative}.orbytal-site button.orbytal-team-trigger{display:inline-flex;align-items:center;gap:12px;padding:8px 14px;min-height:46px;text-align:left;border:1px solid var(--color-border);border-radius:9px;background:var(--color-card)}.orbytal-team-pin{font-size:16px}.orbytal-team-label{display:flex;flex-direction:column;min-width:0;max-width:180px}.orbytal-team-label small{font-size:10px;line-height:1.1;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-dim)}.orbytal-team-label strong{font-size:13px;line-height:1.5;color:var(--color-text-bright);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.orbytal-site .orbytal-team-menu{left:0;right:auto;width:340px;max-width:calc(100vw - 24px);text-align:left}.orbytal-team-menu .orbyt-deliver-header p{font-size:12px;line-height:1.5;margin:6px 0}.orbytal-team-menu .orbyt-deliver-teams-list{max-height:300px;overflow-y:auto}.orbytal-team-menu .orbyt-deliver-team-info{display:flex;flex-direction:column;min-width:0}.orbytal-team-menu .orbyt-deliver-team-title{white-space:normal;overflow-wrap:anywhere}.orbytal-team-menu .orbyt-deliver-team-info small{font-size:11px}.orbytal-team-empty{padding:12px}.orbytal-site .m2-top .orbyt-account-menu .orbyt-account-avatar{flex:none}.orbytal-site .m2-top .orbyt-account-menu .orbyt-account-user-info{min-width:0;overflow-wrap:anywhere}
@media(max-width:1200px){.orbytal-site .m2-top{flex-wrap:wrap}.orbytal-site .m2-top .m2-search{order:3;flex-basis:100%;max-width:none}.orbytal-site .m2-top .orbyt-nav-actions{margin-left:auto}.orbytal-team-label{max-width:150px}}
@media(max-width:760px){.orbytal-site .m2-top{gap:10px;align-items:center}.orbytal-site .m2-top .m2-brand{font-size:20px}.orbytal-site .m2-top .orbytal-team-wrap{margin-left:auto}.orbytal-site .m2-top .orbyt-nav-actions{width:100%;justify-content:space-between;gap:8px;order:2}.orbytal-site .m2-top .orbyt-account-trigger>span:first-child{display:block;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.orbytal-site .m2-top .orbyt-theme-btn span{display:inline}.orbytal-site .m2-top .orbyt-theme-hint{display:none}.orbytal-team-label{max-width:110px}.orbytal-team-pin{display:none}.orbytal-site button.orbytal-team-trigger{padding:7px 10px;min-height:42px}.orbytal-site .orbytal-team-menu{left:auto;right:0;width:min(340px,calc(100vw - 28px))}.orbytal-site .m2-top .orbyt-account-menu{position:fixed;top:125px;left:12px;right:12px;width:auto;max-height:calc(100dvh - 150px)}.orbytal-site .m2-top .m2-studio-link{font-size:11px;padding:8px 10px}}

.orbytal-studio-word{display:inline}@media(max-width:760px){.orbytal-site .m2-top .orbytal-studio-word{display:none}.orbytal-site .m2-top .orbyt-nav-actions{flex-wrap:nowrap}.orbytal-site .m2-top .m2-studio-link{flex:none}}

/* Orbytal commerce (ORBYTAL_COMMERCE_PLAN.md): locks, tips, follow/tiers, Money page tables. Gemini may restyle. */
.orb-locked{display:flex;flex-direction:column;gap:8px;align-items:flex-start;border:1px dashed var(--color-border);margin:0}
.orb-work-money{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:12px}
.orb-tip-form{display:flex;flex-direction:column;gap:6px}
.orb-tip-row{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.orb-tip-row input{width:100px}
.orb-creator-money{display:flex;flex-direction:column;gap:8px;align-items:flex-start;margin:6px 0 12px}
.orb-tier{display:flex;flex-direction:column;gap:4px;align-items:flex-start;width:100%;padding:10px 0;border-top:1px solid var(--color-border)}.orb-tier p{margin:0}
.orb-money-work label{display:inline-flex;align-items:center;gap:6px}
.orb-table{border-collapse:collapse;font-size:13px}.orb-table th,.orb-table td{padding:8px 10px;text-align:left;border-bottom:1px solid var(--color-border);white-space:nowrap}.orb-table th{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-dim)}

/* Studio redesign (Claude 2026-10-17): marketplace-like shell (header + one sub-nav, no sidebar) and portal-style Studio tabs. */
.orbytal-site main.orb-main.orb-main-wide{display:block;max-width:1280px;margin:0 auto;padding:26px 24px 48px;box-sizing:border-box}
.orbytal-site.has-dock main.orb-main.orb-main-wide{padding-bottom:120px}
.orb-subnav{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:0 3vw}
.orb-subnav-main,.orb-subnav-mine{display:flex;gap:4px;align-items:center}
.orb-subnav a{padding:11px 12px;border-radius:0;border-bottom:2px solid transparent;color:var(--color-text-muted);font-weight:600}
.orb-subnav a[aria-current=page]{color:var(--color-cyan);border-bottom-color:var(--color-cyan)}
.orb-subnav-mine a:first-child{color:var(--color-text-bright)}
.orb-studio .dash-hero-info{display:flex;align-items:center;gap:18px}
.orb-team-avatar{display:grid;place-items:center;font-family:var(--font-display);font-weight:900;font-size:22px;color:var(--color-bg);background:linear-gradient(135deg,var(--color-cyan),var(--color-purple,#a855f7))}
.orb-studio-tabs{margin-bottom:6px}
.orb-studio-crumb{margin:0 0 16px;font-size:12.5px;color:var(--color-text-dim);font-family:var(--font-mono);letter-spacing:.04em}
.orb-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.orb-card-head .account-section-title{margin-bottom:0;display:flex;align-items:center;gap:10px}
.orb-empty-state{text-align:center;padding:34px 16px}
.orb-empty-state h2{margin:4px 0 6px;font-size:18px;color:var(--color-text-bright)}
.orb-empty-icon{font-size:38px;margin:0}
.orb-row-title{font-weight:700;color:var(--color-text-bright);text-decoration:none}
.orb-row-title:hover{color:var(--color-cyan)}
.orb-held{color:var(--color-amber)}
.orb-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}
.orb-editor-side{display:flex;flex-direction:column;gap:16px;position:sticky;top:16px}
.orb-editor-side .account-section-card h2,.orb-tips h2,.orb-danger h2{font-size:15px;margin:0 0 10px;color:var(--color-text-bright)}
.orb-tips ul{margin:0;padding-left:18px;color:var(--color-text-muted);font-size:13px;line-height:1.6}
.orb-danger{border-color:rgba(239,68,68,.35)}
.orb-danger p{font-size:13px;color:var(--color-text-muted)}
.orb-side-btn{justify-content:center}
.orb-review-note{padding:10px 14px;border-radius:var(--radius-md);border:1px solid var(--color-amber);background:var(--color-surface);font-size:13px}
.orb-form-clean{display:block}
.orb-form-clean label{display:block;margin:12px 0 6px;font-size:12.5px;font-weight:700;color:var(--color-text)}
.orb-form-clean input:not([type=checkbox]):not([type=file]),.orb-form-clean select,.orb-form-clean textarea{width:100%;box-sizing:border-box}
.orb-fieldset{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:6px 16px 16px;margin:0 0 16px}
.orb-fieldset legend{padding:0 6px;font-size:11px;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-cyan)}
.orb-two{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:14px}
.orb-inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.orb-inline select,.orb-inline input{flex:1 1 220px;width:auto}
.orb-inline .orbyt-btn{width:auto;flex:none}
.orb-hint{font-size:12.5px;color:var(--color-text-muted);margin:6px 0 0}
.orb-hint a{color:var(--color-cyan)}
.orb-order-list{margin:12px 0 0;padding-left:20px}
.orb-form-actions{display:flex;gap:10px;align-items:center;margin-top:4px}
.orb-form-actions .orbyt-btn{width:auto}
.orb-files-table td{vertical-align:top}
.orb-row-menu{display:inline-block;text-align:left;position:relative}
.orb-row-menu summary{cursor:pointer;color:var(--color-cyan);font-weight:600;font-size:13px;list-style:none}
.orb-row-menu summary::-webkit-details-marker{display:none}
.orb-row-menu[open] > div{position:absolute;right:0;z-index:5;width:280px;margin-top:8px;padding:12px;background:var(--color-card-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 12px 30px rgba(0,0,0,.35);display:flex;flex-direction:column;gap:10px}
.orb-row-menu form{margin:0}
.orb-quota{height:8px;border-radius:99px;background:var(--color-surface-hover);overflow:hidden;margin:4px 0 6px}
.orb-quota span{display:block;height:100%;background:var(--color-cyan)}
.orb-pager{margin-top:12px}
.orb-comment-list{display:flex;flex-direction:column;gap:10px}
.orb-comment{padding:12px 14px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}
.orb-comment-head{font-size:13px;color:var(--color-text-muted)}
.orb-comment-head strong{color:var(--color-text-bright)}
.orb-comment-head a{color:var(--color-cyan)}
@media(max-width:980px){.orb-editor-grid{grid-template-columns:1fr}.orb-editor-side{position:static}}
@media(max-width:760px){.orb-subnav{flex-direction:column;align-items:stretch;gap:0;padding:0 8px}.orb-subnav-main,.orb-subnav-mine{overflow-x:auto;scrollbar-width:none}.orb-subnav a{white-space:nowrap;padding:9px 10px}.orb-two{grid-template-columns:1fr}.orbytal-site main.orb-main.orb-main-wide{padding:18px 14px 40px}.orbytal-site.has-dock main.orb-main.orb-main-wide{padding-bottom:150px}.orb-studio .dash-hero-info{gap:12px}}
.orb-toolbar{flex-wrap:wrap;gap:12px;margin:6px 0 18px}.orb-sort{display:flex;gap:10px;align-items:center;font-size:13px}.orb-sort a{color:var(--color-text-muted);font-weight:600}.orb-sort a[aria-current]{color:var(--color-cyan)}
.orb-form-clean button[type=submit]{margin-top:14px}

/* Media Satellites branding on generated artwork only. */
.orbytal-site .m2-brand img{width:44px;height:44px;object-fit:contain;flex:none}
.m2-card-art-fallback::after{content:"";position:absolute;inset:8% 16% 18%;background:url("../../assets/images/orbytal-logo-nav.png?v=media-1") center/contain no-repeat;pointer-events:none;filter:drop-shadow(0 5px 9px #002e4266)}
.m2-card-art-fallback .m2-art-symbol{z-index:1}
@media(max-width:760px){.orb-studio-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;border-radius:var(--radius-md)}.orb-studio-tabs a{white-space:nowrap;flex:none}.orb-hide-sm{display:none}}
@media(max-width:760px){.orb-studio-tabs{display:flex;max-width:100%;box-sizing:border-box}.orb-studio .shop-table th,.orb-studio .shop-table td{white-space:normal;padding-left:10px;padding-right:10px}.orb-studio .shop-table td.is-num{white-space:nowrap}.orb-studio .shop-table td.is-num .orb-sep,.orb-studio .shop-table td.is-num .orb-sep+a{display:none}}
.orb-money-head{margin:4px 0 14px}.orb-money-tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--color-border);margin:0 0 18px}.orb-money-tabs a{padding:9px 14px;color:var(--color-text-muted);font-weight:600;font-size:13.5px;border-bottom:2px solid transparent;margin-bottom:-1px}.orb-money-tabs a[aria-current=page]{color:var(--color-cyan);border-bottom-color:var(--color-cyan)}
@media(max-width:760px){.orb-money-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.orb-money-tabs a{white-space:nowrap}}
.orb-linkbtn{background:none;border:0;padding:0;font:inherit;font-weight:700;font-size:13px;color:var(--color-cyan);cursor:pointer}
.orb-linkbtn:hover{text-decoration:underline}
.orb-modal{width:min(520px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow:auto;box-sizing:border-box;padding:22px 24px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-card);color:var(--color-text);box-shadow:0 24px 60px rgba(0,0,0,.5)}
.orb-modal::backdrop{background:rgba(3,6,12,.65);backdrop-filter:blur(2px)}
.orb-modal-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.orb-modal-head h2{margin:0;font-family:var(--font-display);font-size:19px;color:var(--color-text-bright);overflow-wrap:anywhere}
.orb-modal-x{background:none;border:1px solid var(--color-border);border-radius:50%;width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;flex:none}
.orb-modal-x:hover{color:var(--color-text-bright);border-color:var(--color-cyan)}
.orb-modal-meta{margin:6px 0 4px;font-size:13px;color:var(--color-text-muted)}
.orb-modal form{margin:12px 0 0}
.orb-modal-danger{margin-top:18px;padding-top:14px;border-top:1px solid var(--color-border)}
.orb-modal-danger h3{margin:0 0 4px;font-size:14px;color:var(--color-text-bright)}
.orbyt-btn.orbyt-btn-danger{background:var(--color-danger);color:#fff;border:0}
.orbyt-btn.orbyt-btn-danger:hover{filter:brightness(1.1)}
.orb-modal[open]{position:fixed;inset:0;margin:auto;height:fit-content}


/* ==========================================================================
   ORBYTAL PLAY PAGE: ENGAGEMENT BAR (SHARE & LIKE BUTTONS)
   ========================================================================== */

.orb-extras-panel {
  margin-top: 24px;
  padding: 24px;
}

.orb-artwork-wrap {
  margin-bottom: 20px;
}

.orb-artwork-img {
  width: 240px;
  max-width: 100%;
  border-radius: 14px;
  display: block;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
  border: 1px solid var(--color-border);
}

.orb-engagement-bar {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

/* Like Button Form & Widget */
.orb-like-form {
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center;
}

.orb-btn-like {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  height: 40px !important;
  padding: 0 16px !important;
  border-radius: var(--radius-pill) !important;
  border: 1px solid var(--color-border) !important;
  background: var(--color-surface) !important;
  color: var(--color-text-bright) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  text-decoration: none !important;
  user-select: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.orb-btn-like:hover {
  border-color: rgba(255, 77, 109, 0.5) !important;
  color: #ff4d6d !important;
  background: rgba(255, 77, 109, 0.08) !important;
  box-shadow: 0 0 14px rgba(255, 77, 109, 0.25) !important;
}

.orb-like-heart {
  font-size: 16px;
  line-height: 1;
  color: #ff4d6d;
  display: inline-block;
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.orb-btn-like:hover .orb-like-heart {
  transform: scale(1.22);
}

.orb-btn-like.is-liked,
.orb-btn-like[aria-pressed="true"] {
  background: linear-gradient(135deg, rgba(255, 77, 109, 0.18), rgba(255, 51, 102, 0.08)) !important;
  border-color: rgba(255, 77, 109, 0.55) !important;
  color: #ff4d6d !important;
  box-shadow: 0 0 18px rgba(255, 77, 109, 0.3) !important;
}

.orb-btn-like.is-liked .orb-like-heart,
.orb-btn-like[aria-pressed="true"] .orb-like-heart {
  color: #ff3366;
  text-shadow: 0 0 8px rgba(255, 51, 102, 0.7);
}

.orb-like-counter {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 7px;
  border-radius: 10px;
  font-size: 11px;
  font-family: var(--font-mono);
  font-weight: 700;
  background: rgba(255, 255, 255, 0.08);
  color: var(--color-text-muted);
  transition: all 0.2s ease;
  line-height: 1;
}

.orb-btn-like:hover .orb-like-counter {
  background: rgba(255, 77, 109, 0.15);
  color: #ff4d6d;
}

.orb-btn-like.is-liked .orb-like-counter,
.orb-btn-like[aria-pressed="true"] .orb-like-counter {
  background: rgba(255, 77, 109, 0.3);
  color: #ffffff;
}

/* Share Button */
.orb-btn-share {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  height: 40px !important;
  padding: 0 16px !important;
  border-radius: var(--radius-pill) !important;
  border: 1px solid var(--color-border) !important;
  background: var(--color-surface) !important;
  color: var(--color-text-bright) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  text-decoration: none !important;
  user-select: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.orb-btn-share:hover {
  border-color: var(--color-cyan, #00f0ff) !important;
  color: var(--color-cyan, #00f0ff) !important;
  background: rgba(0, 240, 255, 0.08) !important;
  box-shadow: 0 0 14px rgba(0, 240, 255, 0.25) !important;
}

.orb-share-icon {
  flex-shrink: 0;
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.orb-btn-share:hover .orb-share-icon {
  transform: translateY(-1px) scale(1.1);
}

/* Page Link Copy Bar */
.orb-share-link-wrap {
  display: inline-flex;
  align-items: center;
  background: rgba(0, 0, 0, 0.32);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-pill);
  height: 40px;
  padding: 0 5px 0 12px;
  box-sizing: border-box;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  max-width: 380px;
}

.orb-share-link-wrap:focus-within,
.orb-share-link-wrap:hover {
  border-color: rgba(0, 240, 255, 0.45);
  box-shadow: 0 0 12px rgba(0, 240, 255, 0.15);
}

.orb-share-link-icon {
  font-size: 12px;
  opacity: 0.75;
  margin-right: 6px;
  flex-shrink: 0;
}

.orb-share-link-input {
  border: none !important;
  background: transparent !important;
  color: var(--color-text-muted) !important;
  font-family: var(--font-mono) !important;
  font-size: 11.5px !important;
  padding: 0 8px !important;
  outline: none !important;
  width: 170px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  height: auto !important;
}

.orb-share-link-input:focus {
  color: var(--color-text-bright) !important;
}

.orb-share-copy-btn {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-pill);
  padding: 5px 12px;
  font-size: 11px;
  font-weight: 700;
  color: var(--color-text-bright);
  cursor: pointer;
  transition: all 0.15s ease;
  flex-shrink: 0;
  line-height: 1.3;
}

.orb-share-copy-btn:hover {
  background: var(--color-cyan, #00f0ff);
  color: #03151d;
  border-color: var(--color-cyan, #00f0ff);
  box-shadow: 0 0 10px rgba(0, 240, 255, 0.35);
}

/* Share Status Notification */
.orb-share-status {
  margin: 0;
}

.orb-share-status:empty {
  display: none;
}

.orb-share-status:not(:empty) {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  border-radius: var(--radius-pill);
  font-size: 12px;
  font-weight: 600;
  color: var(--color-cyan, #00f0ff);
  background: rgba(0, 240, 255, 0.1);
  border: 1px solid rgba(0, 240, 255, 0.3);
  margin-top: 10px;
  box-shadow: 0 0 12px rgba(0, 240, 255, 0.15);
  animation: orbStatusFade 0.25s ease-out;
}

@keyframes orbStatusFade {
  from { opacity: 0; transform: translateY(-4px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Accordion Lyrics & Subtitles */
.orb-extras-details {
  margin-top: 18px;
  border-top: 1px solid var(--color-border);
  padding-top: 14px;
}

.orb-extras-details summary {
  font-weight: 600;
  color: var(--color-text-bright);
  cursor: pointer;
  padding: 6px 0;
  user-select: none;
}

.orb-extras-details summary:hover {
  color: var(--color-cyan, #00f0ff);
}

@media (max-width: 760px) {
  .orb-engagement-bar {
    gap: 10px;
  }
  .orb-share-link-wrap {
    max-width: 100%;
    width: 100%;
  }
  .orb-share-link-input {
    width: auto;
    flex: 1;
  }
}
.orb-profile-banner{display:block;width:100%;max-height:260px;object-fit:cover;border-radius:12px;margin-bottom:18px}.orb-profile-avatar{width:88px;height:88px;object-fit:cover;border-radius:50%}.orb-creator-profile{margin-bottom:20px}.orb-creator-profile .orb-description{white-space:pre-wrap}
.orb-discovery-filter{display:flex;gap:12px;flex-wrap:wrap;align-items:end}.orb-discovery-filter label{display:grid;gap:5px;font-size:13px;flex:1;min-width:130px}.orb-discovery-filter input,.orb-discovery-filter select{padding:10px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg);color:var(--color-text-bright);font:inherit;width:100%}
/* Shared queue: compact dock with bounded, scrollable queue details. */
.m2-player{flex-wrap:wrap;max-height:70vh;overflow:auto}.m2-player video{width:240px;max-height:160px}.orb-queue{grid-column:1/-1;flex-basis:100%;margin:0;padding:8px 12px}.orb-queue .m2-actions{gap:6px}.orb-queue button{padding:5px 10px;font-size:12px}.orb-queue p{margin:5px 0;font-size:12px}.orb-queue ol{max-height:150px;overflow:auto}.orb-queue li{display:flex;justify-content:space-between;gap:12px;margin:6px 0}.has-dock main{padding-bottom:300px}[data-orbytal-video][hidden],[data-orbytal-audio][hidden]{display:none!important}@media(max-width:700px){.has-dock main{padding-bottom:390px}.m2-player video{width:180px}.orb-queue .m2-actions{flex-wrap:wrap}}
/* Watch and channel experience. */
.orb-watch{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:start}.orb-watch-main{min-width:0}.orb-watch-screen{background:#000;border-radius:16px;overflow:hidden}.orb-watch-screen .orb-play-item{margin:0;padding:0}.orb-watch-screen h3,.orb-watch-screen .m2-muted{display:none}.orb-watch-screen video{width:100%;max-height:76vh;aspect-ratio:16/9;display:block}.orb-watch-screen .orb-locked{margin:0;min-height:340px}.orb-watch-tools{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:10px 0}.orb-watch-tools label{margin:0;min-width:130px}.orb-watch-tools p{flex-basis:100%;font-size:13px;color:var(--color-text-muted)}.orb-watch-next{position:sticky;top:16px;max-height:90vh;overflow:auto}.orb-up-next{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid var(--color-border)}.orb-up-next img{width:125px;height:75px;object-fit:cover;border-radius:8px}.orb-up-next small{display:block;margin-top:5px}.orb-inline-label{display:flex;gap:10px;align-items:center}.orb-inline-label input{width:auto}.orb-watch.is-theater{grid-template-columns:1fr}.orb-watch.is-theater .orb-watch-next{position:static;max-height:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.orb-list-row{padding:16px 0;border-bottom:1px solid var(--color-border)}[data-viewer-save]{display:flex;gap:16px;flex-wrap:wrap;align-items:end}[data-viewer-save] form{min-width:220px;flex:1}[data-viewer-save] [data-save-message]{flex-basis:100%}[data-upload-state]{display:block;color:var(--color-cyan);font-size:12px}.orb-watch-main>h1{font-size:clamp(24px,3vw,34px);margin-top:20px}@media(max-width:900px){.orb-watch{grid-template-columns:1fr}.orb-watch-next{position:static;max-height:none}.orb-watch.is-theater .orb-watch-next{display:block}.orb-watch-screen video{max-height:65vh}}