.creator-tool-header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.channel-panel-image{display:block;width:100%;height:auto;border-radius:9px;margin-bottom:15px}.custom-channel-panel p{white-space:pre-wrap;overflow-wrap:anywhere}.panel-editor-preview img{max-width:320px;max-height:140px;object-fit:contain}.shop-card{display:flex;flex-direction:column;gap:12px;border:1px solid var(--line);border-radius:12px;padding:20px;background:var(--panel)}.shop-card p{color:var(--muted);flex:1;margin:0;overflow-wrap:anywhere}.shop-card button{width:100%}.shop-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--reward-colour,#a3e635);color:#111;font-size:25px}.shop-price{font-weight:800;color:var(--accent)}.shop-toolbar{display:flex;gap:12px;align-items:center;margin:18px 0}.shop-toolbar input{flex:1}.overlay-builder{display:grid;grid-template-columns:minmax(240px,1fr) minmax(300px,1.3fr);gap:20px}.overlay-preview{width:100%;height:500px;border:1px solid var(--line);border-radius:12px;background:repeating-conic-gradient(#252a30 0% 25%,#1c2025 0% 50%) 50%/24px 24px}.overlay-url{font-size:12px;font-family:monospace;overflow-wrap:anywhere}.reward-history{margin-top:20px}.creator-tool-note{color:var(--muted);font-size:13px;line-height:1.6}@media(max-width:850px){.overlay-builder{grid-template-columns:1fr}.overlay-preview{height:450px}.creator-tool-header{align-items:flex-start;flex-direction:column}.shop-toolbar{flex-wrap:wrap}}
/* Rewards open directly above the chat wallet. */
.chat{position:relative}.watch-page .chat{position:sticky}.reward-picker{position:absolute;z-index:30;left:10px;right:10px;bottom:90px;max-height:min(560px,calc(100% - 110px));display:flex;flex-direction:column;overflow:hidden;background:#181b1f;border:1px solid #41464e;border-radius:10px;box-shadow:0 10px 40px #0009;font-size:13px}.reward-picker-header{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid #30343c}.reward-picker-header strong{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reward-picker-header button{padding:0;background:transparent;border:0;font-size:23px;width:28px;height:28px}.reward-picker-wallet{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#20242a}.reward-picker-wallet>span{color:#bfc6ce;font-size:12px}.reward-picker-wallet strong{color:var(--accent)}#reward-picker-body{overflow-y:auto;min-height:0;overscroll-behavior:contain}.reward-picker-search{display:block;padding:12px}.reward-picker-search input{width:100%;font-size:12px;padding:9px}.reward-picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px;padding:0 12px 12px}.reward-picker-tile{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0;padding:0;background:transparent;border:0;line-height:1.3}.reward-picker-tile:hover{background:transparent}.reward-tile-art{width:100%;aspect-ratio:1;display:grid;place-items:center;background:var(--reward-colour);color:#15191d;border-radius:8px;font-size:30px;transition:filter .15s}.reward-picker-tile:hover .reward-tile-art{filter:brightness(1.12)}.reward-picker-tile strong{font-size:11px;line-height:1.35;text-align:center;overflow-wrap:anywhere;font-weight:600;max-width:100%}.reward-tile-price{font-size:11px;color:#edf0f4}.reward-tile-price.unavailable{color:#9098a4}.reward-picker-footer{display:flex;justify-content:space-between;border-top:1px solid #30343c;padding:8px;gap:4px}.reward-picker-footer button{padding:7px;background:transparent;border:0;font-size:11px;color:#bdc5cf}.reward-picker-footer button:hover{background:#30343c;color:white}.reward-picker-note{font-size:11px;line-height:1.5;color:#a5aeb9;padding:0 14px 12px;margin:0}.reward-picker-empty{grid-column:1/-1;color:#a5aeb9}.reward-picker-back{border:0;background:transparent;padding:12px;font-size:12px}.reward-picker-detail{padding:0 16px 16px;text-align:center}.reward-detail-art{display:grid;place-items:center;margin:4px auto 14px;width:90px;height:90px;border-radius:12px;background:var(--reward-colour);color:#15191d;font-size:36px}.reward-picker-detail h3{margin:0 0 8px;font-size:17px}.reward-picker-detail>p{font-size:12px;line-height:1.5;color:#c5cbd3;overflow-wrap:anywhere}.reward-detail-cost{display:block;font-size:16px;margin:12px 0;color:var(--accent)}.reward-picker-detail>small{display:block;font-size:11px;color:#a5aeb9}.reward-picker-detail form{text-align:left;margin-top:15px}.reward-picker-detail textarea{font-size:13px}.reward-picker-detail form button{width:100%;font-size:13px}.reward-picker-detail .reward-picker-note{padding:14px 0 0}.reward-picker-error{font-size:12px;color:#ffb5b5;padding:0 12px;line-height:1.5}.reward-picker-success,.reward-picker-info{padding:24px 18px;text-align:center;line-height:1.5}.reward-picker-success>span{display:grid;place-items:center;width:58px;height:58px;margin:auto;border-radius:50%;background:#a3e63522;color:var(--accent);font-size:30px}.reward-picker-info p{color:#bac2cd;font-size:12px}.reward-picker-history{padding:12px 16px}.reward-picker-history>div{display:flex;flex-direction:column;gap:6px;padding:12px 0;border-bottom:1px solid #30343c}.reward-picker-history small{font-size:10px;color:#a5aeb9}.reward-picker-history span{font-size:11px;color:var(--accent)}@media(max-width:800px){.watch-page .chat{position:relative}.reward-picker{bottom:90px;max-height:min(540px,calc(100% - 110px))}}@media(prefers-reduced-motion:reduce){.reward-tile-art{transition:none}}
.chat-popout .chat{position:relative;top:0}
.chat .chat-wallet-copy small{display:block;font-size:9px;line-height:1.2;color:#a9b3bf;white-space:nowrap}.chat #chat-form .chat-wallet:focus-visible{outline:2px solid var(--accent);outline-offset:4px}

.reward-highlight{background:color-mix(in srgb,var(--accent) 18%,transparent);border-left:3px solid var(--accent);padding:10px!important;border-radius:6px}.emote-flip{transform:scaleX(-1)}.emote-greyscale{filter:grayscale(1)}#reward-bonus{margin:8px 16px}#reward-obs-url{width:100%;background:var(--bg);color:var(--text);resize:vertical;padding:12px;border-radius:8px}
.reward-emote-preview{width:72px;height:72px;object-fit:contain;margin:8px auto}.chat-wallet.bonus-ready .coin-symbol{color:#53fc18;box-shadow:0 0 12px #53fc1844;border-radius:50%}
.reward-image{width:75%;height:75%;object-fit:contain}