.studio-root .studio-mid-scroll:has(>.compact-studio){padding:0;overflow:clip}.studio-root .compact-studio.compact-studio:is(.cpv,.aud,.vs-surface){width:100%;height:100%;min-height:0;padding:14px;display:block;overflow:clip}.studio-root .compact-studio.compact-studio :is(.vg-workspace,.ag-workspace,.vs-workspace){flex-direction:column;height:100%;min-height:0;padding:16px;display:flex;overflow:clip}.studio-root .compact-studio.compact-studio :is(.vg-toolbar,.ag-toolbar,.vs-toolbar){flex:none;min-height:38px;margin-bottom:14px}.studio-root .compact-studio.compact-studio :is(.vg-layout,.ag-layout,.vs-layout){flex:1;grid-template-columns:minmax(0,1fr) 280px;align-items:stretch;gap:18px;min-height:0;display:grid}.studio-root .compact-studio.compact-studio :is(.vg-center,.ag-center,.vs-center){grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0;min-height:0;display:grid}.studio-root .compact-studio.compact-studio :is(.compact-studio-stage,.vs-stage){overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff30 transparent;flex-direction:column;gap:10px;min-width:0;min-height:0;display:flex;overflow:auto}.studio-root .compact-studio.compact-studio :is(.vs-preview,.vg-stage,.ag-stage){flex-direction:column;flex:1;min-height:190px;display:flex}.studio-root .compact-studio.compact-studio .vs-preview-window{flex:1;height:auto;min-height:90px}.studio-root .compact-studio.compact-studio :is(.vs-inspector,.vg-inspector,.ag-inspector){height:100%;min-height:0;max-height:none;padding:0;position:relative;top:auto;overflow:hidden}.studio-root .compact-studio.compact-studio :is(.vs-composer,.vg-composer,.ag-composer){z-index:20;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(130deg,#282828f5,#202020fa);border:1px solid #ffffff26;border-radius:16px;flex:none;width:100%;min-width:0;margin:0;padding:12px 14px;position:sticky;bottom:0}.compact-prompt-heading{color:#ccc;justify-content:space-between;gap:12px;margin-bottom:5px;font-size:11px;display:flex}.compact-prompt-heading>span{color:#888;font-size:10px}.compact-prompt-input{align-items:center;gap:12px;min-width:0;display:flex}.studio-root .compact-studio.compact-studio .compact-prompt textarea{resize:none;width:100%;min-width:0;box-shadow:none;color:#eee;font:15px/1.5 var(--font-inter),Arial,sans-serif;scrollbar-width:thin;background:0 0;border:0;border-radius:0;outline:0;flex:1;order:0;margin:0;display:block;height:52px!important;min-height:52px!important;max-height:52px!important;padding:4px 0!important}.compact-prompt textarea::placeholder{color:#999}.compact-generate{white-space:nowrap;cursor:pointer;border:1px solid #ffffff17;border-radius:11px;flex:none;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 15px;font-size:13px;font-weight:500;display:flex;background:var(--compact-generate-fill,#426d50)!important;color:var(--compact-generate-ink,white)!important}.compact-generate:disabled{opacity:.45;cursor:not-allowed}.compact-generate>small{border-left:1px solid #ffffff30;padding-left:8px;font-size:11px}.compact-prompt-controls{scrollbar-width:none;border-top:1px solid #ffffff12;align-items:center;gap:6px;margin-top:6px;padding:8px 1px 2px;display:flex;overflow-x:auto}.compact-prompt-controls::-webkit-scrollbar{display:none}.studio-root .compact-studio.compact-studio .compact-control{color:#d9d9d9;white-space:nowrap;cursor:pointer;background:#ffffff05;border:1px solid #ffffff21;border-radius:9px;flex:none;justify-content:center;align-items:center;gap:7px;min-height:34px;padding:7px 9px;font-size:11px;line-height:1.2;display:flex}.compact-control>span{text-overflow:ellipsis;max-width:150px;overflow:hidden}.compact-control>svg{flex:none}.compact-control[aria-expanded=true]{background:#ffffff10!important;border-color:#c3d5c473!important}.compact-prompt-note{color:#d5c4ac;margin-top:6px;font-size:11px}.compact-prompt-note p{margin:0}.compact-history{color:#ddd;flex-direction:column;height:100%;min-height:0;display:flex}.compact-history>header{border-bottom:1px solid #ffffff15;flex:none;justify-content:space-between;align-items:center;padding:16px;display:flex}.compact-history h2{align-items:center;gap:9px;margin:0;font-size:12px;font-weight:500;display:flex}.compact-history header button{color:#ccc;cursor:pointer;background:#ffffff08;border:1px solid #ffffff20;border-radius:8px;place-items:center;width:28px;height:28px;padding:0;display:grid}.compact-history-content{scrollbar-width:thin;min-height:0;padding:12px;overflow:auto}.compact-history-content>p{color:#aaa;font-size:12px}.compact-history-empty{text-align:center;color:#aaa;flex-direction:column;align-items:center;gap:12px;padding:45px 12px;font-size:12px;line-height:1.6;display:flex}.compact-history-empty p{margin:0}.compact-history-empty strong{color:#ddd;font-weight:500}.compact-history-card{color:#eee;text-align:left;cursor:pointer;background:#ffffff04;border:1px solid #ffffff19;border-radius:11px;align-items:center;gap:10px;width:100%;min-width:0;margin-bottom:8px;padding:8px;display:flex}.compact-history-card>img{object-fit:cover;border-radius:7px;flex:none;width:55px;height:62px}.compact-history-card>span{flex-direction:column;gap:6px;min-width:0;display:flex}.compact-history-card strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;font-weight:450;line-height:1.4;display:-webkit-box;overflow:hidden}.compact-history-card small{color:#999;font-size:10px}.compact-inspiration{background:#ffffff03;border:1px solid #ffffff18;border-radius:12px;flex:none;min-width:0}.compact-inspiration>summary{color:#bbb;cursor:pointer;align-items:center;gap:8px;padding:10px 12px;font-size:11px;list-style:none;display:flex}.compact-inspiration[open]{max-height:45%;overflow:auto}.compact-inspiration>div{padding:10px}.compact-controls-pane{gap:14px;display:grid}.compact-controls-pane label{color:#ccc;flex-direction:column;gap:7px;font-size:12px;display:flex}.compact-controls-pane :is(input:not([type=range]):not([type=checkbox]),select){color:#eee;width:100%;min-height:40px;font:13px var(--font-inter),Arial,sans-serif;background:#181818;border:1px solid #ffffff25;border-radius:9px;padding:9px 11px}.compact-controls-pane :is(h3,p){color:#aaa;margin:0;font-size:12px;line-height:1.6}.compact-popover-note{color:#999;margin:10px 4px;font-size:11px;line-height:1.5}.compact-voice-row{align-items:center;gap:6px;display:flex}.compact-voice-row .picker-choice{flex:1;min-width:0}.compact-voice-preview{color:#ddd;background:#ffffff08;border:1px solid #ffffff25;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;display:grid}.compact-voice-avatar{background:#ffffff10;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;display:grid}.compact-mobile-history{display:none!important}@media (hover:hover){.compact-control:hover,.compact-history-card:hover{background:#ffffff0b!important}.compact-generate:hover:not(:disabled){background:#507d5d!important}}@media (max-width:1100px){.studio-root .compact-studio.compact-studio :is(.vg-layout,.ag-layout,.vs-layout){grid-template-columns:minmax(0,1fr) 240px;gap:14px}}@media (max-width:980px){.studio-root .compact-studio.compact-studio:is(.cpv,.aud,.vs-surface){padding:10px 10px calc(92px + env(safe-area-inset-bottom))}}@media (max-width:850px){.studio-root .compact-studio.compact-studio :is(.vg-layout,.ag-layout,.vs-layout){grid-template-columns:minmax(0,1fr)}.studio-root .compact-studio.compact-studio :is(.vg-inspector,.ag-inspector,.vs-inspector){display:none}.compact-mobile-history{display:flex!important}}@media (max-width:600px){.studio-root .compact-studio.compact-studio :is(.vg-workspace,.ag-workspace,.vs-workspace){border-radius:18px;padding:10px}.studio-root .compact-studio.compact-studio :is(.vg-toolbar,.ag-toolbar,.vs-toolbar){margin-bottom:9px}.studio-root .compact-studio.compact-studio :is(.vs-composer,.vg-composer,.ag-composer){padding:10px}.studio-root .compact-studio.compact-studio .compact-prompt textarea{font-size:16px}.compact-prompt-input{gap:8px}.compact-generate{min-height:40px;padding:9px 11px;font-size:12px}.compact-generate>svg{display:none}.studio-root .compact-studio.compact-studio .compact-control{min-height:36px}.compact-control>span{max-width:115px}.compact-controls-pane :is(input,select){font-size:16px}}@media (prefers-reduced-motion:no-preference){.compact-spin{animation:1s linear infinite compact-spin}}@keyframes compact-spin{to{transform:rotate(360deg)}}.studio-root.studio-root .studio-mid-scroll:has(>.compact-studio){overflow:clip}.studio-root .compact-studio.compact-studio .vg-player-frame{flex:1;height:auto;min-height:100px}.studio-root .compact-studio.compact-studio .vg-player-frame>:is(video,img){position:absolute;inset:0}.studio-root .compact-studio.compact-studio .vg-player-frame:fullscreen{height:100dvh}.studio-root .compact-studio.compact-studio .vg-stage-empty{flex:1;height:auto;min-height:130px}.studio-root .compact-studio.compact-studio .ag-listening-room{flex:1;min-height:180px;padding:15px 10px}.studio-root .compact-studio.compact-studio .ag-wave{height:clamp(35px,10dvh,106px);margin:12px 0}.studio-root .compact-studio.compact-studio .ag-stage{flex-shrink:0}.studio-root .compact-studio.compact-studio .ag-inspector h2{margin:0}.studio-root .compact-studio.compact-studio .compact-prompt-controls .svg-icon{flex:none;width:16px;height:16px}.compact-studio .studio-popover .compact-choice{color:#eee;text-align:left;width:100%;min-width:0;min-height:58px;font:13px/1.4 var(--font-inter),Arial,sans-serif;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;margin:2px 0;padding:10px;display:flex}.compact-studio .studio-popover .compact-choice[aria-pressed=true]{background:#ffffff0d;border-color:#ffffff30}.compact-choice>span:not(.compact-voice-avatar){flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.compact-choice strong{font-size:13px;font-weight:500}.compact-choice small{color:#aaa;font-size:11px;font-weight:400}.compact-choice>svg{flex:none;width:20px;height:20px}.compact-choice--visual>img{object-fit:cover;border-radius:8px;flex:none;width:66px;height:74px}.compact-studio .studio-popover .compact-search{color:#eee;width:100%;font:13px var(--font-inter),Arial,sans-serif;background:#161616;border:1px solid #ffffff25;border-radius:9px;margin-bottom:8px;padding:11px 12px;display:block}.compact-studio .studio-popover :is(input,select){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.compact-studio .studio-popover .compact-voice-row .compact-choice{flex:1;min-width:0}.compact-studio .studio-popover .cpv-pk-scroll{max-height:none;overflow:visible}.compact-studio .studio-popover .cpv-pk-search{position:relative;top:auto}.compact-studio .compact-history-card>svg{color:#aaa;flex:none;width:26px;height:26px}.compact-studio .compact-history-card[aria-pressed=true]{background:#ffffff10;border-color:#fff5}.compact-studio .studio-popover .chr-compose{background:0 0;border:0;padding:0}.compact-studio .studio-popover .chr-appearance-settings{padding:0;display:block!important}.compact-studio .studio-popover .compact-actor-pair{grid-template-columns:1fr 1fr;gap:10px;display:grid}.compact-studio .studio-popover .chr-attr-stack{gap:14px}.compact-studio .studio-popover .compact-actor-field>span{align-items:center;gap:6px;display:flex}.compact-studio .studio-popover .compact-actor-field>span>svg{width:15px;height:15px}.compact-studio .studio-popover .chr-field{margin:0}.compact-studio .studio-popover .vs-appearance-more>summary{cursor:pointer;justify-content:space-between;padding:12px 0;font-size:12px;display:flex}.compact-studio .studio-popover .aud-field--row{flex-direction:row;justify-content:space-between;align-items:center}.compact-studio :is(button,input,textarea,select):focus-visible{outline-offset:3px;outline:2px solid #ddd}.compact-studio .compact-prompt textarea:focus-visible{outline:none}.compact-prompt-input:focus-within{border-radius:5px;box-shadow:0 1px #ffffff38}.studio-root .compact-studio.compact-studio .cpv-tagrow{scrollbar-width:thin;max-height:64px;overflow:auto}@media (prefers-reduced-transparency:reduce){.studio-root .compact-studio.compact-studio :is(.vs-composer,.vg-composer,.ag-composer,.vs-inspector,.vg-inspector,.ag-inspector){-webkit-backdrop-filter:none;backdrop-filter:none;background:#222}}@media (hover:hover){.compact-studio .studio-popover .compact-choice:hover{background:#ffffff0b}}@media (max-height:730px){.studio-root .compact-studio.compact-studio .ag-voice-orb{width:34px;height:34px;margin-bottom:6px}.studio-root .compact-studio.compact-studio .ag-voice-title h2{font-size:24px}.studio-root .compact-studio.compact-studio .ag-listening-room{padding:10px}.studio-root .compact-studio.compact-studio .ag-transport .ag-play{width:40px;height:40px}}@media (max-width:600px){.studio-root .compact-studio.compact-studio .vg-toolbar{flex-wrap:wrap;gap:8px}.studio-root .compact-studio.compact-studio .cpv-tabs{order:3;justify-content:center;width:100%}.studio-root .compact-studio.compact-studio .cpv-tab{height:30px;padding:0 12px}.compact-studio .studio-popover .compact-search{font-size:16px}}