:root{--bg:#fff;--bg2:#fff;--sf:#f2f2f2;--sf2:#e5e5e5;--line:#e5e5e5;--line2:#ccc;--or:#ff6a3d;--tx:#0f0f0f;--mu:#606060;--red:#ff0000;--red2:#cc0000;--blue:#065fd4;--pri:#0f0f0f;--prit:#fff;--chip:#f2f2f2;--chiph:#e5e5e5;--inbg:#fff;--btnbg:#f8f8f8;--err:#cc0000;color-scheme:light}
:root[data-theme=dark]{--bg:#0f0f0f;--bg2:#121212;--sf:#272727;--sf2:#3f3f3f;--line:#3f3f3f;--line2:#303030;--tx:#f1f1f1;--mu:#aaa;--blue:#3ea6ff;--pri:#f1f1f1;--prit:#0f0f0f;--chip:#272727;--chiph:#3f3f3f;--inbg:#121212;--btnbg:#222;--err:#ff8f8f;color-scheme:dark}
*{box-sizing:border-box}body{word-break:keep-all}html,body{margin:0}body{background:var(--bg);color:var(--tx);font-family:Roboto,"Noto Sans KR",-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif;font-size:14px;min-height:100vh}
a{color:inherit;text-decoration:none}button{font-family:inherit}.muted{color:var(--mu)}.sm{font-size:12px}
.yt-top{position:sticky;top:0;z-index:10;height:56px;display:grid;grid-template-columns:220px minmax(0,1fr) auto;align-items:center;gap:16px;padding:0 16px 0 20px;background:var(--bg)}
.logo{display:inline-flex;align-items:center;gap:4px;font-weight:900;font-size:20px;letter-spacing:-.6px}
.play{width:30px;height:21px;border-radius:6px;background:var(--or);display:inline-flex;align-items:center;justify-content:center;margin-right:3px}.play i{border-left:9px solid #fff;border-top:5.5px solid transparent;border-bottom:5.5px solid transparent;margin-left:2px}
.tw{color:var(--tx)}.offline .tw,.thumb .tw,.banner .tw{color:#fff}.tv{color:var(--or)}
.yt-search{justify-self:center;width:100%;max-width:640px;display:flex;height:40px}
.yt-search input{flex:1;min-width:0;background:var(--inbg);border:1px solid var(--line2);border-right:0;border-radius:40px 0 0 40px;color:var(--tx);padding:0 18px;font-size:16px;outline:none}.yt-search input:focus{border-color:var(--or)}
.yt-search button{width:64px;background:var(--btnbg);border:1px solid var(--line2);border-radius:0 40px 40px 0;color:var(--tx);cursor:pointer;display:flex;align-items:center;justify-content:center}
.yt-r{display:flex;align-items:center;gap:8px;justify-self:end}.yt-r form{margin:0}
.ico{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.ico:hover{background:var(--sf)}
.signin{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px 0 10px;border:1px solid var(--line2);border-radius:18px;color:var(--blue);font-weight:500}.signin:hover{background:rgba(6,95,212,.1);border-color:transparent}
.studio-tag{font-weight:700;color:var(--mu);font-size:18px}
/* watch */
.watch-grid{max-width:1754px;margin:0 auto;padding:24px 24px 40px;display:grid;grid-template-columns:minmax(0,1fr) 402px;gap:24px;align-items:start}
.player{position:relative;aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden}
.player video,.player canvas{width:100%;height:100%;display:block;object-fit:contain;background:#000}
.offline{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;background:radial-gradient(circle at 50% 40%,#2a2a2a,#000);color:#fff}
.offlogo{font-size:36px;font-weight:900;margin-bottom:14px;letter-spacing:-1px}.offmsg{font-size:22px;font-weight:700}.offsub{margin-top:8px;color:#aaa;font-size:14px;line-height:1.5;max-width:min(420px,100%)}
.unmute{position:absolute;left:12px;bottom:12px;background:rgba(0,0,0,.75);color:#fff;border:0;border-radius:8px;padding:8px 12px;font-weight:700;cursor:pointer}
.vtitle{font-size:20px;line-height:28px;font-weight:700;margin:12px 0 0;overflow-wrap:anywhere}
.chan-row{display:flex;align-items:center;gap:12px;margin-top:12px;flex-wrap:wrap}
.chan{display:flex;align-items:center;gap:12px;min-width:0}.cinfo{display:flex;flex-direction:column;line-height:1.35}.cinfo b{font-size:16px}.cinfo small{color:var(--mu);font-size:12px}
.avatar{flex:none;width:40px;height:40px;border-radius:50%;background:#606060;color:#fff;font-weight:800;font-size:14px;display:inline-flex;align-items:center;justify-content:center;letter-spacing:-.5px}
.avatar.sm{width:24px;height:24px;font-size:11px}.avatar.lg{width:120px;height:120px;font-size:40px}
.pill{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 16px;border-radius:18px;border:0;background:var(--chip);color:var(--tx);font-weight:500;font-size:14px;cursor:pointer;white-space:nowrap}.pill:hover{background:var(--chiph)}
.pill.follow{background:var(--pri);color:var(--prit);margin-left:12px}.pill.follow:hover{opacity:.85;background:var(--pri)}.pill.follow.on{background:var(--chip);color:var(--tx)}.pill.follow.on:hover{background:var(--chiph);opacity:1}
.pill.on{background:var(--chiph)}.pill.on svg path{fill:var(--tx)}.acts{margin-left:auto;display:flex;gap:8px}
.desc{margin-top:12px;background:var(--chip);border-radius:12px;padding:12px;line-height:1.55}.desc p{margin:6px 0 0}
.dmeta{display:flex;gap:10px;align-items:center;font-weight:600;flex-wrap:wrap}
.badge{font-size:12px;font-weight:500;padding:2px 6px;border-radius:2px;letter-spacing:.3px;flex:none;line-height:16px}.badge.off{background:var(--sf2);color:var(--mu)}.badge.on{background:var(--red2);color:#fff}.badge.on::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#fff;margin-right:4px;vertical-align:1px}
/* chat */
.chat{border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;height:calc(100vh - 104px);max-height:720px;min-height:460px;overflow:hidden;background:var(--bg)}
.chathead{height:48px;flex:none;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:16px}.chathead small{color:var(--mu);font-size:12px}
.msgs{list-style:none;margin:0;padding:8px 0;flex:1;overflow-y:auto;font-size:13px;line-height:1.5}
.msgs li{display:flex;gap:16px;padding:4px 24px;align-items:flex-start}.msgs li:hover{background:var(--sf)}.mb{min-width:0;overflow-wrap:anywhere;padding-top:2px}
.msgs .n{color:var(--mu);font-weight:500;margin-right:8px}.msgs .host .n{background:#ffd600;color:#0f0f0f;border-radius:2px;padding:0 4px}
.msgs .sys{display:block;color:var(--mu);font-size:12px;padding:6px 24px}
.cform{flex:none;border-top:1px solid var(--line);padding:12px 16px 8px;display:flex;flex-direction:column;gap:8px}
.crow{display:flex;align-items:center;gap:12px}
.cform input{flex:1;min-width:0;background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--tx);padding:6px 2px;font-size:14px;outline:none}.cform input:focus{border-bottom:2px solid var(--blue)}
#nick{font-weight:600;color:var(--mu)}#txt{background:var(--chip);border:0;border-radius:18px;padding:9px 14px}#txt:focus{border:0;box-shadow:0 0 0 1px var(--blue)}
.crow button{width:36px;height:36px;border-radius:50%;border:0;background:transparent;color:var(--mu);cursor:pointer;display:flex;align-items:center;justify-content:center}.crow button:hover{background:var(--sf);color:var(--tx)}
.cerr{color:var(--err);font-size:12px;min-height:16px}
.toast{position:fixed;left:24px;bottom:24px;background:var(--pri);color:var(--prit);z-index:50;border-radius:8px;padding:12px 16px;font-weight:500}
/* channel */
.chan-page{max-width:1284px;margin:0 auto;padding:0 24px 48px}
.banner{height:170px;border-radius:16px;margin-top:8px;background:#121212;overflow:hidden;padding:0}.banner .bn-img{width:100%;height:100%;object-fit:cover;display:block}.bn-logo{font-size:44px;font-weight:900;letter-spacing:-1.5px;padding-left:48px;display:flex;align-items:center;height:100%}
.chan-head{display:flex;gap:24px;align-items:center;padding:24px 0 8px}.chan-head h1{margin:0 0 6px;font-size:36px;letter-spacing:-.5px}.chan-head p{margin:6px 0 0}
.tabs{border-bottom:1px solid var(--line);display:flex;gap:24px;margin-bottom:8px}.tabs span{padding:12px 0;font-weight:600;font-size:16px}.tabs .on{border-bottom:2px solid var(--tx)}
.sec{font-size:20px;margin:24px 0 16px}
.thumb{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:radial-gradient(circle at 30% 30%,#3a3a3a,#0f0f0f);display:flex;align-items:center;justify-content:center}
.thumb .tl{font-size:28px;font-weight:900;letter-spacing:-1px}.thumb .badge,.thumb .badge.on{position:absolute;left:8px;bottom:8px}
.dur{position:absolute;right:8px;bottom:8px;background:rgba(0,0,0,.8);color:#fff;font-size:12px;font-weight:600;padding:1px 4px;border-radius:4px}
.live-card{display:grid;grid-template-columns:minmax(0,480px) 1fr;gap:20px;align-items:start}.live-card h3{margin:0 0 8px;font-size:18px}
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 16px}.vcard h3{font-size:16px;margin:12px 0 4px;line-height:22px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.empty{padding:64px 16px;text-align:center;color:var(--mu);font-size:16px;border:1px dashed var(--line2);border-radius:12px}
/* studio */
.sh{margin:0 0 12px;font-size:22px}.card{background:var(--bg);border:1px solid var(--line);border-radius:12px}
.meta{display:flex;align-items:center;gap:12px;margin-top:12px;padding:12px}
.tinput{flex:1;min-width:0;background:var(--inbg);border:1px solid var(--line2);color:var(--tx);border-radius:8px;padding:10px 12px;font-size:15px;outline:none}.tinput:focus{border-color:var(--blue)}
.ctrls{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px;padding:12px}.sel{color:var(--mu);font-size:13px;display:flex;align-items:center;gap:6px}.sel select{background:var(--inbg);color:var(--tx);border:1px solid var(--line2);border-radius:8px;padding:7px}
.btn{background:var(--pri);color:var(--prit);border:0;border-radius:18px;height:36px;padding:0 18px;font-weight:500;cursor:pointer;font-size:14px}.btn:disabled{opacity:.45;cursor:not-allowed}
.btn.sub{background:var(--chip);color:var(--tx)}.btn.sub:hover{background:var(--chiph)}.btn.sub.on{background:var(--chiph);box-shadow:inset 0 0 0 1px var(--tx)}.btn.stop{background:var(--red)}#bLive{margin-left:auto}
.note{margin-top:10px;font-size:13px;color:var(--mu)}
.login{max-width:380px;margin:80px auto;display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:32px;text-align:center}.login .avatar{align-self:center;width:72px;height:72px;font-size:24px}.login h1{margin:0;font-size:22px}.login p{margin:0;color:var(--mu)}
.login input{background:var(--inbg);border:1px solid var(--line2);color:var(--tx);border-radius:8px;padding:12px;font-size:15px}
@media (max-width:1200px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:1023px){
 .yt-top{height:48px;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;padding:0 8px 0 12px}.logo{font-size:18px}
 .yt-search{max-width:none;height:36px}.yt-search input{font-size:14px;padding:0 12px}.yt-search button{width:44px}
 .signin{padding:0 10px 0 8px;font-size:13px}.ico{display:none}
 .watch-grid{grid-template-columns:minmax(0,1fr);padding:0 0 16px;gap:0}.player{border-radius:0}
 body.watch .yt-top{position:static}body.watch .player{position:sticky;top:0;z-index:5}
 .vtitle{font-size:18px;line-height:24px;margin:12px 12px 0}.chan-row{padding:0 12px;gap:8px}.pill.follow{margin-left:auto}
 .acts{margin-left:0;width:100%;overflow-x:auto}.desc{margin:12px 12px 0}
 .chat{height:480px;max-height:none;min-height:0;margin:12px 12px 0;border-radius:12px}.msgs li{padding:4px 14px;gap:12px}
 .studio-grid{padding:12px 0}.sh{padding:0 12px}.meta,.ctrls{margin:12px 12px 0}.note{padding:0 12px}#bLive{margin-left:0;width:100%}
 .chan-page{padding:0 12px 32px}.banner{height:100px;padding:0;border-radius:12px}.bn-logo{font-size:26px;padding-left:20px}.chan-head{gap:16px;padding:16px 0 4px}.avatar.lg{width:72px;height:72px;font-size:24px}.chan-head h1{font-size:24px}
 .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.live-card{grid-template-columns:1fr;gap:12px}
}
@media (max-width:599px){.cards{grid-template-columns:1fr}.yt-top .tw,.yt-top .tv{display:none}.studio-tag{font-size:15px}.offlogo{font-size:26px}.offmsg{font-size:18px}.offsub{font-size:13px}}
.yt-l{display:flex;align-items:center;gap:12px}
.burger{width:40px;height:40px;border-radius:50%;border:0;background:transparent;color:var(--tx);display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none}.burger:hover,.ico:hover,button.ico:hover{background:var(--sf)}
button.ico{border:0;background:transparent;color:var(--tx);cursor:pointer}.ico{color:var(--tx)}
.drawer{position:fixed;inset:0;z-index:40;display:flex}.drawer .dpanel{width:240px;background:var(--bg);height:100%;padding:8px 12px;box-shadow:2px 0 12px rgba(0,0,0,.2)}.drawer .dshade{flex:1;background:rgba(0,0,0,.5)}
.dhead{height:40px;display:flex;align-items:center;gap:12px;margin-bottom:12px}.drawer a.di{display:flex;align-items:center;gap:20px;height:40px;padding:0 12px;border-radius:10px;font-size:14px}.drawer a.di:hover{background:var(--sf)}.drawer hr{border:0;border-top:1px solid var(--line);margin:12px 0}
.chathead span{font-weight:400}
@media (max-width:1023px){.burger{width:36px;height:36px}.yt-l{gap:4px}.yt-r .ico.theme{display:flex;width:36px;height:36px}}
[hidden]{display:none!important}
.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb.nothumb{background:#9e9e9e}

.player .pip{position:absolute;width:24%;height:auto;aspect-ratio:16/9;object-fit:cover;border:3px solid #fff;border-radius:14px;z-index:2;background:#000}
.pip.br{right:3%;bottom:3%}.pip.bl{left:3%;bottom:3%}.pip.tr{right:3%;top:3%}.pip.tl{left:3%;top:3%}
/* 방송 영역 선택 */
.cropov{position:absolute;inset:0;z-index:6;cursor:crosshair;background:transparent;touch-action:none}
.cropbox{position:absolute;outline:2px solid #3ea6ff;box-shadow:0 0 0 9999px rgba(0,0,0,.55);cursor:move}
.cropbox i{position:absolute;width:12px;height:12px;background:#fff;border:2px solid #3ea6ff;border-radius:2px;margin:-7px 0 0 -7px}
.cropbox i[data-h=nw]{left:0;top:0;cursor:nwse-resize}.cropbox i[data-h=n]{left:50%;top:0;cursor:ns-resize}.cropbox i[data-h=ne]{left:100%;top:0;cursor:nesw-resize}.cropbox i[data-h=e]{left:100%;top:50%;cursor:ew-resize}
.cropbox i[data-h=se]{left:100%;top:100%;cursor:nwse-resize}.cropbox i[data-h=s]{left:50%;top:100%;cursor:ns-resize}.cropbox i[data-h=sw]{left:0;top:100%;cursor:nesw-resize}.cropbox i[data-h=w]{left:0;top:50%;cursor:ew-resize}
.cropsz{position:absolute;left:4px;top:4px;background:rgba(0,0,0,.75);color:#fff;font-size:12px;padding:2px 6px;border-radius:4px;pointer-events:none}
.cropbar{position:absolute;right:10px;bottom:10px;display:flex;gap:6px;align-items:center;background:rgba(15,15,15,.9);padding:6px 8px;border-radius:12px;cursor:default;color:#fff;font-size:13px}
.cropbar select{background:#272727;color:#fff;border:1px solid #3f3f3f;border-radius:8px;padding:5px}.cropbar .btn{height:32px;padding:0 14px}
.crophelp{position:absolute;left:10px;top:10px;background:rgba(15,15,15,.85);color:#fff;font-size:12px;padding:4px 8px;border-radius:8px;pointer-events:none}
.offtext{white-space:pre-line;overflow-wrap:anywhere}
.setbox{margin-top:12px;padding:12px;display:flex;flex-direction:column;gap:8px}.sh2{margin:0;font-size:16px}.setlbl{font-size:13px;color:var(--mu)}.setbox textarea{resize:vertical;font-family:inherit;line-height:1.5}.setrow{display:flex;align-items:center;gap:12px}.setrow .note{margin:0}
@media (max-width:1023px){.setbox{margin:12px 12px 0}}
/* 회원 */
button.signin{background:transparent;cursor:pointer;font:inherit;font-weight:500;font-size:14px}
.me-wrap{position:relative}.me-btn{display:flex;align-items:center;gap:8px;background:transparent;border:0;color:var(--tx);cursor:pointer;padding:2px 6px;border-radius:18px;font:inherit;font-size:14px}.me-btn:hover{background:var(--sf)}
.me-menu{position:absolute;right:0;top:42px;min-width:200px;background:var(--bg);border:1px solid var(--line);border-radius:12px;box-shadow:0 4px 32px rgba(0,0,0,.18);padding:8px 0;z-index:50}
.me-h{display:flex;flex-direction:column;padding:8px 16px 12px;border-bottom:1px solid var(--line)}.me-h small{color:var(--mu)}.me-menu button{width:100%;text-align:left;background:none;border:0;color:var(--tx);padding:10px 16px;font:inherit;cursor:pointer}.me-menu button:hover{background:var(--sf)}
.amodal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center}.amodal[hidden]{display:none}.ashade{position:absolute;inset:0;background:rgba(0,0,0,.5)}
.abox{position:relative;width:min(448px,calc(100vw - 32px));background:var(--bg);color:var(--tx);border-radius:16px;padding:36px 36px 24px;box-shadow:0 8px 40px rgba(0,0,0,.3)}
.aclose{position:absolute;right:10px;top:10px;width:36px;height:36px;border-radius:50%;border:0;background:transparent;color:var(--mu);font-size:16px;cursor:pointer}.aclose:hover{background:var(--sf)}
.alogo{display:flex;align-items:center;gap:4px;font-weight:700;font-size:20px}.abox h2{margin:16px 0 4px;font-size:24px;font-weight:500}.asub{margin:0 0 20px;color:var(--mu);font-size:14px}
.af{display:flex;flex-direction:column;gap:4px;margin-bottom:14px;font-size:13px;color:var(--mu)}.af input{background:var(--inbg);border:1px solid var(--line2);color:var(--tx);border-radius:8px;padding:12px;font-size:16px;outline:none}.af input:focus{border:2px solid var(--blue);padding:11px}
.af.bad input{border-color:#d93025}.ahint{font-size:12px;color:var(--mu);margin:-4px 0 10px}.aerr{min-height:18px;color:#d93025;font-size:13px}
.aacts{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.alink{background:none;border:0;color:var(--blue);font:inherit;font-weight:500;cursor:pointer;padding:6px 0}
.btn.blue{background:#065fd4;color:#fff}.btn.blue:hover{background:#0556bf}.anote{margin:20px 0 0;font-size:12px;color:var(--mu)}
body.noscroll{overflow:hidden}
.cnick{font-size:13px;font-weight:500;color:var(--mu)}.clogin{width:100%}.cguest{font-size:12px;color:var(--mu);text-align:center}.cguest .alink{font-size:12px;padding:0}.cban{font-size:13px;color:#d93025}
.sh2.mt{margin-top:12px}.sh2 small{color:var(--mu);font-weight:400}.memtbl{width:100%;border-collapse:collapse;font-size:13px}.memtbl th,.memtbl td{text-align:left;padding:6px 4px;border-bottom:1px solid var(--line)}.memtbl th{color:var(--mu);font-weight:500}
.btn.sm{height:28px;padding:0 10px;font-size:12px}.btn.banned{background:var(--red);color:#fff}
@media (max-width:599px){.abox{padding:28px 20px 18px}.me-nick{display:none}.memtbl th:nth-child(3),.memtbl td:nth-child(3){display:none}}
.bcth{display:block;width:64px;height:36px;object-fit:cover;border-radius:4px;background:var(--sf)}.btn.del:hover{background:var(--red);color:#fff}.bctbl td{vertical-align:middle}
@media (max-width:599px){.bctbl th:nth-child(4),.bctbl td:nth-child(4),.bctbl th:nth-child(6),.bctbl td:nth-child(6){display:none}}
.logo .chn{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:599px){.logo .chn{max-width:110px}}
.pvrow{display:flex;gap:8px}.pvrow input{flex:1;min-width:0}.pvrow .btn{height:46px;border-radius:8px;white-space:nowrap}
.pvbox{display:flex;gap:14px;align-items:center;background:var(--sf);border-radius:12px;padding:12px;margin:-4px 0 14px}.pvqr img{width:112px;height:112px;background:#fff;border-radius:8px;display:block}
.pvinfo{display:flex;flex-direction:column;gap:4px;font-size:13px}.pvcode b{font-size:22px;letter-spacing:3px;color:var(--blue)}.pvbtns{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.pvbtns .btn{display:inline-flex;align-items:center;text-decoration:none}.pvinfo small{color:var(--mu)}
.pvok{color:#2bb673;font-weight:500;font-size:14px;margin:-4px 0 12px}.pvoff{background:var(--sf);border-radius:10px;padding:12px;font-size:14px;margin-bottom:14px}
@media (max-width:599px){.pvqr{display:none}}
.abox{max-height:calc(100vh - 32px);overflow-y:auto}
.drawer a.di{gap:0;padding:0 16px;font-weight:400}.drawer a.di.on{background:var(--sf);font-weight:500}
/* 스튜디오: 방송 영역 버튼 강조 + 미리보기 크기 조절 */
.btn.cropbtn{background:#065fd4;color:#fff;display:inline-flex;align-items:center;gap:6px;font-weight:600;box-shadow:0 0 0 3px rgba(6,95,212,.25)}.btn.cropbtn:hover{background:#0556bf}.btn.cropbtn[hidden]{display:none}.btn.cropbtn.on{background:#2bb673;box-shadow:0 0 0 3px rgba(43,182,115,.25)}
.cropchip{position:absolute;left:12px;top:12px;z-index:4;background:#065fd4;color:#fff;border:0;border-radius:18px;height:34px;padding:0 14px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.4)}.cropchip:hover{background:#0556bf}.cropchip[hidden]{display:none}
.pvtools{display:flex;align-items:center;gap:10px;margin:0 0 8px}.pvhint{color:var(--mu);font-size:12px}
#stuPlayer{max-width:100%}.pvgrip{position:absolute;right:0;bottom:0;width:22px;height:22px;z-index:5;cursor:nwse-resize;background:linear-gradient(135deg,transparent 50%,rgba(255,255,255,.75) 50%,rgba(255,255,255,.75) 60%,transparent 60%,transparent 70%,rgba(255,255,255,.75) 70%,rgba(255,255,255,.75) 80%,transparent 80%);border-bottom-right-radius:12px;touch-action:none}
body.resizing{cursor:nwse-resize;user-select:none}
.studio-grid.big{grid-template-columns:minmax(0,1fr)}.studio-grid.big .chat{height:420px;max-height:none}
@media (max-width:1023px){.pvgrip,.pvtools{display:none}}
#stuPlayer{max-width:min(100%,calc((100vh - 230px)*16/9))}
/* 큰 영역 선택 창 */
.cropmodal{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.92);display:flex;flex-direction:column;padding:16px 24px 24px;gap:12px}
.cmhead{color:#fff;display:flex;flex-direction:column;gap:4px;padding-right:420px;min-height:44px}.cmhead b{font-size:18px}.cmhead span{font-size:13px;color:#ccc}
.cmstage{position:relative;flex:1;min-height:0;margin:8px}.cmstage video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}
.cropmodal .cropbar{position:fixed;top:16px;right:24px;bottom:auto;font-size:14px;padding:8px 10px}.cropmodal .cropbar .btn{height:36px}
.cropmodal .crophelp{display:none}.cropmodal .cropbox i{width:16px;height:16px;margin:-9px 0 0 -9px}
.cropmodal .cropbox i[data-h=n],.cropmodal .cropbox i[data-h=s]{width:40px;margin-left:-21px;height:10px;margin-top:-6px;border-radius:5px}
.cropmodal .cropbox i[data-h=e],.cropmodal .cropbox i[data-h=w]{height:40px;margin-top:-21px;width:10px;margin-left:-6px;border-radius:5px}
.player>.cropov .cropbar{top:10px;bottom:auto}.player>.cropov .crophelp{top:auto;bottom:10px}
.cropmodal{background:#0f0f0f}
/* ===== 유튜브식 플레이어 컨트롤 ===== */
.yp{outline:none}.yp-ui{position:absolute;inset:0;z-index:3;pointer-events:none;font-family:Roboto,"Noto Sans KR",Arial,sans-serif}
.yp:not(.live) .yp-ui{display:none}
.yp-shade{position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(to top,rgba(0,0,0,.75),rgba(0,0,0,.35) 50%,transparent);opacity:0;transition:opacity .25s}
.yp-bar{position:absolute;left:0;right:0;bottom:0;height:48px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;opacity:0;transition:opacity .25s;pointer-events:auto;color:#fff}
.yp.show .yp-bar,.yp.show .yp-shade,.yp.paused .yp-bar,.yp.paused .yp-shade{opacity:1}
.yp.live:not(.show):not(.paused){cursor:none}
.yp-l,.yp-r{display:flex;align-items:center;height:100%}
.yp-b{position:relative;width:48px;height:48px;border:0;background:transparent;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.92;padding:0}.yp-b:hover{opacity:1}.yp-b svg{width:28px;height:28px}
.yp-b[hidden]{display:none}
.yp-vol{display:flex;align-items:center}.yp-vs{width:0;opacity:0;transition:width .2s,opacity .2s,margin .2s;-webkit-appearance:none;appearance:none;height:4px;border-radius:2px;background:linear-gradient(to right,#fff var(--p,100%),rgba(255,255,255,.3) var(--p,100%));cursor:pointer;margin:0}
.yp-vol:hover .yp-vs,.yp-vs:focus{width:64px;opacity:1;margin:0 10px 0 2px}
.yp-vs::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;border:0}.yp-vs::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;border:0}
.yp-live{position:relative;display:flex;align-items:center;gap:6px;background:transparent;border:0;color:#fff;font:500 13px Roboto,"Noto Sans KR",sans-serif;cursor:pointer;padding:0 8px;height:32px;opacity:.95}
.yp-live i{width:8px;height:8px;border-radius:50%;background:#f00;display:block}.yp-live.behind i{background:#909090}.yp-live.behind{color:#ddd}
[data-tip]:hover::after{content:attr(data-tip);position:absolute;bottom:58px;left:50%;transform:translateX(-50%);white-space:nowrap;background:rgba(28,28,28,.9);color:#fff;font:500 12px Roboto,"Noto Sans KR",sans-serif;padding:5px 9px;border-radius:4px;pointer-events:none}
.yp-r [data-tip]:last-child:hover::after{left:auto;right:0;transform:none}.yp-l>[data-tip]:first-child:hover::after{left:0;transform:none}
.yp-menu{position:absolute;right:12px;bottom:60px;min-width:250px;max-height:calc(100% - 72px);overflow-y:auto;background:rgba(28,28,28,.9);border-radius:12px;padding:8px 0;pointer-events:auto;color:#eee;font:500 14px Roboto,"Noto Sans KR",sans-serif;text-shadow:none}
.yp-mi{display:flex;align-items:center;gap:12px;height:40px;padding:0 16px;cursor:pointer}.yp-mi:hover{background:rgba(255,255,255,.1)}.yp-mi b{margin-left:auto;font-weight:400;color:#ddd}.yp-mi.dis{cursor:default}.yp-chev{font-size:20px;color:#ccc}
.yp-mh{display:flex;align-items:center;gap:8px;height:44px;padding:0 10px;border-bottom:1px solid rgba(255,255,255,.2);margin-bottom:6px;cursor:pointer}.yp-ck{width:20px;display:flex}
.yp-gear.on svg{transform:rotate(30deg)}.yp-gear svg{transition:transform .2s}
.yp-unmute{position:absolute;left:12px;top:12px;display:flex;align-items:center;gap:8px;background:#fff;color:#0f0f0f;border:0;border-radius:4px;height:40px;padding:0 14px 0 10px;font:500 14px Roboto,"Noto Sans KR",sans-serif;cursor:pointer;pointer-events:auto;box-shadow:0 1px 4px rgba(0,0,0,.4);z-index:4}.yp-unmute[hidden]{display:none}
.yp.fs{border-radius:0;aspect-ratio:auto;width:100vw;height:100vh;max-height:none}.yp.fs video{object-fit:contain}.yp:fullscreen{border-radius:0}
.yp.fs .yp-bar{height:56px;padding:0 20px}.yp.fs .yp-shade{height:160px}
body.theater .watch-grid{grid-template-columns:minmax(0,1fr) 402px;max-width:none;padding-top:0}
body.theater .watch-grid .primary{display:contents}
body.theater .player{grid-column:1/-1;border-radius:0;aspect-ratio:auto;height:min(56.25vw,calc(100vh - 169px));max-height:none;margin:0 -24px;width:calc(100% + 48px)}
body.theater .watch-grid>.primary>:not(.player){grid-column:1}body.theater .chat{grid-column:2;grid-row:2 / span 6}
@media (hover:none){.yp-vs{display:none}[data-tip]:hover::after{display:none}.yp-b{width:44px;height:44px}}
@media (max-width:599px){.yp-bar{height:44px;padding:0 4px}.yp-b svg{width:24px;height:24px}.yp-menu{right:6px;bottom:50px;min-width:200px}}
.yp button,.yp-ui{touch-action:manipulation}
@media (hover:none){.yp:not(.show):not(.paused) .yp-bar{pointer-events:none}}
.yp button:focus{outline:none}.yp button:focus-visible{outline:2px solid rgba(255,255,255,.8);outline-offset:-2px}
.subwrap{position:relative;display:flex;gap:8px;align-items:center}.pill.bell{width:36px;padding:0;display:inline-flex;align-items:center;justify-content:center}.pill.bell[hidden]{display:none}
.bellpop{position:absolute;left:0;top:44px;z-index:30;min-width:260px;max-width:320px;background:var(--bg);border:1px solid var(--line);border-radius:12px;box-shadow:0 4px 32px rgba(0,0,0,.18);padding:8px 0}
.bp-i{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;background:none;border:0;color:var(--tx);padding:10px 16px;font:inherit;text-align:left;cursor:pointer}.bp-i:hover{background:var(--sf)}.bp-i small{color:var(--mu)}.bp-i[hidden]{display:none}
.bp-hint{margin:6px 12px;padding:10px;border-radius:8px;background:var(--sf);font-size:12px;line-height:1.5;color:var(--tx)}.bp-msg{padding:0 16px;font-size:12px;color:var(--mu)}.bp-msg:empty{display:none}
@media (max-width:1023px){.chan-row .subwrap{margin-left:auto}.bellpop{left:auto;right:0}}
.msgs li.greet{display:flex;align-items:flex-start;gap:10px;margin:6px 12px;padding:8px 12px;border-radius:10px;background:var(--sf);font-size:13px;line-height:18px}
.msgs li.greet .gi{flex:none;width:18px;height:18px;border-radius:50%;background:var(--or);position:relative}.msgs li.greet .gi::after{content:"";position:absolute;left:6.5px;top:4.5px;border-left:6px solid #fff;border-top:4.5px solid transparent;border-bottom:4.5px solid transparent}
.msgs li.greet .gt{color:var(--tx);font-weight:500}
.ownb{display:inline-block;margin-left:4px;background:#ffd600;color:#0f0f0f;border-radius:2px;padding:0 4px;font-size:11px;font-weight:600}
img.avatar.img{object-fit:cover;background:var(--sf);padding:0}
.avatar.xs{width:24px;height:24px;font-size:10px}.avatar.sm2{width:36px;height:36px;font-size:13px;flex:none}
.cardch{display:flex;align-items:center;gap:8px}.vrow{display:flex;gap:12px;align-items:flex-start;margin-top:12px}.vrow h3{margin-top:0}
.avrow{flex-wrap:wrap}
.afrow{display:grid;grid-template-columns:1fr 1fr;gap:10px}.afrow[hidden]{display:none}
.af select{background:var(--inbg);border:1px solid var(--line2);color:var(--tx);border-radius:8px;padding:12px;font-size:16px;outline:none}.af select:focus{border:2px solid var(--blue);padding:11px}
@media (max-width:359px){.afrow{grid-template-columns:1fr}}
.afrow>.af{min-width:0}.afrow input{width:100%;min-width:0;box-sizing:border-box}

.audctl{display:inline-flex;align-items:center;gap:6px}.audctl input[type=range]{width:90px}

/* 모바일 유튜브식 라이브 채팅: 플레이어 상단 고정(키보드와 무관), 채팅은 아래 바텀시트(transform 슬라이드), 키보드 땐 입력창만 위로 */
.mclose,.mchatcard,.shandle{display:none}.chtl small{margin-left:8px}
.msgs .glbl{font-size:11px;color:var(--mu);border:1px solid var(--line);border-radius:4px;padding:0 4px;margin-right:6px}
.gban{margin-left:auto;flex:none;border:1px solid var(--line);background:transparent;color:var(--mu);border-radius:12px;font-size:11px;padding:1px 8px;cursor:pointer}.gban:disabled{opacity:.6;cursor:default}
.glimit p{margin:0 0 8px;font-size:13px;line-height:1.5;color:var(--tx);text-align:center}.glimit .grow{display:flex;gap:8px}.glimit .btn{flex:1}
@media (max-width:1023px){
 body.watch .chat{display:none}
 .mchatcard{display:flex;flex-direction:column;gap:6px;width:calc(100% - 24px);margin:12px 12px 0;padding:12px 14px;border:0;border-radius:12px;background:var(--sf);color:var(--tx);text-align:left;font:inherit;cursor:pointer;touch-action:pan-x}
 .mcc-h{font-size:14px;font-weight:500}.mcc-last{font-size:13px;color:var(--mu);background:var(--bg);border-radius:16px;padding:7px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 html.mchat-html,html.mchat-html body{overflow:hidden;overscroll-behavior:none}
 html.mchat-html body{position:fixed;inset:0;width:100%}
 body.mchat .yt-top{display:none}
 body.mchat .player{position:fixed;top:0;transform:translate3d(0,var(--vvt,0px),0);left:0;right:0;width:100%;height:56.25vw;aspect-ratio:auto;z-index:8;border-radius:0}
 body.mchat main{position:absolute;inset:0;overflow-y:auto;padding-top:56.25vw;-webkit-overflow-scrolling:touch}
 body.watch.mchat .chat{overscroll-behavior:contain;display:flex;position:fixed;left:0;right:0;top:calc(56.25vw + var(--vvt,0px));bottom:0;height:auto;margin:0;z-index:7;border:0;border-radius:14px 14px 0 0;max-height:none;min-height:0;
  transform:translate3d(0,100%,0);transition:transform .25s cubic-bezier(.2,.8,.2,1);will-change:transform;contain:layout paint;background:var(--bg)}
 body.watch.mchat.sheet-open .chat{transform:translate3d(0,0,0)}
 body.watch.mchat .chat.dragging{transition:none}
 body.mchat .shandle{display:block;flex:none;height:24px;touch-action:none;cursor:grab;position:relative}
 body.mchat .shandle::after{content:"";position:absolute;left:50%;top:7px;width:36px;height:4px;margin-left:-18px;border-radius:2px;background:var(--line)}
 body.mchat .chathead{height:44px;padding:0 6px 0 16px;touch-action:manipulation}.chtl{font-size:18px;font-weight:500}.chtl small{font-size:12px}
 body.mchat .mclose{display:flex;width:44px;height:44px;align-items:center;justify-content:center;border:0;background:transparent;color:var(--tx);border-radius:50%;cursor:pointer}
 body.mchat .msgs{min-height:0;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--cfh,64px) + var(--kb,0px))}
 body.mchat .msgs li{content-visibility:auto;contain-intrinsic-size:auto 28px}
 body.mchat .msgs li:hover{background:none}
 body.mchat .cform{background:var(--bg);position:absolute;left:0;right:0;bottom:0;z-index:2;transform:translate3d(0,calc(-1 * var(--kb,0px)),0);will-change:transform;padding-bottom:calc(8px + env(safe-area-inset-bottom))}
 body.mchat.kb .cform{padding-bottom:8px}
 body.mchat .cform input{font-size:16px}
}

/* 채팅 공지 */
.chat{position:relative}
.chathead{gap:8px}.chathead .chtl{flex:none;white-space:nowrap}
.cnote{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:4px;height:28px;margin-right:auto;padding:0 10px;border:0;border-radius:14px;background:var(--sf);color:var(--tx);font:inherit;font-size:13px;cursor:pointer;text-align:left}
.cnote[hidden]{display:none}.cnote svg{flex:none;color:var(--mu)}
.cnote-t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cnote.open{outline:1px solid var(--line)}
.cnote-full{position:absolute;left:8px;right:8px;top:52px;z-index:5;max-height:50%;overflow:auto;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:var(--bg);box-shadow:0 6px 18px rgba(0,0,0,.18);font-size:14px;line-height:1.5;cursor:pointer}
.cnote-full[hidden]{display:none}.cnf-h{font-size:12px;color:var(--mu);margin-bottom:4px}
.cnote-full p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;word-break:keep-all}
@media(max-width:1023px){body.mchat .cnote-full{top:72px}}

/* 스튜디오: 적용 버튼·변경 표시·알림 */
.applywrap{display:inline-flex;align-items:center;gap:6px}.pending{font-size:12px;color:#fff;background:#e5532d;border-radius:10px;padding:2px 8px}.pending[hidden]{display:none}
.stoast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:9998;background:#0f0f0f;color:#fff;padding:10px 16px;border-radius:8px;font-size:14px;box-shadow:0 6px 18px rgba(0,0,0,.3);max-width:90vw}.stoast.err{background:#c62828}.stoast[hidden]{display:none}

.cnote-a{color:#3ea6ff;text-decoration:underline;text-underline-offset:2px}.cnote .cnote-a{pointer-events:auto}

.miclvl{display:inline-block;width:46px;height:6px;border-radius:3px;background:rgba(127,127,127,.25);overflow:hidden;vertical-align:middle;margin:0 6px}.miclvl i{display:block;height:100%;width:0;background:#2bb673;transition:width .08s linear}
.cnote-a{position:relative;z-index:1;-webkit-touch-callout:default;touch-action:manipulation;padding:4px 0}
.wminput{width:9.5em;padding:3px 6px;border:1px solid var(--line,#ccc);border-radius:6px;background:transparent;color:inherit;font:inherit}
.cclr{flex:none;white-space:nowrap;border:1px solid var(--line);background:transparent;color:var(--mu);border-radius:14px;font:inherit;font-size:12px;height:28px;padding:0 10px;cursor:pointer}.cclr:hover{color:#e5532d;border-color:#e5532d}.cclr:disabled{opacity:.6;cursor:default}
/* YouTube Live 라이트 스킨 (2026-11) — 다크모드 없음 */
.badge.on{background:#ff0000;color:#fff;font-weight:700;text-transform:uppercase}
.player{background:#000}
.chathead{border-bottom:1px solid var(--line)}
.msgs{font-size:13px;line-height:1.45}.msgs li{padding:3px 24px;gap:12px}
.cform{position:sticky;bottom:0;background:var(--bg)}
html,body{overflow-x:hidden}
.ico.theme,#themeBtn{display:none!important}
@media (max-width:1023px){.watch-grid{padding:0 0 24px}.player{border-radius:0}}
.cbanner{display:block;flex:none;margin:12px 12px 4px;border-radius:12px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:none;line-height:1.2}
.cbanner:hover{transform:none;box-shadow:none}
.cb-img{display:block;background:#fff;line-height:0}.cb-img img{width:100%;max-height:150px;object-fit:cover;display:block}
.cb-cta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px 8px 14px;background:#fff}
.cb-dom{font-size:12px;color:#8a5a33;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.cb-go{flex:none;display:inline-flex;align-items:center;gap:2px;height:30px;padding:0 10px 0 14px;border-radius:15px;background:linear-gradient(90deg,#ff7a1a,#ff5a00);color:#fff;font-weight:700;font-size:13px;box-shadow:0 2px 6px rgba(255,90,0,.35)}
.cbanner.mob{display:none}
@media (max-width:1023px){.cbanner.mob{display:block}.chat .cbanner:not(.mob){display:none}}

.logo-img{height:30px;width:auto;display:block}.alogo .logo-img{height:44px;margin:0 auto}.offlogo .logo-img,.bn-logo .logo-img{height:64px;background:#fff;border-radius:14px;padding:6px 12px}

.cmod{margin-left:auto;flex:none;display:flex;gap:4px}.cmod .gban{margin-left:0}
.msgs li.greet.balloon{display:block;margin:6px 12px;padding:8px 12px;border:0;border-radius:8px;overflow:hidden;background:#f2f2f2;color:#0f0f0f;box-shadow:none}
.msgs li.greet.balloon .gi{display:none}
.msgs li.greet.balloon .gt{display:block;padding:0;font-weight:400;color:#0f0f0f;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.msgs li.greet.balloon .bl-who{font-size:12px;font-weight:700;color:#0f0f0f}
.msgs li.greet.balloon .bl-cntline{font-size:12px;font-weight:500;color:#606060}
.msgs li.greet.balloon .bl-msg{font-size:12px;font-weight:400;color:#0f0f0f}
.msgs li.greet.balloon .bl-sep{font-size:12px;font-weight:400;color:#b0b0b0;margin:0 5px}
.msgs li.greet.balloon:last-child{animation:blflash 1s ease-out}
@keyframes blflash{0%{background:#ececec}100%{background:#f8f8f8}}
.bl-panel{margin:0 8px 4px;padding:0;border:0;background:transparent;box-shadow:none}
.bl-toprow{display:flex;align-items:center;gap:8px;min-height:32px;margin-bottom:2px}
.bl-toprow .cnick{font-size:13px;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bl-toprow .bl-tog{width:auto;margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--line,#e5e5e5);border-radius:16px;background:#fff;cursor:pointer;font:inherit;color:var(--tx);flex:none}
.bl-toprow .bl-tog:hover{background:#f2f2f2}
.bl-toprow .bl-tog-t{font-weight:600;font-size:12px}
.bl-toprow .bl-bal{margin-left:0;font-size:11px;color:var(--mu)}.bl-toprow .bl-bal b{color:var(--tx)}
.bl-panel.open .bl-toprow .bl-tog{background:#0f0f0f;border-color:#0f0f0f;color:#fff}
.bl-panel.open .bl-toprow .bl-tog .bl-bal,.bl-panel.open .bl-toprow .bl-tog .bl-bal b{color:#fff}
.bl-body{border:1px solid var(--line,#e5e5e5);border-radius:12px;background:#fff;padding:12px;margin-top:0}
.bl-head{display:flex;align-items:center;margin-bottom:8px}
.bl-head strong{font-size:14px;font-weight:700}
.bl-x{margin-left:auto;border:0;background:transparent;width:28px;height:28px;border-radius:50%;cursor:pointer;color:#606060;font-size:14px}
.bl-x:hover{background:#f2f2f2;color:#0f0f0f}
.bl-meta{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:12px;color:#606060}
.bl-meta b{color:#0f0f0f}
.bl-link{border:0;background:transparent;color:#065fd4;font:inherit;font-size:12px;font-weight:500;cursor:pointer;padding:0;margin-left:auto}
.bl-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:8px}
.bl-chip{border:1px solid #d9d9d9;background:#fff;color:#0f0f0f;border-radius:8px;height:36px;padding:0;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.bl-chip:hover{background:#f2f2f2}
.bl-chip.on{background:#0f0f0f;border-color:#0f0f0f;color:#fff}
.bl-amtrow{display:flex;gap:8px;align-items:center;margin-bottom:8px}
.bl-custom{flex:1;display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;border:1px solid #d9d9d9;border-radius:8px;background:#fff;font-size:12px;color:#606060}
.bl-custom input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:14px;font-weight:700;color:#0f0f0f}
.bl-reset{height:36px;padding:0 12px;border:1px solid #d9d9d9;border-radius:8px;background:#fff;font:inherit;font-size:12px;color:#606060;cursor:pointer}
.bl-reset:hover{background:#f2f2f2}
.bl-msgwrap{position:relative;margin-bottom:10px}
.bl-msg{width:100%;box-sizing:border-box;height:40px;border:1px solid #d9d9d9;border-radius:8px;padding:0 48px 0 12px;font:inherit;font-size:14px;background:#fff}
.bl-msg:focus{outline:none;border-color:#0f0f0f}
.bl-cnt{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:11px;color:#909090}
.bl-actions{display:flex}
.bl-send{flex:1;height:40px;border:0;border-radius:20px;background:#065fd4;color:#fff;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.bl-send:hover{background:#0552b5}.bl-send:disabled{opacity:.55;cursor:default}
@media(max-width:720px){.bl-panel{margin:0 4px 4px}.bl-chips{grid-template-columns:repeat(4,minmax(0,1fr))}}

.bl-st{margin-left:6px;font-size:12px;font-weight:700;color:#d97706}.bl-st:empty{display:none}