.creation-mode{display:flex;gap:12px;margin:22px 0}.creation-mode a{padding:14px 26px;border:1px solid #ff48b180;border-radius:15px;background:linear-gradient(135deg,#ff48b130,#ffffff0a);text-decoration:none;font-weight:750;color:inherit;backdrop-filter:blur(18px)}.creation-mode a[data-mode=record]{border-color:#8cfc7980;background:linear-gradient(135deg,#8cfc7930,#ffffff0a)}.creation-mode a[aria-current=page]{box-shadow:inset 0 1px #ffffff85,0 0 24px #ff48b140;border-color:#ff48b1}.creation-mode a[data-mode=record][aria-current=page]{border-color:#8cfc79;box-shadow:inset 0 1px #ffffff85,0 0 24px #8cfc7938}
.studio-switch{display:flex!important;align-items:center;justify-content:space-between;gap:18px;padding:16px!important;margin:0 0 10px!important;border:1px solid #ffffff30;border-radius:15px;background:linear-gradient(120deg,#ffffff10,#ffffff03);box-shadow:inset 0 1px #ffffff25;backdrop-filter:blur(18px);cursor:pointer}.studio-switch strong,.studio-switch small{display:block}.studio-switch small{font-size:.8rem;opacity:.75;margin-top:5px}.studio-switch:has(input:checked){border-color:#8cfc79aa;background:linear-gradient(120deg,#8cfc7920,#ffffff05)}.studio-switch input[type=checkbox]{appearance:none;width:46px!important;height:27px!important;min-width:46px;border-radius:99px!important;padding:0!important;background:#ffffff20;border:1px solid #ffffff40;position:relative;cursor:pointer}.studio-switch input:before{content:'';position:absolute;width:19px;height:19px;border-radius:50%;background:#eee;top:3px;left:3px;transition:transform .16s}.studio-switch input:checked{background:#8cfc79aa!important}.studio-switch input:checked:before{transform:translateX(19px);background:#fff}.studio-switch input:focus-visible{outline:3px solid #b773ff;outline-offset:4px}.studio-switch input:disabled{opacity:.45;cursor:wait}
.studio-device-switches{display:grid;grid-template-columns:1fr 1fr;gap:8px}#studio-room-controls{border-top:1px solid #ffffff30;margin-top:20px;padding-top:16px}.studio-record-action{border:1px solid #8cfc79!important;background:linear-gradient(135deg,#8cfc7955,#8cfc7910)!important;color:inherit!important;box-shadow:inset 0 1px #ffffff70,0 0 20px #8cfc7920!important}.studio-ai-action{border:1px solid #b773ff!important;background:#b773ff30!important}.studio-start{margin:22px 0}.studio-start .btn{min-height:50px;padding:14px 28px;font-size:1.05rem}.studio-draw-toolbar{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-top:12px}.studio-draw-toolbar label{font-size:.8rem}.studio-draw-toolbar input[type=color]{width:48px;height:40px;padding:4px}.studio-draw-toolbar input[type=range]{width:95px}.studio-draw-toolbar select{padding:8px}.live-preview-wrap{aspect-ratio:16/9;position:relative}#live-preview{display:block;width:100%;height:100%;max-height:none!important;object-fit:contain}#studio-drawing-surface{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;touch-action:none}#studio-drawing-surface.drawing-active{pointer-events:auto;cursor:crosshair}#studio-drawing-surface:focus-visible{outline:2px solid #b773ff;outline-offset:-3px}.live-preview-placeholder{pointer-events:none}.live-preview-wrap:has(#live-preview[style*="9 / 16"]){aspect-ratio:9/16;max-width:39.375vh;margin:auto;width:100%;height:auto}#studio-tool-status{font-size:.88rem;line-height:1.5;overflow-wrap:anywhere}#live-title{max-width:640px;margin-bottom:22px}.studio-recording .live-preview-wrap{box-shadow:0 0 0 2px #8cfc79,0 0 30px #8cfc7930}[data-theme=light] .studio-switch{border-color:#21113830}[data-theme=light] .studio-switch:has(input:checked){background:#8cfc7930;border-color:#347228}
@media(max-width:650px){.creation-mode a{flex:1;text-align:center;padding:12px}.studio-device-switches{grid-template-columns:1fr}.studio-start .actions>*{width:100%}.studio-switch{padding:12px!important}.navigation-record,.navigation-go-live{padding:.55rem .65rem!important;font-size:.85rem!important}}
@media(prefers-reduced-motion:reduce){.studio-switch input:before{transition:none}}

.broadcast-page [hidden]{display:none!important;}