:root{
  color-scheme:dark;--bg:#070a11;--surface:#111722;--surface2:#0c111b;--line:rgba(255,255,255,.09);--line2:rgba(255,255,255,.15);--text:#f5f7fb;--muted:#929bad;--soft:#bbc3d1;--blue:#6884ff;--green:#45e6a8;--red:#ff526a;--yt:#ff3f56;--tt:#28e5dc;--tw:#ad7dff;--shadow:0 28px 80px rgba(0,0,0,.35);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif
}
.avatar-gifts{margin-top:18px;border:1px solid rgba(69,230,168,.18);border-radius:13px;padding:16px;background:linear-gradient(125deg,rgba(25,99,74,.08),rgba(8,12,20,.45))}.avatar-gift-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}.avatar-gift-heading h3{margin:0;font-size:.79rem}.avatar-gift-heading .avatar-note{margin-top:5px;max-width:630px;font-size:.64rem}.avatar-gift-heading .badge{flex:0 0 auto}.avatar-gift-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.avatar-gift-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:10px;padding:13px;background:rgba(5,10,16,.38)}.avatar-gift-card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;min-height:24px;flex:0 0 auto}.avatar-gift-card-heading b{display:block;font-size:.73rem}.avatar-gift-description{flex:1;margin:10px 0 0;color:var(--muted);font-size:.61rem;line-height:1.55}.avatar-gift-card .avatar-mode-toggle{font-size:.63rem;gap:6px}.avatar-gift-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.avatar-gift-fields label{font-size:.62rem;margin-bottom:5px}.avatar-gift-fields label span{color:var(--muted);font-weight:500}.avatar-gift-fields input{height:36px;padding-inline:10px;border-radius:8px;font-size:.73rem}.avatar-gift-fields input:disabled{opacity:.5;cursor:wait}.avatar-gift-card>.button{align-self:flex-start;flex:0 0 auto;margin-top:11px;width:auto;min-height:30px;font-size:.61rem;padding-inline:9px}.avatar-gift-actions{display:flex;align-items:center;gap:12px;margin-top:12px}.avatar-gift-actions .button{width:auto;min-height:36px;font-size:.69rem}.avatar-gift-actions>span{color:var(--muted);font-size:.61rem;line-height:1.5}.avatar-gifts>.avatar-note{font-size:.61rem}.avatar-gift-card.off{border-style:dashed}.avatar-gift-card.off .avatar-gift-card-heading b{color:var(--muted)}@media(max-width:1050px){.avatar-gift-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.avatar-gift-grid{grid-template-columns:1fr}.avatar-gift-heading .badge{display:none}}@media(max-width:400px){.avatar-gifts{padding:13px}.avatar-gift-fields{grid-template-columns:1fr}.avatar-gift-actions{align-items:flex-start;flex-direction:column;gap:6px}}
.avatar-gift-selection{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:67px;padding:9px 11px;border:1px solid var(--line2);border-radius:9px;background:rgba(10,19,25,.9);text-align:left;cursor:pointer;transition:border-color .18s,background .18s}.avatar-gift-selection:hover,.avatar-gift-selection[aria-expanded="true"]{border-color:rgba(69,230,168,.55);background:rgba(25,68,51,.25)}.avatar-gift-selection-content{display:flex;align-items:center;gap:10px;min-width:0}.avatar-gift-icon{width:43px;height:43px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;background:rgba(255,255,255,.035);font-size:1.5rem}.avatar-gift-icon img{width:100%;height:100%;object-fit:contain}.avatar-gift-selection-copy{min-width:0}.avatar-gift-selection-copy b{display:block;overflow-wrap:anywhere;font-size:.73rem}.avatar-gift-selection-copy small{display:block;margin-top:3px;color:var(--muted);font-size:.57rem;overflow-wrap:anywhere}.avatar-gift-selection-action{color:var(--green);white-space:nowrap;font-size:.61rem;font-weight:750}.avatar-gift-selection:disabled{opacity:.55;cursor:wait}.avatar-gift-selection:focus-visible,.avatar-tiktok-gift:focus-visible{outline:2px solid var(--green);outline-offset:3px}.avatar-gift-picker{margin-top:12px;padding:14px;border:1px solid rgba(69,230,168,.28);border-radius:11px;background:rgba(4,12,15,.8)}.avatar-gift-picker-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.avatar-gift-picker-heading h4{margin:0;font-size:.76rem}.avatar-gift-picker-heading p{margin:4px 0 0;color:var(--green);font-size:.61rem}.avatar-gift-picker .button{width:auto;min-height:31px;padding:5px 10px;font-size:.61rem;flex:0 0 auto}.avatar-gift-picker-tools{display:flex;align-items:flex-end;gap:10px;margin-top:12px}.avatar-gift-search{flex:1;min-width:0;margin:0;font-size:.61rem}.avatar-gift-search>span{display:block;margin-bottom:5px}.avatar-gift-search input{height:36px;border-radius:8px;font-size:.71rem;padding:0 10px}.avatar-gift-picker-tools .button{min-height:36px}.avatar-gift-picker>.avatar-note{font-size:.61rem}.avatar-gift-catalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;max-height:294px;overflow-y:auto;overscroll-behavior:contain;padding:5px 4px;margin:10px -4px 0;scrollbar-width:thin;scrollbar-color:rgba(69,230,168,.3) transparent}.avatar-tiktok-gift{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0;min-height:105px;padding:10px 7px;border:1px solid var(--line);border-radius:9px;background:rgba(15,24,30,.75);text-align:center;cursor:pointer;transition:border-color .18s,background .18s}.avatar-tiktok-gift:hover{border-color:rgba(69,230,168,.5);background:rgba(25,68,51,.25)}.avatar-tiktok-gift.selected{border-color:var(--green);background:rgba(69,230,168,.11)}.avatar-tiktok-gift.selected::after{content:"✓";position:absolute;top:3px;right:7px;color:var(--green);font-size:.72rem}.avatar-tiktok-gift-copy{width:100%;min-width:0}.avatar-tiktok-gift-copy b{display:block;font-size:.63rem;overflow-wrap:anywhere;line-height:1.4}.avatar-tiktok-gift-copy small{display:block;margin-top:3px;color:var(--muted);font-size:.57rem}.avatar-gift-catalog-empty{padding:10px 0;line-height:1.65}@media(max-width:400px){.avatar-gift-picker{padding:11px}.avatar-gift-picker-tools{align-items:stretch;flex-direction:column}.avatar-gift-picker-tools .button{align-self:flex-start}.avatar-gift-selection{gap:6px;padding:8px}.avatar-gift-selection-content{gap:7px}.avatar-gift-selection-action{font-size:.58rem}.avatar-gift-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.avatar-gift-icon{width:38px;height:38px}}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{min-width:320px;min-height:100vh;margin:0;color:var(--text);background:radial-gradient(circle at 4% -8%,rgba(93,124,255,.16),transparent 30rem),radial-gradient(circle at 102% 40%,rgba(173,125,255,.09),transparent 34rem),var(--bg);line-height:1.5;overflow-x:hidden}button,input{font:inherit}button{color:inherit}.hidden{display:none!important}.glow{position:fixed;z-index:-1;border:1px solid rgba(123,142,255,.1);border-radius:50%;pointer-events:none}.glow-a{width:32rem;height:32rem;left:-22rem;top:36vh}.glow-b{width:25rem;height:25rem;right:-16rem;top:6rem}.boot{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:20px;color:var(--muted)}.boot p{margin:0;font-size:.8rem;letter-spacing:.08em}
.brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.brand>b{font-size:1.1rem;letter-spacing:-.025em}.brand>span{margin-left:-4px;color:var(--muted);font-size:.69rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.mark{position:relative;width:32px;height:32px;transform:rotate(-7deg)}.mark i{position:absolute;width:9px;border-radius:5px;transform:skewY(-18deg);box-shadow:0 4px 12px rgba(0,0,0,.25)}.mark i:nth-child(1){height:22px;left:2px;top:7px;background:var(--yt)}.mark i:nth-child(2){height:27px;left:11px;top:2px;background:var(--tt)}.mark i:nth-child(3){height:18px;left:20px;top:10px;background:var(--tw)}.mark-lg{transform:scale(1.3) rotate(-7deg)}.mark-hero{transform:scale(3.7) rotate(-7deg)}
.login{width:min(1120px,calc(100% - 48px));min-height:100vh;margin:auto;display:grid;grid-template-columns:minmax(340px,440px) minmax(400px,1fr);gap:clamp(42px,8vw,110px);align-items:center;padding:48px 0}.login-card{padding:8px}.login-card>.brand{margin-bottom:clamp(58px,9vh,90px)}.eyebrow{margin:0 0 5px;color:#7d89a3;font-size:.64rem;font-weight:800;letter-spacing:.14em}.login h1{margin:0;font-size:clamp(2.35rem,5vw,3.65rem);line-height:1.02;letter-spacing:-.055em}.lead{max-width:390px;margin:20px 0 32px;color:var(--muted)}label{display:block;margin-bottom:8px;color:var(--soft);font-size:.75rem;font-weight:700}.password-wrap{position:relative}.password-wrap input{padding-right:52px}.password-wrap .icon-btn{position:absolute;right:5px;top:5px}.error{margin:9px 2px 0;color:#ff8998;font-size:.76rem}.private{display:flex;align-items:center;justify-content:center;gap:7px;margin:22px 0 0;color:#737d8d;font-size:.69rem}
input{width:100%;height:50px;border:1px solid var(--line2);border-radius:11px;outline:0;padding:0 15px;color:var(--text);background:rgba(8,12,20,.78);transition:.18s border-color,.18s box-shadow,.18s background}input::placeholder{color:#626d7f}input:hover{border-color:rgba(255,255,255,.23)}input:focus{border-color:#7992ff;box-shadow:0 0 0 3px rgba(93,124,255,.15);background:#0a0f19}
.button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:10px;padding:0 15px;cursor:pointer;font-size:.79rem;font-weight:720;transition:.16s transform,.16s background,.16s border-color,.16s opacity}.button:hover:not(:disabled){transform:translateY(-1px)}.button:active:not(:disabled){transform:none}.button:disabled,.icon-btn:disabled{opacity:.38;cursor:not-allowed}.button:focus-visible,.icon-btn:focus-visible{outline:2px solid #7992ff;outline-offset:2px}.wide{width:100%}.primary{background:linear-gradient(135deg,#718aff,#506ce4);box-shadow:0 12px 30px rgba(67,92,220,.22)}.primary:hover:not(:disabled){background:linear-gradient(135deg,#7d94ff,#5b77ec)}.secondary{color:var(--soft);border-color:var(--line);background:rgba(255,255,255,.04)}.secondary:hover:not(:disabled){color:var(--text);border-color:var(--line2);background:rgba(255,255,255,.07)}.quiet{color:var(--muted);border-color:var(--line);background:transparent}.quiet:hover:not(:disabled){color:var(--text);background:rgba(255,255,255,.04)}.danger{color:#ff94a2;border-color:rgba(255,82,106,.22);background:rgba(255,82,106,.08)}.danger:hover:not(:disabled){border-color:rgba(255,82,106,.4);background:rgba(255,82,106,.13)}.login-card .primary{height:50px;margin-top:20px}.icon-btn{width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:10px;color:var(--muted);background:transparent;cursor:pointer;transition:.16s color,.16s background,.16s transform}.icon-btn:hover:not(:disabled){color:var(--text);background:rgba(255,255,255,.06)}
.login-art{position:relative;min-height:600px;display:grid;place-items:center}.hero-mark{width:270px;height:270px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,rgba(101,124,255,.16),rgba(101,124,255,.025) 62%,transparent 63%)}.hero-mark:before{content:"";position:absolute;width:160px;height:160px;border:1px solid var(--line);border-radius:50%;background:rgba(17,22,36,.56);box-shadow:var(--shadow),inset 0 0 40px rgba(99,121,255,.08);backdrop-filter:blur(12px)}.orbit{position:absolute;border:1px solid rgba(255,255,255,.06);border-radius:50%}.orbit.one{width:390px;height:390px}.orbit.two{width:560px;height:560px;border-style:dashed}.preview{position:absolute;z-index:2;min-width:250px;display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:15px;padding:12px 15px;background:rgba(18,24,38,.84);box-shadow:var(--shadow);backdrop-filter:blur(14px)}.preview.p1{right:-2%;top:16%;transform:rotate(2deg)}.preview.p2{left:-4%;top:45%;transform:rotate(-2deg)}.preview.p3{right:3%;bottom:15%;transform:rotate(1deg)}.preview b{display:block;font-size:.75rem}.preview p{margin:2px 0 0;color:var(--soft);font-size:.71rem}.avatar{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;font-size:.75rem;font-weight:800}.avatar.yt{background:linear-gradient(135deg,#ff697c,#9f2438)}.avatar.tt{color:#061112;background:linear-gradient(135deg,#4ffff5,#1c9b96)}.avatar.tw{background:linear-gradient(135deg,#bf99ff,#6543a1)}
.app{min-height:100vh}.topbar{position:sticky;z-index:20;top:0;height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);padding:0 max(24px,calc((100vw - 1480px)/2));background:rgba(7,10,17,.78);backdrop-filter:blur(18px)}.top-actions{display:flex;align-items:center;gap:12px}.live-pill{height:34px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:0 12px;color:var(--soft);background:rgba(255,255,255,.025);font-size:.7rem;font-weight:700}.live-pill i{width:7px;height:7px;border-radius:50%;background:#687181;box-shadow:0 0 0 4px rgba(104,113,129,.08)}.live-pill.active i{background:var(--green);box-shadow:0 0 0 4px rgba(69,230,168,.1),0 0 14px rgba(69,230,168,.5)}
.dashboard{width:min(1480px,calc(100% - 48px));margin:auto;display:grid;grid-template-columns:370px minmax(0,1fr);gap:22px;padding:26px 0 34px;align-items:start}.panel{border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(19,25,38,.95),rgba(13,18,28,.93));box-shadow:0 15px 45px rgba(0,0,0,.15)}.settings{position:sticky;top:98px;padding:24px}.heading,.welcome{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.heading h1,.heading h2,.welcome h2,.runtime h2{margin:0;letter-spacing:-.026em}.heading h1{font-size:1.25rem}.heading h2{font-size:1.15rem}.muted{margin:10px 0 22px;color:var(--muted);font-size:.77rem}.saved,.badge{border:1px solid rgba(69,230,168,.16);border-radius:999px;padding:5px 9px;color:var(--green);background:rgba(69,230,168,.07);font-size:.61rem;font-weight:750}
.channel{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:13px;padding:11px;background:rgba(6,9,16,.35);transition:.16s border-color,.16s background}.channel+.channel{margin-top:10px}.channel:focus-within{border-color:rgba(121,146,255,.5);background:rgba(8,12,20,.72)}.channel>div{min-width:0;flex:1}.platform-logo{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;font-weight:850}.youtube .platform-logo{color:var(--yt);background:rgba(255,63,86,.09)}.twitch .platform-logo{color:var(--tw);background:rgba(173,125,255,.09)}.tiktok .platform-logo{color:var(--tt);background:rgba(40,229,220,.08)}.channel label{margin:0;color:var(--soft);font-size:.66rem}.channel input{height:25px;border:0;border-radius:0;padding:0;background:transparent;box-shadow:none;font-size:.78rem}.channel input:focus{border:0;background:transparent;box-shadow:none}.save{height:46px;margin-top:16px}.simple-info{display:flex;gap:11px;margin-top:22px;border-top:1px solid var(--line);padding-top:20px}.simple-info>span{width:32px;height:32px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;background:rgba(243,212,105,.08)}.simple-info b{font-size:.73rem}.simple-info p{margin:4px 0 0;color:var(--muted);font-size:.68rem;line-height:1.55}
.workspace{min-width:0}.welcome{align-items:center;margin:3px 2px 21px}.welcome h2{font-size:clamp(1.55rem,3vw,2.1rem)}.welcome>div>p:last-child{margin:5px 0 0;color:var(--muted);font-size:.8rem}.refresh{border:1px solid var(--line);background:rgba(255,255,255,.025);font-size:1.25rem}.refresh.loading{animation:spin .8s linear infinite}.platforms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.platform{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;row-gap:8px;border:1px solid var(--line);border-radius:14px;padding:15px;background:rgba(16,21,33,.68)}.platform>i{width:9px;height:9px;margin-top:5px;border-radius:50%;background:#515a69}.platform[data-platform=youtube]>i{background:var(--yt)}.platform[data-platform=tiktok]>i{background:var(--tt)}.platform[data-platform=twitch]>i{background:var(--tw)}.platform span{display:block;color:var(--muted);font-size:.65rem}.platform b{display:block;margin-top:1px;font-size:.75rem}.platform small{grid-column:2;min-width:0;overflow:hidden;color:#778195;font-size:.66rem;text-overflow:ellipsis;white-space:nowrap}.platform.connected{border-color:rgba(69,230,168,.18)}.platform.connected b{color:#74eabb}.platform.error b{color:#ff8494}.platform.connecting b,.platform.reconnecting b,.platform.waiting b{color:#ebca6d}
.obs-links{padding:23px}.badge{color:#9eb0ff;border-color:rgba(121,146,255,.16);background:rgba(121,146,255,.07)}.url-list{display:grid;gap:10px;margin-top:18px}.url-card{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;align-items:center;border:1px solid var(--line);border-radius:13px;padding:12px;background:rgba(6,9,16,.35)}.url-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:10px;color:#a7b5ff;background:rgba(93,124,255,.09);font-size:1.15rem}.overlay-icon{color:#c2a3ff;background:rgba(173,125,255,.08)}.url-copy{min-width:0}.url-copy>div{display:flex;align-items:center;gap:8px}.url-copy b{font-size:.73rem}.url-copy span{color:var(--muted);font-size:.63rem}.url-copy code{display:block;margin-top:3px;overflow:hidden;color:#697488;font-size:.65rem;text-overflow:ellipsis;white-space:nowrap}.url-actions{display:flex;align-items:center;gap:5px}.url-actions .button{min-width:76px;height:36px;min-height:36px}.url-actions .icon-btn{width:36px;height:36px;border:1px solid var(--line)}
.runtime{margin-top:16px;padding:20px 23px}.runtime-main{display:flex;align-items:center;justify-content:space-between;gap:24px}.runtime-copy{display:flex;align-items:center;gap:15px;min-width:0}.runtime-orb{width:44px;height:44px;display:grid;place-content:center;grid-template-columns:repeat(3,4px);gap:3px;flex:0 0 auto;border:1px solid var(--line);border-radius:50%;background:rgba(255,255,255,.03)}.runtime-orb i{width:4px;height:10px;border-radius:3px;background:#596273}.runtime-orb i:nth-child(2){height:17px}.runtime-orb.active{border-color:rgba(69,230,168,.18);background:rgba(69,230,168,.06)}.runtime-orb.active i{background:var(--green);animation:sound 1s ease-in-out infinite alternate}.runtime-orb.active i:nth-child(2){animation-delay:-.4s}.runtime-orb.active i:nth-child(3){animation-delay:-.7s}.runtime h2{font-size:1rem}.runtime-copy p:last-child{max-width:510px;margin:4px 0 0;color:var(--muted);font-size:.68rem}.runtime-actions,.test-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.runtime-actions .button,.test-actions .button{min-height:37px}.test-suite{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:18px;border-top:1px solid var(--line);padding-top:18px}.test-suite-copy{min-width:0}.test-suite h3{margin:0;font-size:.9rem;letter-spacing:-.015em}.test-suite-copy p:last-child{max-width:530px;margin:4px 0 0;color:var(--muted);font-size:.68rem}.test-actions{justify-content:flex-end}.test-alert{color:#f1d384;border-color:rgba(240,207,119,.23);background:rgba(240,207,119,.07)}.test-alert:hover:not(:disabled){color:#fff0b4;border-color:rgba(240,207,119,.4);background:rgba(240,207,119,.13)}footer{width:min(1480px,calc(100% - 48px));margin:auto;display:flex;align-items:center;justify-content:center;gap:8px;border-top:1px solid var(--line);padding:19px 0 28px;color:#596273;font-size:.64rem}footer i{width:3px;height:3px;border-radius:50%;background:#596273}
.toasts{position:fixed;right:20px;bottom:20px;z-index:100;display:grid;gap:8px;pointer-events:none}.toast{max-width:360px;border:1px solid var(--line2);border-radius:12px;padding:11px 14px;color:var(--soft);background:rgba(19,25,37,.97);box-shadow:var(--shadow);font-size:.74rem;animation:toast-in .24s ease both}.toast:before{content:"";display:inline-block;width:7px;height:7px;margin:0 9px 1px 0;border-radius:50%;background:var(--green)}.toast.error:before{background:var(--red)}.toast.out{animation:toast-out .2s ease both}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes sound{from{transform:scaleY(.45);opacity:.6}to{transform:scaleY(1);opacity:1}}@keyframes toast-in{from{opacity:0;transform:translateY(10px)}}@keyframes toast-out{to{opacity:0;transform:translateY(8px)}}
@media(max-width:1050px){.dashboard{grid-template-columns:330px minmax(0,1fr)}.runtime-main,.test-suite{align-items:flex-start;flex-direction:column}.runtime-actions,.test-actions{justify-content:flex-start}.url-copy span{display:none}}
@media(max-width:840px){.login{width:min(440px,calc(100% - 40px));grid-template-columns:1fr}.login-art{display:none}.login-card{padding:0}.dashboard{grid-template-columns:1fr}.settings{position:static}.platforms{grid-template-columns:repeat(3,minmax(150px,1fr));overflow-x:auto;padding-bottom:4px}}
@media(max-width:600px){.topbar{height:64px;padding:0 16px}.brand>span{display:none}.top-actions{gap:7px}.live-pill{padding:0 9px}.quiet{width:40px;padding:0}.dashboard,footer{width:calc(100% - 28px)}.dashboard{padding-top:18px}.settings,.obs-links,.runtime{border-radius:15px;padding:18px}.welcome{align-items:flex-start}.platforms{grid-template-columns:1fr;overflow:visible}.url-card{grid-template-columns:auto minmax(0,1fr)}.url-actions{grid-column:1/-1}.url-actions .button{flex:1}.runtime-actions,.test-actions{width:100%}.runtime-actions .button,.test-actions .button{flex:1 1 125px}.toasts{left:14px;right:14px;bottom:14px}.toast{max-width:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.channel label small{margin-left:4px;color:#e0bd62;font-size:.55rem;font-weight:750}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}
.notification-icon{color:#f0cf77;background:rgba(240,207,119,.09)}.notification-sound{margin-top:16px;padding:23px}.notification-sound .sound-description{max-width:650px;margin:10px 0 17px}.sound-content{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid var(--line);border-radius:13px;padding:13px;background:rgba(6,9,16,.35)}.sound-summary{display:flex;align-items:center;gap:11px;min-width:0}.sound-icon{width:39px;height:39px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;color:#f0cf77;background:rgba(240,207,119,.09);font-size:1.12rem}.sound-summary b{display:block;overflow:hidden;font-size:.74rem;text-overflow:ellipsis;white-space:nowrap}.sound-summary p{margin:3px 0 0;color:var(--muted);font-size:.64rem}.sound-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.sound-actions .button{min-height:37px}.sound-actions .quiet{min-height:37px;padding-inline:12px}.sound-state{color:#e8c86d;border-color:rgba(240,207,119,.2);background:rgba(240,207,119,.07)}.sound-state.custom{color:var(--green);border-color:rgba(69,230,168,.2);background:rgba(69,230,168,.07)}
@media(max-width:1050px){.sound-content{align-items:flex-start;flex-direction:column}.sound-actions{justify-content:flex-start}}
@media(max-width:600px){.notification-sound{padding:18px}.sound-actions{width:100%}.sound-actions .button{flex:1 1 132px}.sound-actions .quiet{width:auto;padding-inline:12px}.sound-summary p{font-size:.62rem}}

.stream-avatar{margin-top:16px;padding:23px}.avatar-description{max-width:700px;margin-bottom:16px}.avatar-icon{color:#7cf1b7;background:rgba(69,230,168,.09)}.avatar-state{color:#7cf1b7;border-color:rgba(69,230,168,.2);background:rgba(69,230,168,.07)}.avatar-state.custom{color:#c3a0ff;border-color:rgba(173,125,255,.2);background:rgba(173,125,255,.08)}.avatar-url{margin-bottom:18px}.avatar-editor{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(230px,1fr);gap:18px}.avatar-library,.avatar-settings{min-width:0;border:1px solid var(--line);border-radius:13px;padding:16px;background:rgba(6,9,16,.3)}.avatar-current{display:flex;align-items:center;gap:14px}.avatar-preview-stage{width:130px;height:150px;flex:0 0 auto;display:grid;place-items:center;border:1px solid rgba(69,230,168,.12);border-radius:12px;background:radial-gradient(ellipse at 50% 95%,rgba(69,230,168,.16),transparent 60%),radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1px);background-size:auto,12px 12px;overflow:hidden}.avatar-preview-stage canvas{display:block;width:130px;height:130px}.avatar-current-copy{min-width:0;flex:1}.avatar-current-copy>b{display:block;overflow-wrap:anywhere;font-size:.79rem}.avatar-current-copy>p{margin:4px 0 12px;color:var(--muted);font-size:.64rem}.avatar-current-copy label{margin-bottom:5px;font-size:.63rem}select{width:100%;height:36px;border:1px solid var(--line2);border-radius:8px;padding:0 9px;color:var(--text);background:#0a101a;font:inherit;font-size:.73rem}select:focus-visible{outline:2px solid #7992ff;outline-offset:2px}.avatar-collection-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:16px 0 10px}.avatar-collection-heading h3,.avatar-settings h3{margin:0;font-size:.77rem;letter-spacing:-.01em}.avatar-collection-heading>span{color:var(--muted);font-size:.61rem}.avatar-collection{display:grid;gap:7px;max-height:340px;overflow-y:auto;scrollbar-width:thin}.avatar-library-item{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--line);border-radius:9px;padding:9px 10px;background:rgba(6,9,16,.3)}.avatar-library-item.selected{border-color:rgba(69,230,168,.35);background:rgba(69,230,168,.045)}.avatar-library-copy{min-width:0}.avatar-library-copy>b{display:block;overflow-wrap:anywhere;font-size:.69rem}.avatar-library-copy>small{display:block;margin-top:2px;color:var(--muted);font-size:.59rem}.avatar-library-actions{display:flex;gap:5px;flex:0 0 auto}.avatar-library-actions .button{min-height:31px;padding-inline:9px;font-size:.65rem}.avatar-note{margin:10px 0 0;color:var(--muted);font-size:.66rem;line-height:1.6}.avatar-note a{color:#9db2ff;text-underline-offset:3px}.avatar-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:16px}.avatar-fields label,.avatar-upload-grid label{margin-bottom:6px;font-size:.66rem}.avatar-fields input,.avatar-upload-grid input{height:39px;padding-inline:11px;border-radius:8px;font-size:.78rem}.avatar-settings>.button{margin-top:15px;min-height:37px}.avatar-settings>.quiet{width:auto}.avatar-upload-panel{margin-top:18px;border:1px solid var(--line);border-radius:12px;padding:0 16px;background:rgba(6,9,16,.3)}.avatar-upload-panel summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 0;color:var(--soft);font-size:.76rem;font-weight:720;cursor:pointer;list-style:none}.avatar-upload-panel summary:before{content:"+";width:16px;color:#7cf1b7}.avatar-upload-panel[open] summary:before{content:"−"}.avatar-upload-panel summary>span{margin-left:auto;color:var(--muted);font-size:.63rem;font-weight:500}.avatar-upload-panel[open]{padding-bottom:16px}.avatar-upload-panel[open] summary{border-bottom:1px solid var(--line)}.avatar-upload-file{margin:16px 0}.avatar-upload-file label{margin-bottom:7px;font-size:.68rem}.avatar-upload-file input{height:auto;min-height:41px;padding:8px 10px;font-size:.72rem}.avatar-upload-file input::file-selector-button{margin-right:10px;border:1px solid var(--line2);border-radius:6px;padding:5px 9px;color:var(--soft);background:rgba(255,255,255,.05);font:inherit}.avatar-upload-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.avatar-upload-panel form>.button{margin-top:13px}.avatar-upload-panel form>.quiet{width:auto}.avatar-privacy{border-top:1px solid var(--line);margin-top:18px;padding-top:13px}.avatar-upload-panel summary:focus-visible{outline:2px solid #7992ff;outline-offset:3px}
@media(max-width:1170px){.avatar-editor{grid-template-columns:1fr}.avatar-upload-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.stream-avatar{padding:18px}.avatar-current{gap:10px}.avatar-preview-stage{width:110px;height:125px}.avatar-preview-stage canvas{width:110px;height:110px}.avatar-upload-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.avatar-library,.avatar-settings{padding:13px}.avatar-library-item{align-items:flex-start;flex-wrap:wrap}.avatar-library-actions{margin-left:auto}.avatar-upload-panel{padding-inline:13px}.avatar-url .url-actions{flex-wrap:wrap}.avatar-settings>.button,.avatar-upload-panel form>.button{width:auto;padding-inline:12px}}
.avatar-library-thumb{display:block;width:48px;height:48px;flex:0 0 48px;background-repeat:no-repeat;background-size:384px 240px;background-position:0 0;filter:drop-shadow(0 2px 3px rgba(0,0,0,.18))}.avatar-library-copy{flex:1}.avatar-collection-heading>span{text-align:right}.avatar-library-item{justify-content:flex-start}.avatar-collection{max-height:460px}
.avatar-audio-settings{margin-top:18px;min-width:0;border:1px solid var(--line);border-radius:13px;padding:16px;background:rgba(6,9,16,.3)}.avatar-audio-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.avatar-audio-heading>div{min-width:0}.avatar-audio-heading h3{margin:0;font-size:.79rem}.avatar-audio-heading .avatar-note{margin-top:6px}.avatar-audio-controls{display:flex;align-items:flex-end;gap:12px;margin-top:15px;flex-wrap:wrap}.avatar-audio-controls>label{min-width:160px;flex:1;margin:0;font-size:.66rem}.avatar-audio-controls output{float:right;color:#9deac6;font-weight:700}.avatar-audio-controls input[type=range]{display:block;appearance:auto;width:100%;height:36px;padding:0;border:0;accent-color:#45e6a8;background:transparent}.avatar-audio-controls .avatar-audio-kind{min-width:140px;flex:.75}.avatar-audio-kind select{margin-top:6px}.avatar-audio-controls .button{min-height:36px;width:auto;padding-inline:12px}.avatar-audio-controls input:disabled{opacity:.5}.avatar-audio-controls input:focus-visible{outline:2px solid #7992ff;outline-offset:3px}@media(max-width:600px){.avatar-audio-settings{padding:13px}.avatar-audio-heading{gap:10px}.avatar-audio-controls{gap:10px}.avatar-audio-controls>label{flex-basis:100%;min-width:0}.avatar-audio-controls .avatar-audio-kind{min-width:0;flex-basis:100%}.avatar-audio-controls .button{flex:1}}
.avatar-audio-options{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:15px;padding:12px;border:1px solid var(--line);border-radius:9px;background:#45e6a805}.avatar-audio-options+.avatar-note{margin-top:8px}
.avatar-interactive{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;border:1px solid rgba(69,230,168,.2);border-radius:13px;padding:15px 16px;background:linear-gradient(120deg,rgba(69,230,168,.065),rgba(173,125,255,.035))}.avatar-interactive-copy{min-width:0;max-width:650px}.avatar-interactive h3{margin:0 0 6px;font-size:.79rem}.avatar-interactive p{margin:0;color:var(--muted);font-size:.66rem;line-height:1.65}.avatar-interactive .avatar-note{margin-top:6px;color:#9deac6}.avatar-interactive code{color:#b3ffd8;font-weight:700}.avatar-mode-toggle{display:flex;align-items:center;gap:9px;margin:0;cursor:pointer;flex:0 0 auto;font-size:.7rem;font-weight:700;line-height:1.5}.avatar-mode-toggle input{appearance:auto;width:18px;height:18px;min-width:18px;margin:0;padding:0;accent-color:#45e6a8;cursor:pointer}.avatar-mode-toggle input:disabled{cursor:wait}.avatar-mode-toggle input:focus-visible{outline:2px solid #7992ff;outline-offset:4px}.avatar-cooldown-field{grid-column:1/-1}.avatar-cooldown-field input{max-width:160px}.avatar-cooldown-field .avatar-note{margin-top:7px}.avatar-cooldown-field input:disabled{opacity:.5;cursor:wait}@media(max-width:700px){.avatar-interactive{align-items:flex-start;flex-direction:column;gap:12px}.avatar-mode-toggle{flex:initial}.avatar-interactive-copy{max-width:none}}
.avatar-preview-stage{width:106px;height:114px}.avatar-preview-stage canvas{width:106px;height:106px}.avatar-default-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.avatar-default-card{position:relative;display:flex;align-items:center;gap:8px;min-width:0;min-height:92px;padding:12px 8px 18px;border:1px solid rgba(111,155,241,.2);border-radius:10px;background:rgba(58,82,133,.065)}.avatar-default-copy{min-width:0}.avatar-default-copy b{display:block;font-size:.69rem;overflow-wrap:anywhere}.avatar-default-copy small{display:block;margin-top:3px;color:var(--muted);font-size:.59rem}.avatar-default-tag{position:absolute;right:8px;bottom:6px;color:#97acd1;font-size:.48rem;letter-spacing:.12em;font-weight:700}.avatar-card-thumb{display:block;flex:0 0 auto;background-repeat:no-repeat;background-position:0 0;filter:drop-shadow(0 2px 3px #0003);max-width:64px;max-height:64px}.avatar-pool-tools{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:9px}.avatar-pool-tools .avatar-note{margin:0;font-size:.61rem;max-width:270px}.avatar-pool-tools>div{display:flex;flex:0 0 auto;gap:3px}.avatar-pool-tools .button{width:auto;min-height:28px;padding:4px 7px;font-size:.58rem}.avatar-collection{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:360px;overflow:auto;overscroll-behavior:contain;padding:2px 4px 3px 2px;scrollbar-color:#3d6658 #0b1413}.avatar-pool-card{position:relative;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:rgba(6,9,16,.34);transition:border-color .15s,background .15s}.avatar-pool-card.selected{border-color:rgba(69,230,168,.55);background:linear-gradient(145deg,rgba(69,230,168,.16),rgba(35,131,99,.07));box-shadow:inset 0 0 0 1px #45e6a80c}.avatar-pool-choice{display:flex;align-items:center;flex-direction:column;gap:7px;width:100%;min-height:136px;height:100%;padding:12px 7px 11px;border:0;border-radius:9px;color:var(--text);background:transparent;font:inherit;cursor:pointer;text-align:center}.avatar-pool-choice:hover{background:#ffffff04}.avatar-pool-choice:focus-visible{outline:2px solid #a2ffe0;outline-offset:-3px}.avatar-pool-choice:disabled{cursor:wait;opacity:.75}.avatar-pool-copy{display:block;min-width:0;width:100%}.avatar-pool-copy b{display:block;font-size:.66rem;line-height:1.35;overflow-wrap:anywhere}.avatar-pool-copy small{display:block;margin-top:3px;color:var(--muted);font-size:.54rem;line-height:1.4}.avatar-pool-mark{position:absolute;left:7px;top:6px;display:grid;place-items:center;width:17px;height:17px;border:1px solid var(--line2);border-radius:50%;color:var(--muted);font-size:.65rem}.selected .avatar-pool-mark{color:#061a12;background:#58e8aa;border-color:#58e8aa;font-weight:800}.avatar-pool-delete{position:absolute;right:5px;top:5px;width:23px;height:23px;display:grid;place-items:center;border:1px solid #e6808050;border-radius:6px;background:#1d151d;color:#ffabab;font:inherit;font-size:1rem;cursor:pointer;line-height:1}.avatar-pool-delete:hover{background:#53212c}.avatar-pool-delete:focus-visible{outline:2px solid #ffa5b1;outline-offset:2px}.avatar-pool-delete:disabled{cursor:wait;opacity:.5}@media(min-width:700px){.avatar-collection{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1170px){.avatar-collection{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:500px){.avatar-default-card{flex-direction:column;gap:5px;padding-top:8px;min-height:118px;text-align:center}.avatar-pool-tools{flex-direction:column;gap:6px}.avatar-pool-tools .avatar-note{max-width:none}.avatar-pool-tools>div{align-self:flex-end}.avatar-current{gap:10px}.avatar-preview-stage{width:94px;height:104px}.avatar-preview-stage canvas{width:94px;height:94px}}@media(prefers-reduced-motion:reduce){.avatar-pool-card{transition:none}}
.avatar-gift-grid{max-height:536px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#3d6658 #0b1413;padding:2px 5px 3px 2px;grid-auto-rows:minmax(228px,auto)}.avatar-gift-grid:focus-visible{outline:2px solid #7992ff;outline-offset:4px;border-radius:8px}.avatar-gift-card-heading{min-height:36px;align-items:flex-start}.avatar-gift-card-heading b{min-width:0;overflow-wrap:anywhere;line-height:1.4}.avatar-gift-card-heading .avatar-mode-toggle{padding-top:2px}.avatar-gift-card .avatar-gift-selection{min-height:66px;flex:0 0 auto}.avatar-gift-description{min-height:3em}.avatar-drag-help{padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:rgba(69,230,168,.025)}@media(max-width:700px){.avatar-gift-grid{max-height:465px;grid-auto-rows:minmax(215px,auto)}}@media(max-width:400px){.avatar-gift-grid{max-height:437px}.avatar-gift-card-heading{min-height:34px;gap:8px}.avatar-gift-card-heading b{font-size:.7rem}}

/* Keep avatar tools compact; their editors live in the browser's modal layer. */
.avatar-settings{align-self:start}
.avatar-settings-column{display:flex;flex-direction:column;gap:14px;min-width:0;align-self:start}
.avatar-library{display:flex;flex-direction:column}
.avatar-library>.avatar-current,.avatar-library>.avatar-collection-heading,.avatar-library>.avatar-default-list,.avatar-library>.avatar-pool-tools,.avatar-library>.avatar-note{flex:0 0 auto}
.avatar-library .avatar-collection{flex:1 1 360px;height:360px;min-height:360px;max-height:none;contain:size;align-content:start;grid-auto-rows:minmax(138px,max-content)}
@media(max-width:1170px){.avatar-library .avatar-collection{flex:none;height:clamp(360px,60dvh,560px)}}
.avatar-settings-column .avatar-audio-settings{margin-top:0}
.avatar-settings-column .avatar-audio-heading{gap:12px}
.avatar-settings-column .avatar-audio-heading>div{min-width:0}
.avatar-settings-column .avatar-audio-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.avatar-settings-column .avatar-audio-controls>label{grid-column:1/-1;min-width:0;margin:0}
.avatar-settings-column .avatar-audio-controls .button{width:100%;padding-inline:10px}
.avatar-settings-column .avatar-drag-help{margin:0;line-height:1.65}
.obs-links .avatar-url{margin-bottom:0}
.avatar-settings-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.avatar-settings-tools .button{width:auto;min-height:37px;padding-inline:12px;font-size:.71rem}
.avatar-settings-tools>.avatar-note{flex-basis:100%;margin:0;font-size:.62rem}
#avatar-upload-open{color:#9deac6;border-color:rgba(69,230,168,.24);background:rgba(69,230,168,.065)}
#avatar-upload-open:hover:not(:disabled){color:#ccffe4;border-color:rgba(69,230,168,.45);background:rgba(69,230,168,.12)}
body:has(.dashboard-dialog:modal){overflow:hidden}
dialog.dashboard-dialog{width:min(900px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:min(86dvh,800px);margin:auto;padding:0;border:1px solid rgba(133,155,184,.24);border-radius:18px;color:var(--text);background:linear-gradient(145deg,#121b25,#0b111a 65%);box-shadow:0 28px 100px rgba(0,0,0,.62),0 0 0 1px rgba(255,255,255,.025);overflow:hidden}
dialog.dashboard-dialog:not([open]){display:none}
dialog.dashboard-dialog[open]{display:flex;flex-direction:column;animation:dashboard-dialog-in .18s ease-out both}
dialog.dashboard-dialog::backdrop{background:rgba(2,6,12,.78);backdrop-filter:blur(5px);animation:dashboard-backdrop-in .18s ease-out both}
.dashboard-dialog-content{display:flex;flex-direction:column;min-width:0;min-height:0;max-height:min(86dvh,800px);overflow:hidden}
.dashboard-dialog-heading{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex:0 0 auto;margin:0;padding:18px 20px;border-bottom:1px solid var(--line);background:rgba(17,26,37,.97)}
.dashboard-dialog-heading>div{min-width:0}
.dashboard-dialog-heading h3,.dashboard-dialog-heading h4{margin:0;font-size:.94rem;line-height:1.35;letter-spacing:-.02em;overflow-wrap:anywhere}
.dashboard-dialog-heading p{margin:5px 0 0;font-size:.67rem;line-height:1.5}
.dashboard-dialog-heading .button{flex:0 0 auto;width:auto;min-height:34px;padding:5px 11px;font-size:.67rem}
.dashboard-dialog-body{min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:17px 20px 20px;scrollbar-width:thin;scrollbar-color:rgba(69,230,168,.35) transparent}
dialog.avatar-gift-picker{width:min(900px,calc(100vw - 32px));padding:0;border-color:rgba(69,230,168,.25)}
dialog.avatar-gift-picker .dashboard-dialog-content{max-height:min(86dvh,760px)}
dialog.avatar-gift-picker .avatar-gift-picker-tools{flex:0 0 auto;margin:16px 20px 0}
dialog.avatar-gift-picker .avatar-gift-picker-tools .button{min-height:38px;font-size:.66rem;padding-inline:11px}
dialog.avatar-gift-picker .avatar-gift-search{font-size:.66rem}
dialog.avatar-gift-picker .avatar-gift-search input{height:38px;font-size:.76rem}
dialog.avatar-gift-picker .avatar-note{flex:0 0 auto;margin:10px 20px 0;font-size:.65rem;line-height:1.6}
dialog.avatar-gift-picker .avatar-gift-catalog{flex:1;min-height:0;grid-template-columns:repeat(auto-fill,minmax(106px,1fr));gap:9px;max-height:min(53dvh,510px);margin:12px 16px 16px;padding:4px;overflow-y:auto}
dialog.avatar-gift-picker .avatar-tiktok-gift{min-height:117px;padding:12px 8px;gap:8px}
dialog.avatar-gift-picker .avatar-tiktok-gift-copy b{font-size:.69rem}
dialog.avatar-gift-picker .avatar-tiktok-gift-copy small{font-size:.6rem}
dialog.avatar-gift-picker .avatar-gift-catalog-empty{grid-column:1/-1;margin:0;padding:18px 12px;text-align:center}
dialog.avatar-upload-panel{width:min(920px,calc(100vw - 32px));padding:0}
dialog.avatar-upload-panel[open]{padding-bottom:0}
dialog.avatar-upload-panel .dashboard-dialog-body>.avatar-note:first-child{margin-top:0}
dialog.avatar-upload-panel .avatar-upload-file{margin-top:17px}
dialog.avatar-upload-panel .avatar-upload-preview{display:flex;align-items:center;gap:16px;margin:12px 0 17px;padding:12px;border:1px solid rgba(69,230,168,.16);border-radius:12px;background:linear-gradient(135deg,rgba(69,230,168,.045),rgba(6,9,16,.42))}
dialog.avatar-upload-panel .avatar-upload-preview canvas{display:block;flex:0 0 160px;width:160px;height:160px;border:1px solid rgba(69,230,168,.14);border-radius:9px;background:radial-gradient(ellipse at 50% 90%,rgba(69,230,168,.15),transparent 70%),radial-gradient(circle,rgba(165,210,195,.17) 1px,transparent 1px),#09131a;background-size:auto,12px 12px;filter:drop-shadow(0 3px 5px rgba(0,0,0,.12))}
dialog.avatar-upload-panel .avatar-upload-preview canvas[hidden]{display:none}
dialog.avatar-upload-panel .avatar-upload-preview>div{flex:1;min-width:0}
dialog.avatar-upload-panel .avatar-upload-preview b{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem}
dialog.avatar-upload-panel .avatar-upload-preview label{margin:12px 0 6px;font-size:.64rem}
dialog.avatar-upload-panel .avatar-upload-preview select{max-width:270px;font-size:.72rem}
dialog.avatar-upload-panel form>.button{min-height:38px;width:auto;padding-inline:13px;font-size:.73rem}
dialog.avatar-upload-panel .avatar-upload-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@keyframes dashboard-dialog-in{from{opacity:0;transform:translateY(9px) scale(.985)}to{opacity:1;transform:none}}
@keyframes dashboard-backdrop-in{from{background:rgba(2,6,12,0)}to{background:rgba(2,6,12,.78)}}
@media(max-width:700px){dialog.avatar-upload-panel .avatar-upload-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){
  dialog.dashboard-dialog{width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:90dvh;border-radius:15px}
  .dashboard-dialog-content,dialog.avatar-gift-picker .dashboard-dialog-content{max-height:90dvh}
  .dashboard-dialog-heading{gap:10px;padding:15px}
  .dashboard-dialog-heading h3,.dashboard-dialog-heading h4{font-size:.84rem}
  .dashboard-dialog-heading p{font-size:.64rem}
  .dashboard-dialog-body{padding:15px}
  dialog.avatar-upload-panel .avatar-upload-preview{gap:12px;margin:12px 0 16px;padding:10px}
  dialog.avatar-upload-panel .avatar-upload-preview canvas{flex-basis:120px;width:120px;height:120px}
  dialog.avatar-upload-panel .avatar-upload-preview b{font-size:.68rem}
  dialog.avatar-upload-panel .avatar-upload-preview label{margin-top:9px;font-size:.61rem}
  dialog.avatar-upload-panel .avatar-upload-preview select{height:34px;font-size:.66rem;padding-inline:7px}
  dialog.avatar-gift-picker .avatar-gift-picker-tools{margin:14px 15px 0;align-items:stretch;gap:8px}
  dialog.avatar-gift-picker .avatar-note{margin:9px 15px 0;font-size:.62rem}
  dialog.avatar-gift-picker .avatar-gift-catalog{max-height:54dvh;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:11px 11px 12px}
  dialog.avatar-gift-picker .avatar-tiktok-gift{min-height:110px;padding:10px 6px}
  dialog.avatar-gift-picker .avatar-tiktok-gift-copy b{font-size:.64rem}
  dialog.avatar-gift-picker .avatar-tiktok-gift-copy small{font-size:.56rem}
}
.customer-account{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}
.customer-account h2{margin:0;font-size:.9rem}
.customer-account .muted{font-size:.68rem;line-height:1.6;margin:10px 0}
.customer-account label{margin-top:14px;margin-bottom:6px;font-size:.68rem}
.customer-account input{height:40px;font-size:.75rem}
.customer-account .button{margin-top:8px;min-height:39px;font-size:.7rem}
@media(max-width:400px){
  dialog.avatar-gift-picker .avatar-gift-picker-tools{flex-direction:column}
  dialog.avatar-gift-picker .avatar-gift-picker-tools .button{align-self:flex-start;min-height:34px}
  dialog.avatar-gift-picker .avatar-gift-catalog{max-height:47dvh;grid-template-columns:repeat(3,minmax(0,1fr))}
  dialog.avatar-upload-panel .avatar-upload-grid{gap:11px 9px}
  dialog.avatar-upload-panel .avatar-upload-grid label{font-size:.61rem;line-height:1.5}
}