:root{--luna-hi: #4a9bf5;--luna-1: #2f80ee;--luna-2: #1668de;--luna-3: #0a52c4;--win-border: #16539e;--panel-border: #c0d3ea;--panel-line: #dde8f5;--ink: #1d3c5c;--head: #15539e;--muted: #6e8298;--sel: #cfe0f7;--green: #5cae2e;--green-d: #3f8a18;--btn-border: #7ba0c9;--rec: #d83a2f}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:12px/1.35 Tahoma,Geneva,Verdana,Segoe UI,sans-serif;-webkit-user-select:none;user-select:none;background:linear-gradient(180deg,#5b9be0,#84b6ea 18%,#b9d4f0 55%,#dcebf8);min-height:100vh}.studio{max-width:940px;margin:14px auto;padding:0;background:#fff;border:1px solid var(--win-border);border-radius:8px 8px 5px 5px;box-shadow:0 10px 34px #08285a73;overflow:hidden}.winbar{display:flex;align-items:center;height:28px;padding:0 6px 0 8px;gap:8px;background:linear-gradient(180deg,var(--luna-hi) 0%,var(--luna-1) 8%,var(--luna-2) 48%,var(--luna-3) 92%,#1664d8 100%);border-bottom:1px solid #0a4399;color:#fff}.winbar-title{font-size:12px;letter-spacing:.2px;text-shadow:0 1px 2px rgba(0,0,0,.5);margin-right:auto}.winbar-title:before{content:"🦋";margin-right:6px;filter:hue-rotate(60deg) saturate(1.4)}.winbar-title b{font-weight:700}.winbar-btns{display:flex;gap:3px}.winbar-btns i{width:21px;height:18px;display:flex;align-items:center;justify-content:center;font-size:11px;font-style:normal;color:#fff;border-radius:3px;background:linear-gradient(#5aa6f0,#2f80ee);border:1px solid #0a4399;box-shadow:inset 0 1px #ffffff80}.winbar-btns i.x{background:linear-gradient(#f08a72,#d8492f);border-color:#a8331f}.bar{display:flex;align-items:center;gap:9px;padding:8px 10px;background:linear-gradient(#fff,#eaf3fd);border-bottom:1px solid var(--panel-border)}.err{margin:8px 10px 0;background:#fff4f2;color:#b22a1f;border:1px solid #e6b0a8;border-radius:4px;padding:6px 9px;font-size:11px}.hint{color:var(--muted);font-size:11px;margin:5px 0 0}code{background:#eef4fb;border:1px solid var(--panel-line);padding:0 4px;border-radius:3px;color:var(--head);font-family:Tahoma,monospace}.pf-avatar{position:relative;width:44px;height:44px;flex:0 0 auto;padding:0;border-radius:3px;overflow:hidden;cursor:pointer;background:#dce9f7;border:1px solid #fff;box-shadow:0 0 0 1px #aac2de,inset 0 1px #fff;display:flex;align-items:center;justify-content:center}.pf-avatar img{width:100%;height:100%;object-fit:cover}.pf-avatar span{font-size:22px;opacity:.5}.pf-avatar:disabled{cursor:default}.pf-status{position:absolute;right:1px;bottom:1px;width:11px;height:11px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#aef06a,var(--green) 70%,var(--green-d));border:1.5px solid #fff}.pf-info{display:flex;flex-direction:column;gap:1px;margin-right:auto;min-width:0}.pf-name,.pf-msg{background:transparent;border:1px solid transparent;border-radius:3px;color:var(--ink);font:inherit;padding:1px 5px;width:100%}.pf-name{font-size:13px;font-weight:700}.pf-msg{font-size:11px;color:var(--muted);font-style:italic}.pf-name::placeholder,.pf-msg::placeholder{color:#9db0c4}.pf-name:hover,.pf-msg:hover,.pf-name:focus,.pf-msg:focus{outline:none;background:#fff;border-color:var(--panel-border)}.pf-brand{font-size:13px;font-weight:700;color:var(--head)}.pf-thumb{width:72px;height:72px;object-fit:cover;border-radius:3px;border:1px solid var(--panel-border);display:block;margin:0 auto 6px}.mr-av{width:24px;height:24px;object-fit:cover;border-radius:3px;vertical-align:middle}.mr-panel .pf-name,.mr-panel .pf-msg{border:1px solid var(--panel-border);background:#fff;margin-bottom:5px}.studio-grid{display:grid;grid-template-columns:244px auto 244px;gap:8px;align-items:stretch;justify-content:center;padding:8px}.col-left{order:1}.preview-wrap{order:2}.col-right{order:3}@media (max-width: 1080px) and (min-width: 761px){.studio-grid{grid-template-columns:auto minmax(240px,300px)}.col-left{order:3}.col-right{order:2}.preview-wrap{order:1;grid-row:span 2}}@media (max-width: 760px){.studio-grid{grid-template-columns:1fr}}.preview-wrap{position:relative;display:flex;justify-content:center}.preview-canvas{aspect-ratio:9 / 16;height:min(78vh,700px);width:auto;max-width:100%;background:#000;display:block;border-radius:3px;border:1px solid #95b2d2;box-shadow:inset 0 0 0 1px #2a4a6a}.col-left,.col-right{background:linear-gradient(#fff,#f6fafe);border:1px solid var(--panel-border);border-radius:4px;overflow:hidden}.controls section{padding:0 9px 11px;border-bottom:2px solid var(--panel-border)}.controls section:last-child{border-bottom:none}.controls h2{margin:0 -9px 10px;padding:5px 9px;background:linear-gradient(#eef5fd,#d7e6f6);border-bottom:1px solid var(--panel-border);font-size:11px;font-weight:700;color:var(--head);display:flex;align-items:baseline;gap:6px}.controls h2 small{color:#7e92a6;font-weight:400;font-size:10px}.filebtn{display:inline-flex;align-items:center;gap:6px;cursor:pointer;padding:6px 11px;border-radius:3px;border:1px solid var(--btn-border);font-size:11px;background:linear-gradient(#fdfefe,#eef5fc 46%,#e0ecf8 54%,#ecf4fc);box-shadow:inset 0 1px #fff}.filebtn:hover{border-color:#4f86c6}.filebtn input{display:none}.file-ok{font-size:11px;color:var(--green-d);margin-left:7px}.mr-panel{background:linear-gradient(#fff,#f3f8fd);border:1px solid var(--panel-border);border-radius:5px;padding:9px 10px}.mr-panel h3{font-size:11px;font-weight:700;color:var(--head);margin:0 0 7px;padding-bottom:5px;border-bottom:1px solid var(--panel-line)}.mr-panel h3 small{color:var(--muted);font-weight:400}button{font:inherit;color:var(--ink);cursor:pointer;padding:6px 11px;border-radius:3px;border:1px solid var(--btn-border);background:linear-gradient(#fdfefe,#eef5fc 46%,#e0ecf8 54%,#ecf4fc);box-shadow:inset 0 1px #fff}button:hover{border-color:#4f86c6;background:linear-gradient(#fff,#eaf3fd 46%,#d9eafb 54%,#e9f3fd)}button:active{background:linear-gradient(#dceaf8,#eef5fc);box-shadow:inset 0 1px 2px #143c6e40}button:disabled{opacity:.5;cursor:not-allowed}button.on,button.active{color:#234d10;border-color:var(--green-d);background:linear-gradient(#d6f0b4,#aee07a 48%,#8ccf52 52%,#a6da6f);box-shadow:inset 0 1px #fff9}.build{width:100%}.row{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.row.transport{margin-top:7px}.row button{flex:1;min-width:84px}input[type=file]{font-size:11px;color:var(--muted);max-width:100%}button.rec{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:700;color:#fff;border-color:#a83426;background:linear-gradient(#f08577,var(--rec) 48%,#c5301f 52%,#b32a1c);text-shadow:0 1px 1px rgba(0,0,0,.35)}button.rec .rec-dot{width:10px;height:10px;border-radius:50%;background:#fff}button.rec.on{background:linear-gradient(#f4a25a,#e57a24 48%,#cf6414 52%,#bd560d);border-color:#9e4a08}button.rec.on .rec-dot{animation:blink 1s steps(2,start) infinite}@keyframes blink{to{opacity:.25}}.mic{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--muted);margin-top:8px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:3px;width:100%;background:linear-gradient(#cfe0f2,#eaf2fb);border:1px solid #a8c0db}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#d2e2f3 60%,#8fb4dd);border:1px solid #5e85b3;cursor:pointer}.camedit{margin-top:8px;display:flex;flex-direction:column;gap:5px}.camedit>button{margin-top:5px}.sndtabs{display:flex;gap:2px;margin-bottom:-1px;position:relative;z-index:1}.sndtabs button{flex:0 0 auto;padding:4px 12px;font-size:11px;border-radius:4px 4px 0 0;border:1px solid var(--panel-border);border-bottom:none;background:linear-gradient(#eef4fb,#dbe7f4);color:var(--muted);box-shadow:none}.sndtabs button.on{background:#fff;color:var(--head);font-weight:700;position:relative;top:0;padding-bottom:5px}.sounds{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;border-top:1px solid var(--panel-border);padding-top:7px}.snd-c,.snd-add{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:9px 4px;font-size:11px;cursor:pointer;border:1px solid var(--btn-border);border-radius:3px;background:linear-gradient(#fdfefe,#eef5fc 46%,#e0ecf8 54%,#ecf4fc);color:var(--ink)}.snd-em,.snd-add span:first-child{font-size:18px}.snd-nm{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.snd-rename{width:100%;text-align:center;font:11px Tahoma,sans-serif;color:var(--ink);background:transparent;border:1px solid transparent;border-radius:3px;padding:1px 2px;cursor:text}.snd-rename:hover{border-color:var(--panel-line)}.snd-rename:focus{outline:none;background:#fff;border-color:var(--head)}.snd-x{position:absolute;top:1px;right:3px;font-size:10px;color:#b06;color:#b25;width:14px;height:14px;line-height:14px;text-align:center;border-radius:50%}.snd-x:hover{background:#f2c9d2}.snd-add{color:var(--head)}.snd-add input{display:none}.snd-add.off,.snd-c.off{opacity:.5;cursor:not-allowed}.sounds button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:9px 4px}.sounds kbd{background:linear-gradient(#fff,#e2edf8);border:1px solid #a8c0db;border-radius:3px;padding:0 5px;font:11px Tahoma,monospace;color:var(--head)}.sounds span{font-size:11px}.invites{display:flex;flex-direction:column;gap:6px}.invite{display:flex;align-items:center;gap:8px;background:#f3f8fd;border:1px solid var(--panel-border);border-radius:4px;padding:7px 9px}.invite-info{display:flex;flex-direction:column;margin-right:auto;min-width:0}.invite-info strong{font-size:12px}.invite-info span{font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis}.invite-open,.invite-copy{padding:6px 10px;font-size:11px}.invite-open{text-decoration:none;display:inline-flex;align-items:center;color:var(--ink)}.overlays{display:flex;flex-direction:column;gap:6px;margin-top:6px}.overlay-item{display:flex;align-items:center;gap:8px;background:#f3f8fd;border:1px solid var(--panel-border);border-radius:4px;padding:6px}.overlay-thumb{width:36px;height:36px;object-fit:contain;background:repeating-conic-gradient(#e2ebf5,#e2ebf5 25%,#f3f8fd 0%,#f3f8fd 50%) 50% / 10px 10px;border-radius:3px;border:1px solid var(--panel-line)}.overlay-ctl{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.overlay-ctl label{font-size:11px;display:flex;align-items:center;gap:5px}.overlay-x{padding:5px 9px}.preview-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;padding:18px;text-align:center}.empty-hint{color:#cfe0f2;font-size:12px;margin:0;max-width:260px;text-shadow:0 1px 2px rgba(0,0,0,.6)}.big{font-size:13px;font-weight:700;padding:10px 20px;color:#fff;border-color:var(--luna-3);background:linear-gradient(var(--luna-hi),var(--luna-1) 48%,var(--luna-2) 52%,var(--luna-3));text-shadow:0 1px 1px rgba(0,0,0,.4)}.big.pulse{font-size:17px;padding:15px 30px;border-radius:5px;animation:bigpulse 1.4s ease-in-out infinite}@keyframes bigpulse{0%,to{box-shadow:0 0 #4a9bf5bf;transform:scale(1)}50%{box-shadow:0 0 0 16px #4a9bf500;transform:scale(1.05)}}.entry-warn{max-width:300px;font-size:13px;line-height:1.4;border-radius:6px;padding:9px 12px;background:#ffb02029;color:#ffd98a;border:1px solid rgba(255,176,32,.45)}.entry-status{color:#aee07a;font-weight:700}.cam-controls{position:absolute;left:50%;bottom:12px;transform:translate(-50%);display:flex;gap:6px}.cam-controls .cc{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:58px;padding:6px 12px;border-radius:4px;font-size:16px;line-height:1;background:linear-gradient(#fdfeff,#e6f0fa 50%,#d6e6f6);border:1px solid #8fb0d2;box-shadow:inset 0 1px #fff}.cam-controls .cc span:not(:first-child),.cam-controls .cc i{font-size:10px;font-weight:700;color:var(--muted);font-style:normal}.cam-controls .cc.on{color:#fff;border-color:#a83426;background:linear-gradient(#f08577,var(--rec) 50%,#c5301f);text-shadow:0 1px 1px rgba(0,0,0,.35)}.cam-controls .cc.on span,.cam-controls .cc.on i{color:#fff}.panel-handle,.mrail{display:none}@media (max-width: 760px){body{background:#000}.studio{margin:0;border:none;border-radius:0;background:transparent}.winbar,.bar{display:none}.studio-grid{display:block;padding:0}.controls,.cam-controls{display:none}.preview-wrap{position:fixed;top:0;right:0;bottom:0;left:0;align-items:center;background:#000}.preview-canvas{height:auto;width:100%;max-height:100vh;border:none;border-radius:0;box-shadow:none}.preview-empty{padding:18px max(74px,22vw) 18px 16px}.mrail{display:block;position:fixed;top:0;right:0;height:100%;z-index:60;width:max(62px,19vw);background:linear-gradient(#eef5fd,#cfe0f2);border-left:1px solid #a8c0db;box-shadow:-3px 0 10px #0a28504d;transition:transform .22s ease}.mrail.collapsed{transform:translate(100%)}.mrail-arrow{position:absolute;left:-32px;top:50%;transform:translateY(-50%);width:32px;height:60px;border-radius:4px 0 0 4px;padding:0;background:linear-gradient(var(--luna-hi),var(--luna-1) 50%,var(--luna-3));border:1px solid var(--win-border);border-right:none;color:#fff;font-size:20px;text-shadow:0 1px 1px rgba(0,0,0,.4)}.mrail-scroll{height:100%;overflow-y:auto;padding:8px 5px 28px;display:flex;flex-direction:column;gap:6px}.mr-divider{height:1px;background:#a8c0db;margin:5px 2px}.mr-ic{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:4px;padding:7px 2px;background:linear-gradient(#fdfefe,#e6f0fa 50%,#d6e6f6);border:1px solid #8fb0d2}.mr-ic span{font-size:14px;line-height:1;color:var(--head);display:flex;align-items:center;justify-content:center;height:22px}.mr-ic svg{display:block}.mr-ic i{font-size:9px;font-style:normal;color:var(--muted)}.mr-ic.on{border-color:var(--green-d);background:linear-gradient(#d6f0b4,#aee07a 50%,#8ccf52)}.mr-ic.on span{color:#2c5210}.mr-ic.muted{border-color:#a83426;background:linear-gradient(#f08577,var(--rec) 50%,#c5301f)}.mr-ic.muted span,.mr-ic.muted i{color:#fff}.mr-ic.rec{border-color:#a83426;background:linear-gradient(#f08577,var(--rec) 50%,#c5301f)}.mr-ic.rec span,.mr-ic.rec i{color:#fff}.mr-ic.rec span{animation:blink 1s steps(2,start) infinite}.mr-ic.snd span{font-size:14px;font-weight:700}.mr-panel{position:fixed;right:max(62px,19vw);top:50%;transform:translateY(-50%);width:min(64vw,320px);max-height:80vh;overflow-y:auto;margin:0;border-radius:5px;box-shadow:-6px 0 18px #0a285066;z-index:61}.mr-panel>button{width:100%;margin-bottom:6px}.mr-panel .row button{flex:1;min-width:66px}}.holder,.holder-video{position:fixed;left:-10000px;top:0;width:320px;height:180px;opacity:0;pointer-events:none}.holder video{width:320px;height:180px}