.dashboard-body{margin:0;background:#09090b;font:11px/1.5 'Inter',Arial,sans-serif;overflow:hidden;height:100vh;height:100dvh;color:#d9d9e1}.dashboard-grid{display:grid;grid-template-columns:300px minmax(300px,1fr) 320px;width:100%;height:100vh;height:100dvh}.dashboard-left,.dashboard-center,.dashboard-right{min-width:0;min-height:0;position:relative;display:flex;flex-direction:column}.dashboard-left{border-right:1px solid #27272d;background:#0b0b0e}.dashboard-right{border-left:1px solid #27272d;background:#0b0b0e}.dash-panel-header{height:49px;min-height:49px;padding:0 15px;border-bottom:1px solid #27272d;display:flex;gap:12px;align-items:center;background:#0c0c0f;position:relative;z-index:10}.dash-panel-header .brand{font-size:19px;letter-spacing:-.8px;gap:7px}.dash-panel-header .brand img{width:25px;height:25px;border-radius:6px}.workspace-label{font-size:7px;color:#676773;letter-spacing:1.4px;margin-left:auto}.icon-button{color:#7f7f8e;background:none;border:0;border-radius:5px;min-width:25px;min-height:26px;padding:2px 5px;font-size:16px;display:inline-grid;place-items:center;line-height:1}.icon-button:hover{background:#22222a;color:#fff}.dash-scroll{overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:#36363f transparent}.dash-scroll::-webkit-scrollbar{width:5px}.dash-scroll::-webkit-scrollbar-thumb{background:#33333b;border-radius:8px}.dash-panel-footer{display:flex;justify-content:space-around;align-items:center;gap:12px;padding:11px 10px;border-top:1px solid #25252c;font-size:9px;color:#72727f;min-height:40px}.dash-panel-footer a:hover{color:#598de6}.connection-box{padding:15px 13px 13px;border-bottom:1px solid #292930}.dash-section-title{display:flex;align-items:center;gap:10px;min-height:21px}.dash-section-title h2{font-size:8px;font-weight:650;letter-spacing:.65px;color:#8c8c9a;margin:0;line-height:1.4}.dash-section-title>span{margin-left:auto;font-size:8px;color:#72727d}.connection-state{display:inline-flex;gap:5px;align-items:center}.connection-state i{width:4px;height:4px;background:#4980df;border-radius:50%}.creator-card{display:flex;align-items:center;gap:10px;border:1px solid #282830;background:#19191f;padding:9px 10px;border-radius:6px;margin:10px 0 7px;font-size:11px}.creator-card>b{font-weight:600;overflow:hidden;text-overflow:ellipsis}.creator-card>.icon-button{margin-left:auto;font-size:15px}.creator-avatar{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#0c2c62;color:#8dabde;font-size:8px;font-weight:650}.connect-button{border:1px solid #1e386455;background:#17264077;color:#508bf0;font-size:10px;text-align:left;font-weight:600;padding:9px 11px;width:100%;border-radius:6px;display:flex;align-items:center}.connect-button>span{font-size:7px;margin-left:auto}.simulator-box{background:#19191f;border:1px solid #292930;border-radius:7px;padding:11px 10px;margin-top:10px}.micro-label{font-size:7px;color:#85858f;letter-spacing:.45px;font-weight:500}.simulator-box p{font-size:9px;color:#74747f;margin:7px 0 9px;line-height:1.6}.simulator-speed{display:flex;align-items:center;justify-content:space-between;background:#222229;border:1px solid #303038;padding:6px 8px;border-radius:5px;color:#b7b7c4;font-size:9px}.simulator-speed>select{background:none;border:0;color:#c2c7d0;padding:0 3px;font-size:9px;max-width:120px}.simulator-speed option{background:#181b1f}.session-button{font-size:9px;font-weight:600;border:1px solid #ffffff06;padding:9px 10px;text-align:left;border-radius:6px;width:100%;display:block;background:#181b21;color:#92a1bb;transition:background .15s}.session-button:hover{filter:brightness(1.3)}.session-button.blue{background:#14203670;color:#7ca2e4}.session-button.orange{background:#18263f6b;color:#5286df}.session-button.red{background:#15223977;color:#799ddc}.session-button[hidden]{display:none}.simulator-box>.session-button{margin-top:9px}.session-controls{display:grid;gap:6px;margin-top:9px}.game-section-label{font-size:8px;color:#61616e;padding:17px 14px 7px;letter-spacing:.5px;display:flex;justify-content:space-between}.game-section-label>span{color:#395c97;font-size:7px}.dashboard-body .studio-settings{display:block;padding:0;margin:0;background:none;border:0;border-radius:0}.dash-accordion{border-bottom:1px solid #25252e}.dash-accordion>summary{list-style:none;padding:14px;color:#858592;font-size:8px;letter-spacing:.5px;cursor:pointer;display:flex;align-items:center;gap:7px;font-weight:600}.dash-accordion>summary:before{content:'›';font-size:13px;line-height:1;color:#686876}.dash-accordion[open]>summary:before{content:'⌄';font-size:11px}.accordion-content{padding:0 14px 14px}.dashboard-body .field{margin-top:13px;display:block}.dashboard-body .field>span{font-size:9px;color:#9999a7;margin-bottom:6px;font-weight:500}.dashboard-body .field input,.dashboard-body .field select,.dashboard-body .field textarea{font-size:10px;min-width:0;border-radius:5px;padding:8px 9px;background:#171a1f;border-color:#30303c;color:#d1d5dc;width:100%}.dashboard-body .field input[type=color]{height:33px;padding:3px}.dashboard-body .field input[type=range]{padding:0;accent-color:#3873d8}.dashboard-body .field small{font-size:8px;line-height:1.65;color:#656574;margin-top:5px}.dashboard-body .check-field{font-size:9px;margin-top:13px;color:#a5a5b2}.dashboard-body .studio-settings .button{font-size:9px;border-radius:6px;padding:9px 10px;margin-top:9px;background:linear-gradient(#ffffff12,transparent),#215ec8;box-shadow:none;line-height:1.4}.dashboard-body .studio-settings .button.secondary{background:#191c20;border-color:#303038;color:#9797a8}.dashboard-body .status-message{font-size:8px;color:#958c9a;min-height:0;margin:9px 0 0;line-height:1.6}.dashboard-body .mapping-details{font-size:9px}.dashboard-body .mapping-details>summary{font-size:9px;color:#aaa1ae;padding:8px 0;cursor:pointer}.dashboard-body .mapping-details p{font-size:8px;color:#656574}.dashboard-body .mapping-details>.field{border:1px solid #30303a;padding:10px;border-radius:7px;background:#17171d;margin-top:9px}.dashboard-body .mapping-details>.field>span{font-size:8px;color:#8e8e9a}.dashboard-body .mapping-details>.field input,.dashboard-body .mapping-details>.field select{background:#111116}.dashboard-body label:has(#likePoints),.dashboard-body label:has(#giftPoints){display:none}.dashboard-body .account-switch{padding-top:0}.dashboard-body .account-switch .chip{padding:7px 9px}.dashboard-body .account-switch select{font-size:9px}.preview-toolbar{justify-content:space-between;padding:0 12px}.game-selector{background:none;border:0;padding:0;display:flex;gap:8px;align-items:center;color:#d8d8e0;text-align:left;min-width:110px;font-size:10px;line-height:1.3}.game-selector img{width:24px;height:27px;object-fit:cover;border-radius:5px}.game-selector small{display:block;color:#706b78;font-size:6px;letter-spacing:.5px;margin-top:3px}.game-selector .chevron{margin-left:2px;color:#5d5d6d}.preview-toolbar-actions{display:flex;gap:8px;align-items:center}.toolbar-button,.overlay-pop>summary{font-size:8px;border:1px solid #2e2e37;border-radius:5px;background:#1a1a21;color:#a4a4b3;padding:5px 7px;white-space:nowrap;cursor:pointer;list-style:none;line-height:1.4}.overlay-pop{position:relative}.overlay-pop>summary span{color:#5d5d6d;margin-left:3px}.overlay-pop>div{position:absolute;right:0;top:32px;width:340px;padding:15px;background:#19191f;border:1px solid #3b3b48;border-radius:9px;box-shadow:0 15px 50px #0009}.dashboard-body .overlay-url{display:flex;flex-wrap:wrap;margin:0;gap:7px}.dashboard-body .overlay-url input{width:100%;flex-basis:100%;font-size:8px;padding:9px;border-radius:5px}.dashboard-body .overlay-url .button{font-size:9px;padding:7px 12px;line-height:1.3;min-width:0;border-radius:5px}.dashboard-body .overlay-hint{font-size:8px;line-height:1.7;margin-bottom:0}.plan-pill{font-size:8px;padding:4px 7px;border:1px solid #1d2f4f;border-radius:5px;color:#6997e7;background:#17253c4d}.plan-pill span{margin-left:5px}.canvas-area{background-color:#0b0b0d;background-image:linear-gradient(45deg,#131316 25%,transparent 25%),linear-gradient(-45deg,#131316 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#131316 75%),linear-gradient(-45deg,transparent 75%,#131316 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;flex:1;min-height:0;display:flex;flex-direction:column;padding:0 12px}.canvas-note{height:30px;min-height:30px;display:flex;align-items:center;gap:6px;font-size:6px;letter-spacing:.7px;color:#72727e}.canvas-note .icon-button{margin-left:auto;font-size:18px;height:24px;min-height:24px}.simulation-dot,.status-dot{width:4px;height:4px;border-radius:50%;background:#4978c8;display:inline-block;flex-shrink:0}.dashboard-body .studio-preview{border:0;border-radius:0;background:none;overflow:visible;display:flex;flex-direction:column;flex:1;min-height:0}.dashboard-body .studio-preview>.panel-head{display:none}.dashboard-body #frame-container{flex:1;min-height:0;height:100%;display:flex;align-items:center;justify-content:center;background:none}.dashboard-body #frame-container[hidden]{display:none}.dashboard-body #frame-container .game-frame{height:100%;width:auto;aspect-ratio:9/16;max-width:100%;max-height:100%;display:block;flex-shrink:1;object-fit:contain;border-radius:8px;box-shadow:0 8px 40px #0008}.dashboard-body .preview-content{flex:1;min-height:0;border:1px solid #262d38;border-radius:8px;margin:auto;width:100%;max-width:370px;padding:15px}.dashboard-body .preview-content h2{font-size:26px}.dashboard-body .studio-event-buttons{border:0;justify-content:center;gap:5px;padding:10px 0 5px;flex-shrink:0}.dashboard-body .studio-event-buttons .chip{font-size:7px;padding:5px 7px;background:#18181edb;border-color:#30303b;border-radius:5px;line-height:1.4}.dashboard-body .studio-event-buttons #show-demo{font-size:6px;color:#666674}.preview-status{height:29px;min-height:29px;display:flex;gap:6px;align-items:center;font-size:7px;color:#8c827b;padding:0 2px}.preview-resolution{font-size:6px;color:#565660;margin-left:auto;white-space:nowrap}.right-panel-header{gap:10px}.right-panel-header>.micro-label{margin-right:auto;font-size:8px;color:#9292a1}.dashboard-right .tool-panel{margin:0;padding:11px 12px 13px;border:0;border-radius:0;border-bottom:1px solid #292930;background:none;scroll-margin-top:15px}.dashboard-right .tool-heading{display:none}.dashboard-right .tools-tabs{margin:0 0 12px;padding:0;border:0;gap:3px;scrollbar-width:none}.dashboard-right .tools-tabs button{font-size:7px;border-radius:5px;border:0;padding:6px 7px;background:none;color:#747484}.dashboard-right .tools-tabs button[aria-selected=true]{background:#24242c;color:#fff}.dashboard-right [role=tabpanel]>p{font-size:8px;color:#686875;line-height:1.6;margin:6px 0 11px}.dashboard-right .sound-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:8px 0 14px}.dashboard-right .sound-pad{height:65px;padding:9px 4px 7px;font-size:7px;line-height:1.3;border:1px solid #ffffff08;border-radius:6px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,#263d65,#181f2a);color:#b3bdcd}.dashboard-right .sound-pad:nth-child(4n+2){background:linear-gradient(140deg,#243a5f,#121d31);color:#a6bee8}.dashboard-right .sound-pad:nth-child(4n+3){background:linear-gradient(140deg,#152f5b,#101a2a);color:#92acda}.dashboard-right .sound-pad:nth-child(4n){background:linear-gradient(140deg,#192a48,#101a2a);color:#9ab1d9}.dashboard-right .sound-pad:nth-child(7n){background:linear-gradient(140deg,#193059,#101a2c);color:#9bb2d9}.dashboard-right .sound-pad:nth-child(6n){background:linear-gradient(140deg,#132f5f,#121d30);color:#9ab1d9}.dashboard-right .sound-pad>span{font-size:16px;color:#ffffff35;display:block;margin:0}.dashboard-right .sound-pad:hover{border-color:#808ea655;filter:brightness(1.3)}.dashboard-right .tool-panel .field input{font-size:9px;padding:7px}.dashboard-right .tool-panel .chip{font-size:8px;padding:6px 9px}.dashboard-right .field>span{font-size:8px}.dashboard-right .field small{font-size:7px}.dashboard-right .stats-grid{gap:7px}.dashboard-right .stats-grid>div{padding:10px}.dashboard-right .stats-grid strong{font-size:22px}.dashboard-right .stats-grid span{font-size:7px}.dashboard-right .fine-print{font-size:7px}.session-metrics{display:flex;align-items:center;justify-content:space-around;border-bottom:1px solid #292930;padding:11px 9px;color:#666677;gap:6px;font-size:10px}.session-metrics b{font-size:8px;color:#9696a7;font-weight:500;margin-left:4px}.session-metrics>span:nth-child(4){color:#3f6ebe}.chat-panel,.gifters-panel{padding:13px 12px 0;border-bottom:1px solid #292930}.chat-panel .dash-section-title,.gifters-panel .dash-section-title{margin-bottom:12px}.chat-panel .dash-section-title>.icon-button{font-size:13px;min-width:18px;min-height:18px}.chat-messages{height:180px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#33333c transparent;display:flex;flex-direction:column;gap:9px;padding-bottom:12px}.chat-empty{display:flex;flex:1;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px 15px;color:#565664}.chat-empty>span{font-size:25px;background:#16161c;border:1px solid #23272d;border-radius:10px;padding:5px 11px;margin-bottom:11px;line-height:1.5}.chat-empty>b{font-size:9px;font-weight:600;color:#747481}.chat-empty p{font-size:7px;line-height:1.7;max-width:190px;margin:5px 0 0;color:#515160}.chat-composer{display:flex;align-items:center;border:1px solid #2d2d38;background:#15181d;border-radius:6px;margin-bottom:13px}.chat-composer input{border:0;background:none;color:#c1c7d2;min-width:0;flex:1;padding:10px;font-size:9px;outline-offset:0}.chat-composer button{background:none;border:0;color:#4e7dcf;padding:4px 10px;font-size:17px}.chat-line{font-size:9px;line-height:1.6;color:#b9bfc9;overflow-wrap:anywhere}.chat-line time{color:#4f4f60;font-size:7px;margin-right:7px}.chat-line b{color:#7296d4;font-weight:550;margin-right:6px}.chat-line.system{font-size:8px;color:#717182}.gifters-panel{padding-bottom:8px}.small-empty{padding:19px 10px}.small-empty>span{font-size:23px;margin-bottom:8px}.gift-line{display:flex;align-items:center;gap:9px;margin:9px 0;padding:9px;border:1px solid #302831;background:#1c171c;border-radius:5px;font-size:8px}.gift-line>span:first-child{font-size:18px;color:#477dd9}.gift-line>b{color:#a7aebb;font-size:8px;font-weight:550}.gift-line>small{margin-left:auto;color:#527ecb;font-size:8px}.dashboard-body .activity{margin:0;padding:0;border:0;background:none}.dashboard-body .activity h3{display:none}.dashboard-body .activity-head{justify-content:flex-start}.dashboard-body .activity-head button{font-size:8px;color:#5e759d}.dashboard-body #event-log{max-height:190px;margin-top:10px}.dashboard-body #event-log li{font-size:8px;line-height:1.6;padding:7px 0;gap:7px}.dashboard-body #event-log time{font-size:7px;color:#5e5e70}.dashboard-body #control-room{margin:0;padding:0;border:0;background:none}.dashboard-body #control-room .tool-heading{display:none}.dashboard-body #control-room>p{font-size:8px}.dashboard-body .direct-actions{grid-template-columns:1fr 1fr;gap:6px;margin:12px 0}.dashboard-body .action-tile{padding:9px}.dashboard-body .action-tile b{font-size:9px}.dashboard-body .action-tile small{font-size:7px}.dashboard-body .mapping-row{font-size:8px;gap:10px}.dashboard-body dialog{font-size:12px}.dashboard-body dialog h2{font-size:25px}.dashboard-body dialog p{font-size:12px}.dashboard-body .picker-game{display:flex;align-items:center;gap:16px;width:100%;text-align:left;background:#191c22;border:1px solid #3c303b;border-radius:9px;padding:12px;color:#fff;margin:22px 0}.picker-game img{width:75px;height:100px;object-fit:cover;border-radius:6px}.picker-game b{font-size:16px;font-weight:600;display:block}.picker-game small{font-size:9px;color:#9290a4;display:block;margin-top:10px}.picker-game strong{margin-left:auto;color:#4b83e3;font-size:23px}.mobile-studio-tabs{display:none}.dashboard-grid.left-collapsed{grid-template-columns:55px minmax(300px,1fr) 320px}.left-collapsed .dashboard-left>.dash-scroll,.left-collapsed .dash-panel-footer,.left-collapsed .workspace-label,.left-collapsed .dashboard-left .brand{display:none}.left-collapsed .dashboard-left .dash-panel-header{padding:10px;justify-content:center}.dashboard-body .preview-status:fullscreen{background:#0a0a0d}.canvas-area:fullscreen{height:100vh;padding:0 15px}.canvas-area:fullscreen .studio-event-buttons{display:none}.canvas-area:fullscreen #frame-container .game-frame{max-width:100%;height:100%}
@media(min-width:1450px){.dashboard-grid{grid-template-columns:340px minmax(380px,1fr) 370px}.dashboard-grid.left-collapsed{grid-template-columns:55px minmax(380px,1fr) 370px}.dashboard-right .sound-pad{height:78px}.dashboard-right .sound-grid{gap:7px}.chat-messages{height:230px}.dashboard-body .field>span{font-size:10px}.dashboard-body .field input,.dashboard-body .field select{font-size:11px}.session-button{font-size:10px}.dash-accordion>summary{font-size:9px}}
@media(max-width:1100px) and (min-width:851px){.dashboard-grid{grid-template-columns:255px minmax(280px,1fr) 275px}.dashboard-grid.left-collapsed{grid-template-columns:48px minmax(280px,1fr) 275px}.dashboard-body .sound-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-right .tools-tabs button{font-size:6px;padding:5px}.preview-toolbar{padding:0 8px;gap:7px}.preview-toolbar-actions{gap:5px}.toolbar-button{display:none}.plan-pill{display:none}.game-selector{min-width:98px}.dashboard-body .studio-event-buttons .chip{font-size:6px;padding:4px 5px}.dash-panel-header{padding:0 12px}.dashboard-right .sound-pad{height:59px}}
@media(max-width:850px){.dashboard-body{height:100dvh;overflow:hidden}.dashboard-grid{display:block;position:relative;height:100dvh}.dashboard-left,.dashboard-center,.dashboard-right{height:calc(100dvh - 50px);display:none}.dashboard-center{display:flex}.dashboard-body[data-pane=settings] .dashboard-left{display:flex}.dashboard-body[data-pane=settings] .dashboard-center{display:none}.dashboard-body[data-pane=activity] .dashboard-right{display:flex}.dashboard-body[data-pane=activity] .dashboard-center{display:none}.dashboard-body .mobile-studio-tabs{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;height:50px;justify-content:space-around;border-top:1px solid #2b2f37;background:#111116}.mobile-studio-tabs button{background:none;border:0;color:#76768b;font-size:11px;font-weight:550;flex:1;border-radius:0}.mobile-studio-tabs button[aria-pressed=true]{color:#76a1ec;border-top:2px solid #326fd8}.preview-toolbar{height:50px;min-height:50px;padding:0 13px}.canvas-area{padding:0 12px}.dashboard-body #frame-container .game-frame{height:100%;width:auto;max-width:100%;aspect-ratio:9/16}.dashboard-body .studio-event-buttons{padding-top:7px}.dashboard-body .studio-event-buttons .chip{font-size:7px}.right-panel-header{height:49px}.dashboard-right .sound-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-right .sound-pad{height:75px}.dashboard-body .studio-settings{display:block}.dashboard-body .field>span{font-size:11px}.dashboard-body .field input,.dashboard-body .field select{font-size:12px}.dashboard-body .dash-accordion>summary{font-size:10px}.dashboard-body .session-button{font-size:11px}.dashboard-body .mapping-details>.field>span{font-size:10px}.dashboard-right .tools-tabs button{font-size:10px;padding:8px}.chat-messages{height:220px}.dashboard-right [role=tabpanel]>p{font-size:10px}.chat-line{font-size:11px}.chat-composer input{font-size:11px}.game-selector{font-size:11px}.game-selector small{font-size:7px}.toolbar-button,.overlay-pop>summary{font-size:9px}.overlay-pop>div{width:min(330px,calc(100vw - 26px));right:-48px}.plan-pill{display:none}.workspace-label{font-size:9px}.creator-card{font-size:12px}.creator-avatar{width:27px;height:27px}.dashboard-body .preview-content{margin:0 auto}.dashboard-left{border-right:0}.dashboard-right{border-left:0}.dashboard-body .sound-pad>span{font-size:21px}.dashboard-body .sound-pad{font-size:9px}.dashboard-body .right-panel-header>.micro-label{font-size:10px}.dashboard-body .tool-panel .field>span{font-size:10px}.dashboard-body .tool-panel .chip{font-size:10px}.dashboard-body .session-metrics b{font-size:10px}.dashboard-body .dash-section-title h2{font-size:10px}.dashboard-body .chat-empty b{font-size:11px}.dashboard-body .chat-empty p{font-size:9px}.dashboard-body #collapse-left{display:none}.dashboard-body .studio-settings .button{font-size:11px;padding:11px}.dashboard-body .account-switch select{font-size:11px}}
@media(max-width:430px){.preview-toolbar-actions{gap:6px}.toolbar-button{display:none}.game-selector{min-width:120px}.dashboard-body .studio-event-buttons{gap:4px}.dashboard-body .studio-event-buttons .chip{font-size:6px;padding:4px 6px}.canvas-note{font-size:5px}.canvas-area{padding:0 8px}.preview-resolution{font-size:5px}.dashboard-body .preview-status{font-size:6px}.dashboard-right .tools-tabs button{font-size:8px}.game-selector .chevron{margin-left:auto}.preview-toolbar{gap:10px}.dashboard-body .overlay-pop>summary{font-size:8px}}
.dashboard-body .picker-game[hidden]{display:none}.dashboard-body .live-effect{font-size:60px}