/* MemeBox Studio: shared theme tokens, visible provider media, one document scroller. */
body[data-memebox-player]{margin:0;font-family:var(--font-body);font-size:15px;line-height:1.6;background:var(--bg);color:var(--text)}body[data-memebox-player] .top{display:grid;grid-template-columns:48px minmax(150px,1fr) auto;align-items:center;gap:16px;max-width:1280px;padding:28px 32px 0;margin:auto;background:none;border:0;box-sizing:border-box}.top>img{border-radius:14px}.top h1{font-family:var(--font-display);font-size:26px;line-height:1.1;letter-spacing:-.7px;margin:0}.top>div>p{font-size:13px;color:var(--muted);margin:4px 0 0}.room-preferences{display:flex;gap:12px;align-items:center;justify-content:flex-end}.room-language,.room-preferences .theme-chooser{display:grid;gap:4px;font-size:12px;line-height:1.3;color:var(--muted);margin:0}.room-preferences select{width:150px;min-height:44px;margin:0;padding:8px 10px;border-radius:var(--radius-control);font-size:13px;background:var(--field);color:var(--text);border:1px solid var(--line)}.room-nav{grid-column:1/-1;display:flex;gap:8px;align-items:center;border-bottom:1px solid var(--line);padding:8px 0 18px;margin:0}.room-nav .button{font-size:14px;min-height:44px;padding:9px 17px;border:1px solid transparent;box-shadow:none;border-radius:var(--radius-control);background:transparent;color:var(--muted);font-weight:600;text-decoration:none}.room-nav .button:hover{color:var(--text);background:var(--field);border-color:var(--line)}.room-nav .button[aria-current=page]{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}body[data-memebox-player] main{display:block;max-width:1280px;box-sizing:border-box;margin:auto;padding:24px 32px 48px}.room-hero{display:none}.room-layout{display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,1fr);gap:24px;align-items:start}.room-layout .card{min-width:0;padding:24px;border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:0 3px 14px rgba(24,32,41,.035);background:var(--card)}.room-layout .card h2{font-family:var(--font-display);font-size:20px;line-height:1.4;letter-spacing:-.35px;margin:0 0 16px;display:block}.room-layout .card h2::before{display:none}.room-layout .card p{font-size:14px;line-height:1.6}.room-player{align-self:start;scroll-margin-top:16px}.room-player[data-sticky=true]{position:sticky;top:18px}#player-empty{aspect-ratio:16/9;border-radius:16px;background:var(--bg-2,var(--bg));border:1px solid var(--line);display:grid;place-items:center;overflow:hidden}#player-empty img{width:54%;height:92%;object-fit:contain;display:block}#youtube-box{aspect-ratio:16/9;position:relative;background:#000;border-radius:16px;overflow:hidden}#youtube-player{width:100%;height:100%;border:0;display:block}.room-audience{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 8px}.room-audience button,.room-controls button{width:100%;min-width:0;min-height:48px;line-height:1.4;font-size:14px;padding:10px 8px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--field);color:var(--text);box-shadow:none}.room-audience [aria-pressed=true]{background:var(--sel);border-color:var(--brand-2);box-shadow:inset 0 0 0 1px var(--brand-2)}.room-controls{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:16px 0}.room-controls button:nth-child(-n+3){grid-column:span 2}.room-controls button:nth-child(n+4){grid-column:span 3}.room-controls #pause{font-weight:700;background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.room-controls button:disabled{opacity:.48;cursor:not-allowed}#room-share-status{font-size:13px;margin:6px 0;min-height:22px;color:var(--muted)}#room-status{font-size:13px;min-height:38px;overflow-wrap:anywhere;margin:14px 0 0;color:var(--text)}.room-player label{display:grid;gap:8px;font-size:13px;font-weight:600}.room-player input[type=range]{width:100%;min-height:32px;margin:0;accent-color:var(--accent-strong)}.room-player .hint{font-size:12px;color:var(--muted);line-height:1.65}.room-player p:has(>#youtube-open[hidden]){display:none}#youtube-open{display:inline-flex;min-height:44px;align-items:center;font-size:13px;border-radius:var(--radius-control);padding:8px 12px;color:var(--text);border:1px solid var(--line);background:var(--field);text-decoration:none}.room-library{display:grid;gap:20px;min-width:0}.room-section-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.room-section-head .tag{font-size:11px;padding:3px 9px;border-radius:99px;background:var(--sel);color:var(--text)}.room-section-head h2{margin-bottom:8px!important}.room-section-head>a{font-size:12px;color:var(--studio-accent);white-space:normal}.room-library label{display:grid;gap:6px;font-size:13px;margin:16px 0;color:var(--muted)}.room-search-field{display:grid;grid-template-columns:minmax(0,1fr) auto;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--field);overflow:hidden}.room-search-field:focus-within{outline:3px solid var(--focus);outline-offset:2px}.room-search-field input{width:100%;min-width:0;border:0;border-radius:0;outline:0;padding:10px 12px;min-height:44px;font:inherit;color:var(--text);background:transparent}.room-search-field input::-webkit-search-cancel-button{display:none}.room-search-field button{min-width:44px;min-height:44px;border:0;border-radius:0;background:transparent;color:var(--muted);font-size:22px;padding:4px}.room-catalog{display:grid;gap:10px}.room-track{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:14px;background:var(--field)}.room-track h3{font-size:14px;line-height:1.6;font-weight:650;margin:0;overflow-wrap:anywhere}.room-track p{font-size:12px!important;color:var(--muted);margin:5px 0 0}.room-track:has([aria-pressed=true]){border-color:var(--brand-2)}.room-track .room-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.room-track button,.room-track .button,.room-actions button,.room-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;font-size:13px;padding:8px 14px;border-radius:var(--radius-control);white-space:normal;text-decoration:none}.room-track [aria-pressed=true]{background:var(--sel);border-color:var(--brand-2)}.room-track ol{padding-inline-start:20px;font-size:12px;color:var(--muted)}.room-library .check{display:flex;gap:10px;align-items:flex-start;color:var(--text)}.room-library .check input{width:20px;height:20px;flex:none;margin-top:2px;accent-color:var(--accent-strong)}.room-library #published-browse{min-height:44px;border-radius:var(--radius-control);font-size:13px}.meme-items{display:grid;gap:6px;margin-top:12px}.meme-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line);font-size:14px}.meme-item span{min-width:0;overflow-wrap:anywhere}.meme-item button,.meme-item a{flex-shrink:0}.meme-item a{font-size:12px;max-width:46%}.meme-library-link{display:none}#playlist-manager{border-top:1px solid var(--line);padding-top:16px}.room-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}#playlist-form{display:grid;gap:12px}.room-library .room-actions[role=group]{margin:14px 0}.room-library .room-actions[role=group] button{min-width:60px;font-size:12px}.room-library .room-actions [aria-pressed=true]{background:var(--sel);border-color:var(--brand-2)}#published-status{font-size:12px;color:var(--muted);min-height:24px}#how-to-add{margin-top:24px;scroll-margin-top:20px;padding:24px;border:1px solid var(--line);border-radius:var(--radius-card)}#how-to-add h2{font-size:20px}#how-to-add h2::before{display:none}#how-to-add p{font-size:14px;line-height:1.7}body[data-memebox-player] .diwali-news{display:grid;grid-template-columns:minmax(0,1fr) auto 32px;gap:12px;align-items:center;min-height:68px;padding:14px 18px;margin:0 0 24px;border:1px solid var(--line);border-radius:16px;background:var(--card);font-size:12px}body[data-memebox-player] .diwali-news p{font-size:12px;margin:0;line-height:1.6}body[data-memebox-player] .diwali-news a{font-size:12px;color:var(--studio-accent);font-weight:650;min-height:44px;display:flex;align-items:center}body[data-memebox-player] .diwali-news .diwali-dismiss{min-width:32px;min-height:44px;margin:0;padding:3px;font-size:22px;border:0;background:transparent;color:var(--muted)}body[data-memebox-player] button:not(:disabled),body[data-memebox-player] a,body[data-memebox-player] select{cursor:pointer}body[data-memebox-player] button:not(:disabled):hover{filter:brightness(.97)}body[data-memebox-player] button:not(:disabled):active{transform:translateY(1px)}body[data-memebox-player] :focus-visible{outline:3px solid var(--focus);outline-offset:3px}body[data-memebox-player] [hidden]{display:none!important}
@media(max-width:900px){.room-layout{grid-template-columns:minmax(0,1fr)}.room-player[data-sticky=true]{position:static}.room-player #player-empty,.room-player #youtube-box{max-width:700px;margin-inline:auto}.room-track{grid-template-columns:minmax(0,1fr) auto}.room-player .hint{font-size:13px}}
@media(max-width:620px){body[data-memebox-player] .top{padding:20px 16px 0;grid-template-columns:40px minmax(0,1fr);gap:12px}.top>img{width:40px;height:40px}.top h1{font-size:24px}.room-preferences{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px}.room-preferences select{width:100%;min-width:0}.room-nav{display:grid;grid-template-columns:1fr 1fr;padding:2px 0 14px;gap:6px}.room-nav .button{text-align:center;padding:8px 6px;font-size:13px}.room-layout{gap:18px}body[data-memebox-player] main{padding:18px 16px 32px}.room-layout .card{padding:18px}.room-layout .card h2{font-size:19px}.room-track{padding:12px;gap:10px}.room-track h3{font-size:14px}.room-track .room-actions{justify-content:flex-start}.room-track .room-actions button{padding:8px 12px}.room-audience{gap:8px}.room-audience button,.room-controls button{font-size:13px;min-height:48px}.meme-item{font-size:13px}body[data-memebox-player] .diwali-news{grid-template-columns:minmax(0,1fr) 32px;gap:0 10px;padding:12px 14px;margin-bottom:18px}body[data-memebox-player] .diwali-news a{grid-row:2;min-height:36px}body[data-memebox-player] .diwali-news .diwali-dismiss{grid-column:2;grid-row:1/3;align-self:start}#how-to-add{padding:18px}}
@media(prefers-reduced-motion:reduce){body[data-memebox-player] *{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

.room-pack-fold summary{min-height:44px;display:list-item;align-content:center;cursor:pointer;font-size:13px;font-weight:600;color:var(--studio-accent);padding-block:8px}.room-pack-fold[open] summary{margin-bottom:4px}.room-track:has(.room-pack-fold){grid-template-columns:minmax(0,1fr)}