.kai-shell-studio{
  grid-template-columns:minmax(420px,var(--kai-left)) 12px minmax(520px,1fr);
  --kai-left:600px;
}
.kai-studio-pane{padding-bottom:calc(var(--kai-player) + 26px)}
.kai-studio-topbar{justify-content:space-between;gap:14px;margin-bottom:14px;position:sticky;top:0;z-index:5;padding-bottom:10px;background:linear-gradient(180deg,rgba(5,7,12,.98),rgba(5,7,12,.88),rgba(5,7,12,0))}
.kai-studio-segment{padding:4px;background:rgba(255,255,255,.03);border-radius:999px;border:1px solid var(--kai-border)}
.kai-studio-segment .kai-tab{min-width:104px;text-align:center;font-size:15px;font-weight:700}
.kai-provider-pill{min-width:96px;text-align:center}
.kai-simple-promo{margin-bottom:16px;min-height:148px;padding:18px 18px 18px 20px;grid-template-columns:1fr .85fr}
.kai-simple-promo h2{font-size:28px;line-height:1.05;max-width:360px;margin-bottom:12px}
.kai-create-view{display:none;gap:14px}
.kai-create-view.is-active{display:grid}

.kai-simple-card,.kai-adv-panel{padding:18px 18px 20px;border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.022));border:1px solid var(--kai-border);box-shadow:0 20px 50px rgba(0,0,0,.2)}
.kai-simple-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.kai-simple-card-head strong{display:block;font-size:17px;letter-spacing:-.03em}
.kai-simple-card-head span{display:block;margin-top:6px;font-size:12px;color:var(--kai-muted)}
.kai-simple-random{width:62px;height:62px;border-radius:999px;background:rgba(255,255,255,.06)}
.kai-simple-random svg{width:20px;height:20px}
.kai-simple-copy{min-height:160px}
.kai-simple-textarea{width:100%;min-height:138px;background:transparent;border:0;resize:vertical;color:#fff;font-size:15px;line-height:1.7;outline:none;padding:0}
.kai-simple-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:18px}
.kai-simple-plus-wrap{position:relative}
.kai-simple-pill,.kai-adv-toggle-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 18px;border-radius:999px;border:1px solid var(--kai-border);background:rgba(255,255,255,.035);color:#fff;font-size:14px;font-weight:700;cursor:pointer;min-height:54px}
.kai-simple-pill.is-plus{padding-right:20px}
.kai-simple-pill.is-selected{background:rgba(255,255,255,.02);border-color:rgba(255,255,255,.15);margin-left:auto}
.kai-simple-check{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:999px;background:rgba(255,255,255,.08);font-size:12px}
.kai-simple-inline-lyrics{margin-top:16px;border:1px solid var(--kai-border);border-radius:20px;background:rgba(255,255,255,.025);padding:14px}
.kai-simple-inline-lyrics label{display:block;margin-bottom:8px;font-size:12px;color:var(--kai-muted)}
.kai-simple-inline-lyrics textarea{width:100%;min-height:88px;background:transparent;border:0;resize:vertical;color:#fff;outline:none;font-size:14px;line-height:1.55}
.kai-simple-divider{height:1px;background:var(--kai-border);margin:18px 0 16px}
.kai-simple-label{font-size:12px;font-weight:700;color:var(--kai-muted);margin-bottom:12px;text-transform:none}
.kai-simple-tags,.kai-adv-style-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.kai-simple-tag,.kai-adv-chip{padding:12px 15px;border-radius:18px;border:1px solid var(--kai-border);background:rgba(255,255,255,.04);color:#fff;font-size:13px;font-weight:700;cursor:pointer}
.kai-simple-footer{display:flex;align-items:center;gap:16px}
.kai-studio-trash{width:72px;height:72px;border-radius:999px;border:1px solid var(--kai-border);background:rgba(255,255,255,.035);display:grid;place-items:center;color:#fff;cursor:pointer;flex:0 0 72px}
.kai-studio-trash svg{width:24px;height:24px;fill:currentColor}
.kai-simple-create{flex:1;min-height:72px;border-radius:999px;border:0;background:linear-gradient(135deg,#f79b33,#ff6c3a 38%,#ff4ca6 100%);display:flex;align-items:center;justify-content:center;gap:12px;color:#fff;font-size:18px;font-weight:800;cursor:pointer;box-shadow:0 18px 38px rgba(0,0,0,.32)}
.kai-simple-create span{font-size:20px}

.kai-home-plus-menu{top:auto;bottom:calc(100% + 12px)}
.kai-home-reference,.kai-home-recorder{margin-top:2px}
#kaiGenerateStatus{font-size:13px}

.kai-studio-headline{margin-bottom:14px}
.kai-studio-headline h1{font-size:30px;line-height:1.05}
.kai-studio-filterbar{padding:10px 12px;gap:10px}
.kai-studio-page-dot,.kai-studio-page-current{width:52px;height:52px;border-radius:999px;border:1px solid var(--kai-border);display:grid;place-items:center;background:rgba(255,255,255,.03);color:#fff}
.kai-song-list-studio{gap:18px}
.kai-song-row-studio{grid-template-columns:92px minmax(0,1fr) auto auto;gap:16px;min-height:110px;padding:14px 16px;border-radius:24px;background:transparent;border:0;box-shadow:none}
.kai-art-studio{width:98px;height:98px;border-radius:22px}
.kai-song-row-copy{min-width:0}
.kai-song-stats{display:flex;gap:16px;flex-wrap:wrap;margin-top:10px;color:var(--kai-muted);font-size:13px}
.kai-row-actions-studio .kai-icon-btn{background:rgba(255,255,255,.04)}

.kai-adv-toggle-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-radius:999px;border:1px solid var(--kai-border);overflow:hidden;background:rgba(255,255,255,.03)}
.kai-adv-toggle-btn{justify-content:center;border:0;border-right:1px solid var(--kai-border);border-radius:0;background:transparent;min-height:84px;font-size:15px}
.kai-adv-toggle-btn:last-child{border-right:0}
.kai-adv-toggle-btn em{font-style:normal;font-size:11px;padding:3px 8px;border-radius:999px;background:#ff4ca6;color:#fff}
.kai-adv-toggle-btn.is-open{background:rgba(255,255,255,.06)}
.kai-adv-voice-wrap{position:relative}
.kai-adv-voice-menu{position:absolute;left:14px;top:72px;z-index:20;width:120px;padding:10px;border-radius:20px;border:1px solid var(--kai-border);background:#181b24;box-shadow:0 18px 38px rgba(0,0,0,.35);display:grid;gap:8px}
.kai-adv-voice-action{display:flex;align-items:center;gap:10px;padding:10px 12px;border:0;border-radius:14px;background:transparent;color:#fff;cursor:pointer;text-align:left}
.kai-adv-voice-action:hover{background:rgba(255,255,255,.06)}
.kai-adv-voice-tip{position:absolute;left:132px;top:94px;z-index:19;width:280px;padding:18px 20px;border-radius:18px;background:#1c1f27;box-shadow:0 18px 38px rgba(0,0,0,.32)}
.kai-adv-voice-tip strong{display:block;font-size:18px;line-height:1.1;margin-bottom:8px}
.kai-adv-voice-tip span{display:block;color:var(--kai-muted);line-height:1.45}
.kai-adv-panel{padding:0;overflow:hidden}
.kai-adv-panel-open{box-shadow:0 22px 56px rgba(0,0,0,.24)}
.kai-adv-editor-panel{padding:0}
.kai-adv-editor-box{display:flex;align-items:stretch;gap:16px;min-height:204px;padding:18px}
.kai-adv-editor-copy{flex:1;min-width:0}
.kai-adv-editor-copy label{display:block;font-size:12px;color:var(--kai-muted);margin-bottom:10px}
.kai-adv-prompt,.kai-adv-style-text{width:100%;border:0;background:transparent;color:#fff;resize:none;outline:none;font-size:14px;line-height:1.65}
.kai-adv-prompt{min-height:132px}
.kai-adv-editor-actions{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end}
.kai-adv-header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border:0;background:transparent;color:#fff;cursor:pointer;font-size:18px}
.kai-adv-header strong{font-size:18px;letter-spacing:-.03em}
.kai-adv-header-icons{display:flex;gap:12px;align-items:center}
.kai-adv-body{padding:0 20px 20px}
.kai-adv-style-text{min-height:110px;font-size:18px;line-height:1.45;margin-bottom:16px}
.kai-adv-circle{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid transparent;color:#fff;font-size:18px}
.kai-adv-circle.is-primary{background:#2f95ff;color:#fff}
.kai-adv-control-row,.kai-adv-slider-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(160px,200px);align-items:center;gap:16px;padding:18px 12px;margin:0 16px 14px;border-radius:22px;background:#0c0f15}
.kai-adv-control-row label,.kai-adv-slider-row label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600}
.kai-adv-info{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.08);font-size:11px;color:var(--kai-muted)}
.kai-adv-segment{display:flex;justify-content:flex-end;gap:8px}
.kai-adv-segment button{padding:10px 16px;border:0;border-radius:14px;background:transparent;color:var(--kai-muted);cursor:pointer}
.kai-adv-segment button.is-active,.kai-adv-segment button:hover{background:rgba(255,255,255,.08);color:#fff}
.kai-adv-slider-row{grid-template-columns:minmax(120px,1fr) minmax(220px,1.4fr) auto}
.kai-adv-slider-row input[type=range]{-webkit-appearance:none;appearance:none;height:4px;border-radius:999px;background:rgba(255,255,255,.12);outline:none}
.kai-adv-slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:999px;background:#ff4ca6}
.kai-adv-slider-row input[type=range]::-moz-range-thumb{width:18px;height:18px;border:0;border-radius:999px;background:#ff4ca6}
.kai-adv-slider-row strong{font-size:16px}
.kai-adv-title-block{padding:0}
.kai-adv-title-input{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--kai-border)}
.kai-adv-title-input span{font-size:24px;color:var(--kai-muted)}
.kai-adv-title-input input{flex:1;background:transparent;border:0;color:#fff;font-size:16px;outline:none}
.kai-adv-save-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px}
.kai-adv-save-left{display:flex;align-items:center;gap:12px}
.kai-adv-save-left span{font-size:24px}
.kai-adv-save-left strong{font-size:16px;font-weight:700}
.kai-adv-workspace-pill{padding:12px 22px;border-radius:999px;border:1px solid var(--kai-border);background:rgba(255,255,255,.05);color:#fff;font-weight:700}
.kai-adv-footer{padding-top:4px}

body.kai-sidebar-collapsed .kai-player{left:96px}

@media (max-width: 1320px){
  .kai-shell-studio{grid-template-columns:minmax(380px,var(--kai-left)) 12px minmax(420px,1fr)}
}
@media (max-width: 1120px){
  .kai-shell-studio{display:block}
  .kai-adv-toggle-row{grid-template-columns:1fr}
  .kai-adv-toggle-btn{border-right:0;border-bottom:1px solid var(--kai-border)}
  .kai-adv-toggle-btn:last-child{border-bottom:0}
  .kai-adv-voice-tip{left:16px;right:16px;top:150px;width:auto}
  .kai-studio-filterbar{flex-wrap:wrap}
  .kai-song-row-studio{grid-template-columns:84px minmax(0,1fr)}
  .kai-row-actions-studio,.kai-song-row-studio .kai-more,.kai-studio-page-dot,.kai-studio-page-current{display:none}
}
@media (max-width: 900px){
  .kai-studio-topbar{flex-wrap:wrap}
  .kai-simple-toolbar{align-items:stretch}
  .kai-simple-pill,.kai-simple-plus-wrap{width:100%}
  .kai-simple-pill.is-selected{margin-left:0}
  .kai-simple-footer{flex-direction:column}
  .kai-studio-trash,.kai-simple-create{width:100%}
  .kai-adv-slider-row,.kai-adv-control-row{grid-template-columns:1fr}
  .kai-adv-segment{justify-content:flex-start}
}

/* v16 create + banner + sticky footer refinements */
.kai-studio-pane{display:flex;flex-direction:column;min-height:calc(100vh - var(--kai-player));overflow:hidden}
.kai-create-grid{display:flex;flex-direction:column;min-height:100%}
.kai-create-view{min-height:0}
.kai-create-view.is-active{display:grid;min-height:0}
.kai-simple-promo{position:relative;overflow:hidden}
.kai-banner-close{position:absolute;right:14px;top:14px;width:36px;height:36px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(10,10,14,.38);color:#fff;font-size:22px;line-height:1;cursor:pointer;display:grid;place-items:center;backdrop-filter:blur(8px)}
.kai-simple-card{display:flex;flex-direction:column}
.kai-simple-footer,.kai-adv-footer{position:sticky;bottom:0;z-index:4;padding-top:14px;padding-bottom:4px;background:linear-gradient(180deg,rgba(5,7,12,0),rgba(5,7,12,.72) 26%,rgba(5,7,12,.96) 100%)}
.kai-adv-stage{display:flex;flex-direction:column;min-height:calc(100vh - var(--kai-player) - 112px)}
.kai-adv-scroll{flex:1;min-height:0;overflow:auto;padding-bottom:8px}
.kai-adv-panel,.kai-adv-title-block{margin-bottom:14px}
.kai-adv-toggle-row{margin-bottom:14px}
.kai-adv-editor-box{min-height:172px}
.kai-adv-prompt{min-height:118px}
.kai-adv-style-text{min-height:88px;font-size:16px}
.kai-adv-body{padding-bottom:18px}
.kai-adv-control-row,.kai-adv-slider-row{margin-bottom:12px}
.kai-song-row-studio{grid-template-columns:92px minmax(0,1fr) auto auto;align-items:center;border-bottom:1px solid rgba(255,255,255,.04);border-radius:0;padding-inline:18px;margin-inline:-4px}
.kai-song-row-studio:last-child{border-bottom:0}
.kai-song-row-studio:hover{background:rgba(255,255,255,.02)}
.kai-song-row-copy .kai-track-title{font-size:20px;line-height:1.15}
.kai-song-row-copy .kai-track-sub{font-size:14px;max-width:780px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.kai-row-actions-studio{gap:8px}
.kai-row-actions-studio .kai-icon-btn,.kai-song-row-studio .kai-more{width:48px;height:48px;border-radius:999px}
@media (max-width: 1120px){
  .kai-studio-pane{min-height:auto;overflow:visible}
  .kai-create-grid{min-height:auto}
  .kai-adv-stage{min-height:auto}
  .kai-adv-scroll{overflow:visible}
  .kai-simple-footer,.kai-adv-footer{position:static;background:none;padding-top:10px}
}

/* v23 create pane scroll + sticky footer fixes */
.kai-pane-inner.kai-studio-pane{
  padding-bottom:0;
  overflow:hidden;
}
.kai-studio-pane{
  display:flex;
  flex-direction:column;
  min-height:100%;
}
.kai-create-grid{
  flex:1;
  min-height:0;
  height:100%;
}
.kai-create-view{
  min-height:0;
}
.kai-create-view.is-active{
  display:flex;
  flex-direction:column;
  min-height:0;
  flex:1;
}
.kai-simple-scroll,
.kai-adv-scroll{
  flex:1;
  min-height:0;
  overflow-y:auto;
  overflow-x:visible;
  padding-right:4px;
  padding-bottom:18px;
  scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,.16) transparent;
}
.kai-simple-scroll::-webkit-scrollbar,
.kai-adv-scroll::-webkit-scrollbar{width:10px;height:10px}
.kai-simple-scroll::-webkit-scrollbar-thumb,
.kai-adv-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,.16);border-radius:999px}
.kai-adv-stage{
  display:flex;
  flex-direction:column;
  min-height:0;
  height:100%;
}
.kai-simple-footer,
.kai-adv-footer{
  flex-shrink:0;
  margin-top:0;
  padding:14px 0 10px;
  border-top:1px solid rgba(255,255,255,.05);
  backdrop-filter:blur(10px);
}
.kai-simple-scroll > :last-child,
.kai-adv-scroll > :last-child{margin-bottom:0}

@media (max-width: 1120px){
  .kai-pane-inner.kai-studio-pane{overflow-y:auto;padding-bottom:18px}
  .kai-create-grid{height:auto}
  .kai-create-view.is-active{height:auto}
  .kai-simple-scroll,
  .kai-adv-scroll{overflow:visible;padding-right:0;padding-bottom:10px}
  .kai-simple-footer,
  .kai-adv-footer{position:sticky;bottom:0;padding-bottom:12px}
}

/* v24 create/studio compact sizing */
.kai-studio-topbar{gap:10px;margin-bottom:10px;padding-bottom:8px;}
.kai-studio-segment .kai-tab{min-width:92px;font-size:13px;padding:12px 16px;}
.kai-chip{min-height:54px;padding:0 18px;font-size:13px;}
.kai-small-select.kai-provider-pill{min-height:54px;padding:0 16px;font-size:13px;border-radius:20px;}
.kai-simple-scroll,.kai-adv-scroll{padding-bottom:14px;}
.kai-banner,.kai-form-block,.kai-adv-panel,.kai-adv-title-block{border-radius:22px;}
.kai-simple-card-head strong,.kai-adv-header strong{font-size:15px;}
.kai-simple-card-head span{font-size:11px;}
.kai-simple-textarea{font-size:14px;line-height:1.55;min-height:138px;}
.kai-simple-pill,.kai-adv-toggle-btn{min-height:48px;padding:12px 16px;font-size:13px;}
.kai-simple-label{font-size:12px;}
.kai-simple-tag{font-size:12px;padding:10px 14px;}
.kai-studio-trash{width:62px;height:62px;flex:0 0 62px;}
.kai-studio-trash svg{width:20px;height:20px;}
.kai-simple-create{min-height:62px;font-size:16px;gap:10px;}
.kai-simple-create span{font-size:18px;}
.kai-adv-editor-box{min-height:148px;padding:14px;gap:12px;}
.kai-adv-prompt{min-height:96px;font-size:14px;line-height:1.55;}
.kai-adv-style-text{min-height:72px;font-size:14px;line-height:1.45;}
.kai-adv-circle{width:48px;height:48px;font-size:16px;}
.kai-adv-control-row,.kai-adv-slider-row{padding:14px 12px;margin:0 12px 10px;border-radius:18px;}
.kai-adv-control-row label,.kai-adv-slider-row label{font-size:13px;}
.kai-adv-segment button{padding:8px 12px;font-size:13px;}
.kai-adv-title-input{padding:14px 16px;}
.kai-adv-title-input input{font-size:14px;}
.kai-adv-save-row{padding:10px 16px;}
.kai-adv-workspace-pill{padding:10px 18px;font-size:13px;}
.kai-song-row-studio{grid-template-columns:80px minmax(0,1fr) auto auto;min-height:92px;gap:12px;padding-inline:14px;}
.kai-song-row-studio .kai-track-art{width:80px;height:80px;border-radius:20px;}
.kai-song-row-copy .kai-track-title{font-size:16px;}
.kai-song-row-copy .kai-track-sub{font-size:13px;max-width:540px;}
.kai-row-actions-studio .kai-icon-btn,.kai-song-row-studio .kai-more{width:42px;height:42px;}
.kai-studio-page-dot,.kai-studio-page-current{height:42px;min-width:42px;font-size:13px;}

/* v25 make create pane match the tighter reference */
.kai-shell-studio{grid-template-columns:minmax(340px,var(--kai-left)) 12px minmax(420px,1fr);--kai-left:500px}
.kai-studio-topbar{gap:8px;margin-bottom:8px;padding-bottom:6px}
.kai-chip{min-height:44px;padding:0 14px;border-radius:18px}
.kai-small-select.kai-provider-pill{min-height:44px;min-width:78px;padding:0 12px;font-size:12px;border-radius:18px}
.kai-studio-segment .kai-tab{min-width:86px;padding:10px 14px;font-size:12px}
.kai-simple-card,.kai-adv-panel{padding:14px 14px 16px;border-radius:20px}
.kai-simple-card-head{margin-bottom:10px}
.kai-simple-card-head strong,.kai-adv-header strong{font-size:14px}
.kai-simple-card-head span{font-size:11px}
.kai-simple-random{width:54px;height:54px}
.kai-simple-copy{min-height:116px}
.kai-simple-textarea{min-height:112px;font-size:13px;line-height:1.5}
.kai-simple-toolbar{margin-top:12px;gap:10px}
.kai-simple-pill,.kai-adv-toggle-btn{min-height:44px;padding:10px 14px;font-size:12px;border-radius:999px}
.kai-simple-pill.is-selected{margin-left:0}
.kai-simple-check{width:22px;height:22px}
.kai-simple-inline-lyrics{margin-top:12px;padding:12px;border-radius:16px}
.kai-simple-inline-lyrics textarea{min-height:72px;font-size:13px}
.kai-simple-divider{margin:14px 0 12px}
.kai-simple-label{font-size:11px;margin-bottom:10px}
.kai-simple-tags,.kai-adv-style-row{gap:8px}
.kai-simple-tag,.kai-adv-chip{padding:10px 13px;font-size:12px;border-radius:16px}
.kai-studio-trash{width:58px;height:58px;flex:0 0 58px}
.kai-studio-trash svg{width:18px;height:18px}
.kai-simple-create{min-height:58px;font-size:15px;gap:8px;border-radius:999px}
.kai-simple-create span{font-size:16px}
.kai-simple-footer,.kai-adv-footer{padding:10px 0 8px}
.kai-adv-toggle-row{margin-bottom:10px}
.kai-adv-toggle-btn{min-height:64px;font-size:13px}
.kai-adv-toggle-btn em{font-size:10px;padding:2px 6px}
.kai-adv-voice-menu{top:58px;left:8px;width:112px;padding:8px;border-radius:16px}
.kai-adv-voice-action{padding:8px 10px;font-size:12px}
.kai-adv-voice-tip{left:122px;top:78px;width:240px;padding:14px 16px;border-radius:16px}
.kai-adv-voice-tip strong{font-size:15px;margin-bottom:6px}
.kai-adv-editor-box{min-height:132px;padding:12px;gap:10px}
.kai-adv-editor-copy label{font-size:11px;margin-bottom:8px}
.kai-adv-prompt{min-height:84px;font-size:13px;line-height:1.5}
.kai-adv-header{padding:14px 16px;font-size:15px}
.kai-adv-header-icons{gap:10px}
.kai-adv-body{padding:0 16px 16px}
.kai-adv-style-text{min-height:64px;font-size:13px;line-height:1.45;margin-bottom:12px}
.kai-adv-circle{width:42px;height:42px;font-size:14px}
.kai-adv-control-row,.kai-adv-slider-row{padding:12px 10px;margin:0 10px 10px;border-radius:16px}
.kai-adv-control-row label,.kai-adv-slider-row label{font-size:12px}
.kai-adv-segment button{padding:7px 11px;font-size:12px;border-radius:12px}
.kai-adv-slider-row strong{font-size:14px}
.kai-adv-title-input{padding:12px 14px}
.kai-adv-title-input span{font-size:18px}
.kai-adv-title-input input{font-size:13px}
.kai-adv-save-row{padding:10px 14px}
.kai-adv-save-left span{font-size:18px}
.kai-adv-save-left strong{font-size:13px}
.kai-adv-workspace-pill{padding:9px 14px;font-size:12px}
.kai-studio-headline h1{font-size:24px}
.kai-studio-headline p{font-size:12px}
.kai-studio-filterbar{padding:8px 10px;gap:8px;border-radius:18px}
.kai-song-row-studio{grid-template-columns:72px minmax(0,1fr) auto auto;gap:10px;min-height:84px;padding:10px 12px}
.kai-art-studio{width:72px;height:72px;border-radius:18px}
.kai-song-row-copy .kai-track-title{font-size:14px;margin-bottom:4px}
.kai-song-row-copy .kai-track-sub{font-size:12px;max-width:420px}
.kai-song-stats{margin-top:8px;gap:12px;font-size:12px}
.kai-row-actions-studio .kai-icon-btn,.kai-song-row-studio .kai-more{width:38px;height:38px}
.kai-studio-page-dot,.kai-studio-page-current{width:38px;height:38px;min-width:38px;font-size:12px}
@media (max-width:1120px){
  .kai-shell-studio{display:block}
}

/* v27: compact create section like the tighter reference */
.kai-shell-studio{--kai-left:410px;grid-template-columns:minmax(300px,var(--kai-left)) 10px minmax(0,1fr)}
.kai-pane-inner.kai-studio-pane{padding:10px 12px 0}
.kai-studio-topbar{gap:8px;margin-bottom:8px;padding-bottom:6px}
.kai-chip{min-height:40px;padding:0 12px;font-size:12px;border-radius:18px}
.kai-chip strong{font-size:15px;margin-left:4px}
.kai-small-select.kai-provider-pill{min-height:40px;min-width:74px;padding:0 11px;font-size:12px}
.kai-studio-segment .kai-tab{min-width:82px;padding:9px 12px;font-size:12px}
.kai-simple-scroll,.kai-adv-scroll{padding-bottom:10px}
.kai-simple-card,.kai-adv-panel,.kai-adv-title-block{padding:12px;border-radius:18px}
.kai-simple-card-head{margin-bottom:8px}
.kai-simple-card-head strong,.kai-adv-header strong{font-size:13px}
.kai-simple-copy{min-height:86px}
.kai-simple-textarea{min-height:84px;font-size:12.5px;line-height:1.45}
.kai-simple-toolbar{margin-top:10px;gap:8px}
.kai-simple-pill,.kai-adv-toggle-btn{min-height:42px;padding:10px 14px;font-size:12px}
.kai-simple-inline-lyrics textarea{min-height:66px;font-size:12.5px}
.kai-simple-divider{margin:12px 0 10px}
.kai-simple-label{font-size:11px;margin-bottom:8px}
.kai-simple-tag,.kai-adv-chip{padding:9px 12px;font-size:11.5px;border-radius:15px}
.kai-studio-trash{width:54px;height:54px;flex:0 0 54px}
.kai-simple-create{min-height:54px;font-size:14px}
.kai-simple-create span{font-size:15px}
.kai-simple-footer,.kai-adv-footer{padding:8px 0 8px;background:linear-gradient(180deg,rgba(5,7,12,0),rgba(5,7,12,.78) 34%,rgba(5,7,12,.96) 100%)}
.kai-adv-toggle-row{margin-bottom:8px}
.kai-adv-toggle-btn{min-height:52px}
.kai-adv-voice-menu{top:50px;width:106px;padding:6px;border-radius:14px}
.kai-adv-voice-action{padding:7px 9px;font-size:11.5px}
.kai-adv-voice-tip{left:114px;top:66px;width:220px;padding:12px 14px}
.kai-adv-editor-box{min-height:108px;padding:10px;gap:10px}
.kai-adv-prompt{min-height:70px;font-size:12.5px;line-height:1.45}
.kai-adv-header{padding:12px 14px;font-size:14px}
.kai-adv-body{padding:0 14px 14px}
.kai-adv-style-text{min-height:54px;font-size:12.5px;line-height:1.4;margin-bottom:10px}
.kai-adv-circle{width:38px;height:38px;font-size:13px}
.kai-adv-control-row,.kai-adv-slider-row{padding:10px;margin:0 10px 10px;border-radius:15px}
.kai-adv-control-row label,.kai-adv-slider-row label{font-size:11.5px}
.kai-adv-segment button{padding:7px 10px;font-size:11.5px}
.kai-adv-title-input{padding:11px 13px}
.kai-adv-title-input span{font-size:16px}
.kai-adv-title-input input{font-size:12.5px}
.kai-adv-save-row{padding:9px 13px}
.kai-adv-save-left strong{font-size:12.5px}
.kai-adv-workspace-pill{padding:8px 12px;font-size:11.5px}
.kai-studio-headline h1{font-size:20px}
.kai-studio-headline p{font-size:11px}
.kai-studio-filterbar{padding:8px 10px;gap:8px;border-radius:16px;margin-bottom:10px}
.kai-song-row-studio{grid-template-columns:64px minmax(0,1fr) auto auto;gap:8px;min-height:74px;padding:8px 10px}
.kai-art-studio{width:64px;height:64px;border-radius:16px}
.kai-song-row-copy .kai-track-title{font-size:13px;margin-bottom:2px}
.kai-song-row-copy .kai-track-sub{font-size:11.5px;max-width:320px}
.kai-song-stats{margin-top:6px;gap:10px;font-size:11.5px}
.kai-row-actions-studio .kai-icon-btn,.kai-song-row-studio .kai-more{width:34px;height:34px}
.kai-studio-page-dot,.kai-studio-page-current{width:34px;height:34px;min-width:34px;font-size:11px}
@media (max-width:1120px){
  .kai-shell-studio{display:block}
  .kai-pane-inner.kai-studio-pane{padding:8px 10px 0}
}

/* v32 tighter create/workspace scale */
.kai-shell-studio{--kai-left:390px}
.kai-pane-inner.kai-studio-pane{padding:8px 10px 0}
.kai-studio-topbar{gap:6px;margin-bottom:6px;padding-bottom:4px}
.kai-chip{min-height:36px;padding:0 10px;font-size:11px;border-radius:16px}
.kai-chip strong{font-size:13px}
.kai-small-select.kai-provider-pill{min-height:36px;min-width:68px;padding:0 10px;font-size:11px}
.kai-studio-segment .kai-tab{min-width:76px;padding:8px 10px;font-size:11px}
.kai-simple-card{padding:10px;border-radius:16px}
.kai-simple-card-head strong{font-size:12px}
.kai-simple-copy{min-height:74px}
.kai-simple-textarea{min-height:72px;font-size:12px}
.kai-simple-pill{min-height:38px;padding:8px 12px;font-size:11px}
.kai-simple-tag{padding:8px 11px;font-size:11px;border-radius:14px}
.kai-studio-trash{width:48px;height:48px;flex:0 0 48px}
.kai-simple-create{min-height:48px;font-size:13px}
.kai-simple-create span{font-size:14px}
.kai-song-row-studio{grid-template-columns:58px minmax(0,1fr) auto auto;gap:8px;min-height:68px;padding:8px 9px}
.kai-art-studio{width:58px;height:58px;border-radius:14px}
.kai-song-row-copy .kai-track-title{font-size:12px}
.kai-song-row-copy .kai-track-sub{font-size:11px;max-width:280px}
.kai-song-stats{font-size:11px;gap:8px}
.kai-row-actions-studio .kai-icon-btn,.kai-song-row-studio .kai-more{width:32px;height:32px}


/* v33 tighter studio sizing */
.kai-shell-studio{--kai-left:540px;grid-template-columns:minmax(340px,var(--kai-left)) 10px minmax(360px,1fr)}
.kai-pane-inner.kai-studio-pane{padding:10px 12px 0}
.kai-studio-topbar{gap:8px;margin-bottom:8px;padding-bottom:6px}
.kai-chip{min-height:48px;padding:0 16px;font-size:12px}
.kai-chip strong{font-size:15px}
.kai-studio-segment{padding:3px}
.kai-studio-segment .kai-tab{min-width:84px;padding:10px 14px;font-size:12px}
.kai-small-select.kai-provider-pill{min-width:74px;min-height:48px;padding:0 14px;font-size:12px;border-radius:18px}
.kai-create-grid{gap:10px}
.kai-simple-promo{min-height:122px;padding:14px 14px 14px 16px;margin-bottom:10px;border-radius:20px}
.kai-simple-promo h2{font-size:22px;max-width:280px;margin:6px 0 10px}
.kai-simple-card,.kai-adv-panel{padding:14px 14px 16px;border-radius:22px}
.kai-simple-card-head{margin-bottom:10px}
.kai-simple-card-head strong,.kai-adv-header strong{font-size:14px}
.kai-simple-card-head span{font-size:11px}
.kai-simple-random{width:52px;height:52px}
.kai-simple-copy{min-height:0}
.kai-simple-textarea{font-size:13px;line-height:1.5;min-height:78px}
.kai-simple-toolbar{gap:10px;margin-top:12px}
.kai-simple-pill,.kai-adv-toggle-btn{min-height:44px;padding:10px 14px;font-size:12px}
.kai-simple-check{width:22px;height:22px;font-size:11px}
.kai-simple-inline-lyrics{padding:12px;border-radius:18px}
.kai-simple-inline-lyrics textarea{min-height:74px;font-size:13px}
.kai-simple-divider{margin:14px 0 12px}
.kai-simple-label{font-size:11px;margin-bottom:10px}
.kai-simple-tags,.kai-adv-style-row{gap:8px}
.kai-simple-tag,.kai-adv-chip{padding:9px 12px;border-radius:16px;font-size:12px}
.kai-simple-footer{gap:12px}
.kai-studio-trash{width:56px;height:56px;flex-basis:56px}
.kai-studio-trash svg{width:18px;height:18px}
.kai-simple-create{min-height:56px;font-size:15px;gap:10px}
.kai-simple-create span{font-size:17px}
.kai-studio-headline h1{font-size:22px}
.kai-studio-headline p{font-size:12px}
.kai-studio-filterbar{padding:8px 10px;gap:8px;margin-bottom:10px}
.kai-search-wrap{padding:10px 12px}
.kai-search-wrap input{font-size:13px}
.kai-song-list-studio{gap:10px}
.kai-song-row-studio{grid-template-columns:70px minmax(0,1fr) auto auto;min-height:82px;gap:10px;padding:10px 12px;margin-inline:0}
.kai-art-studio,.kai-art{width:70px;height:70px;border-radius:16px}
.kai-art .kai-duration{left:6px;bottom:6px;padding:4px 8px;font-size:11px}
.kai-song-row-copy .kai-track-title,.kai-track-title{font-size:15px;line-height:1.15;margin-bottom:4px}
.kai-song-row-copy .kai-track-sub,.kai-track-sub{font-size:12px;line-height:1.4}
.kai-song-stats{gap:12px;margin-top:8px;font-size:12px}
.kai-row-actions-studio .kai-icon-btn,.kai-song-row-studio .kai-more{width:38px;height:38px}
.kai-icon-btn svg{width:14px;height:14px}

@media (max-width:1120px){
  .kai-pane-inner.kai-studio-pane{padding:10px 10px 0}
  .kai-song-row-studio{grid-template-columns:68px minmax(0,1fr)}
}


.kai-gen-modal{
  position:fixed;
  inset:0;
  z-index:1300;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(1,8,20,.58);
  backdrop-filter:blur(8px);
}
.kai-gen-modal.kai-hidden{display:none;}
.kai-gen-modal-card{
  width:min(720px, 100%);
  padding:28px;
  border-radius:30px;
  border:1px solid rgba(132, 192, 255, .18);
  background:
    radial-gradient(circle at top, rgba(48,120,255,.18), transparent 40%),
    linear-gradient(160deg, rgba(3,18,39,.97), rgba(1,10,24,.98));
  box-shadow:0 30px 80px rgba(0,0,0,.45);
}
.kai-gen-modal-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:20px;
}
.kai-gen-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  color:#b7d8ff;
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.kai-gen-close{
  width:42px;
  height:42px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.04);
  color:#fff;
  font-size:24px;
  cursor:pointer;
}
.kai-gen-orbit{
  position:relative;
  width:160px;
  height:160px;
  margin:8px auto 18px;
}
.kai-gen-orbit-core,
.kai-gen-orbit-ring,
.kai-gen-orbit-pulse{
  position:absolute;
  inset:0;
  margin:auto;
  border-radius:50%;
}
.kai-gen-orbit-core{
  width:56px;
  height:56px;
  background:linear-gradient(135deg, #80dfff, #7ca0ff 44%, #ff7eb7 100%);
  box-shadow:0 0 32px rgba(120,180,255,.55);
  animation:kaiGenPulse 1.7s ease-in-out infinite;
}
.kai-gen-orbit-ring{
  border:1px solid rgba(135, 193, 255, .25);
}
.kai-gen-orbit .kai-ring-a{ width:84px; height:84px; animation:kaiSpin 5s linear infinite; }
.kai-gen-orbit .kai-ring-b{ width:120px; height:120px; border-style:dashed; animation:kaiSpinReverse 8s linear infinite; }
.kai-gen-orbit .kai-ring-c{ width:156px; height:156px; border-color:rgba(255,255,255,.12); animation:kaiSpin 11s linear infinite; }
.kai-gen-orbit-pulse{
  width:56px;
  height:56px;
  background:rgba(127, 193, 255, .18);
  animation:kaiGenRipple 1.7s ease-out infinite;
}
.kai-gen-modal h3{
  margin:0;
  text-align:center;
  font-size:28px;
}
.kai-gen-modal p{
  margin:10px auto 0;
  max-width:560px;
  text-align:center;
  color:#aac5e8;
}
.kai-gen-progress{
  height:12px;
  margin:22px 0 18px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  overflow:hidden;
}
.kai-gen-progress-bar{
  width:6%;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg, #7ee7ff, #7ea2ff 48%, #ff7db4 100%);
  box-shadow:0 0 18px rgba(126,162,255,.4);
  transition:width .35s ease;
}
.kai-gen-steps{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:12px;
}
.kai-gen-step{
  padding:14px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
  color:#90a9c7;
  transition:transform .2s ease, border-color .2s ease, background .2s ease;
}
.kai-gen-step span{
  display:inline-flex;
  width:28px;
  height:28px;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  margin-bottom:10px;
  background:rgba(255,255,255,.08);
  color:#fff;
  font-weight:700;
}
.kai-gen-step strong{
  display:block;
  margin-bottom:6px;
  color:#fff;
}
.kai-gen-step small{
  display:block;
  line-height:1.45;
}
.kai-gen-step.is-active{
  border-color:rgba(123, 186, 255, .28);
  background:rgba(74,124,255,.08);
  color:#d4e6ff;
}
.kai-gen-step.is-current{
  transform:translateY(-2px);
  box-shadow:0 18px 36px rgba(0,0,0,.18);
}
.kai-gen-log{
  margin-top:16px;
  padding:14px 16px;
  border-radius:18px;
  background:rgba(0,0,0,.22);
  border:1px solid rgba(255,255,255,.06);
  color:#dbe9ff;
  font-size:13px;
}
.kai-simple-create.is-busy{
  opacity:.78;
  pointer-events:none;
}
@keyframes kaiGenPulse{
  0%,100%{ transform:scale(.95); box-shadow:0 0 26px rgba(120,180,255,.45); }
  50%{ transform:scale(1.08); box-shadow:0 0 42px rgba(120,180,255,.75); }
}
@keyframes kaiGenRipple{
  0%{ transform:scale(1); opacity:.65; }
  100%{ transform:scale(2.9); opacity:0; }
}
@keyframes kaiSpin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(360deg); }
}
@keyframes kaiSpinReverse{
  from{ transform:rotate(360deg); }
  to{ transform:rotate(0deg); }
}
@media (max-width: 840px){
  .kai-gen-modal-card{ padding:22px; border-radius:24px; }
  .kai-gen-steps{ grid-template-columns:1fr; }
  .kai-gen-modal h3{ font-size:23px; }
}

/* v56: studio user-only workspace, inline creating cards, and track menu */
.kai-simple-create.is-busy{
  opacity:.94;
  filter:saturate(1.08);
  box-shadow:0 18px 42px rgba(255,103,143,.24),0 0 0 1px rgba(255,255,255,.08) inset;
}
.kai-simple-create.is-busy span{
  animation:kaiBusySpin 1.1s linear infinite;
}
@keyframes kaiBusySpin{to{transform:rotate(360deg)}}

.kai-song-row-job{
  background:linear-gradient(180deg,rgba(24,82,145,.11),rgba(255,255,255,.02));
  border:1px solid rgba(112,175,255,.11);
  border-radius:24px;
  box-shadow:0 18px 42px rgba(0,0,0,.18);
}
.kai-song-row-job.is-creating{
  overflow:hidden;
}
.kai-song-row-job.is-creating::after{
  content:"";
  position:absolute;
  inset:-2px auto -2px -35%;
  width:42%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);
  transform:skewX(-18deg);
  animation:kaiRowSweep 2.8s ease-in-out infinite;
  pointer-events:none;
}
@keyframes kaiRowSweep{
  0%{transform:translateX(0) skewX(-18deg)}
  100%{transform:translateX(340%) skewX(-18deg)}
}
.kai-song-row-job.is-failed{
  background:linear-gradient(180deg,rgba(132,24,52,.16),rgba(255,255,255,.02));
  border-color:rgba(255,102,142,.18);
}
.kai-art-job{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.kai-job-orbit{
  position:absolute;
  inset:12px;
  display:grid;
  place-items:center;
}
.kai-job-orbit-core,
.kai-job-orbit-ring,
.kai-job-orbit-dots{
  position:absolute;
  border-radius:999px;
}
.kai-job-orbit-core{
  width:34px;
  height:34px;
  background:linear-gradient(135deg,rgba(128,202,255,.98),rgba(246,125,201,.92));
  box-shadow:0 0 0 8px rgba(124,170,255,.08),0 0 28px rgba(97,174,255,.35);
  animation:kaiOrbitPulse 1.8s ease-in-out infinite;
}
.kai-job-orbit-ring{
  inset:4px;
  border:1px solid rgba(184,220,255,.18);
}
.kai-job-orbit-ring.is-a{animation:kaiOrbitSpin 4.6s linear infinite}
.kai-job-orbit-ring.is-b{inset:-3px;border-color:rgba(184,220,255,.08);animation:kaiOrbitSpinReverse 6.4s linear infinite}
.kai-job-orbit-dots{
  inset:-4px;
  background:conic-gradient(from 0deg, transparent 0 50deg, rgba(255,255,255,.88) 50deg 64deg, transparent 64deg 180deg, rgba(124,192,255,.88) 180deg 196deg, transparent 196deg 360deg);
  mask:radial-gradient(circle at center, transparent 0 58%, #000 59% 63%, transparent 64% 100%);
  animation:kaiOrbitSpin 3.2s linear infinite;
  opacity:.8;
}
@keyframes kaiOrbitPulse{
  0%,100%{transform:scale(.96)}
  50%{transform:scale(1.08)}
}
@keyframes kaiOrbitSpin{to{transform:rotate(360deg)}}
@keyframes kaiOrbitSpinReverse{to{transform:rotate(-360deg)}}
.kai-song-stats-job span:first-child{
  color:#d4e9ff;
}
.kai-pill-status.is-live{
  background:rgba(98,178,255,.14);
  border:1px solid rgba(98,178,255,.24);
  color:#dff1ff;
}
.kai-pill-status.is-failed{
  background:rgba(255,97,145,.16);
  border:1px solid rgba(255,97,145,.26);
  color:#ffd5e1;
}
.kai-row-actions-job .kai-icon-btn.is-muted{
  opacity:.44;
  cursor:default;
}

.kai-song-menu{
  position:fixed;
  z-index:1400;
  display:flex;
  align-items:flex-start;
  gap:12px;
}
.kai-song-menu.kai-hidden{display:none}
.kai-song-menu-column,
.kai-song-menu-submenu{
  width:290px;
  padding:10px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,rgba(28,31,39,.98),rgba(19,22,30,.98));
  box-shadow:0 26px 64px rgba(0,0,0,.42);
  display:grid;
  gap:6px;
}
.kai-song-menu-item{
  width:100%;
  display:flex;
  align-items:center;
  gap:12px;
  min-height:52px;
  padding:12px 14px;
  border-radius:16px;
  border:0;
  background:transparent;
  color:#fff;
  text-decoration:none;
  cursor:pointer;
  text-align:left;
}
.kai-song-menu-item:hover,
.kai-song-menu-item.has-arrow.is-open{
  background:rgba(255,255,255,.06);
}
.kai-song-menu-item > span:first-child{
  display:inline-grid;
  place-items:center;
  width:20px;
  min-width:20px;
  color:#d9ebff;
}
.kai-song-menu-item strong{
  flex:1;
  font-size:15px;
  line-height:1.18;
  font-weight:700;
}
.kai-song-menu-item i{
  font-style:normal;
  color:rgba(255,255,255,.62);
}
.kai-song-menu-item.is-disabled,
.kai-song-menu-item[disabled],
.kai-song-menu-item.is-disabled:hover{
  opacity:.48;
  cursor:not-allowed;
  background:transparent;
}
.kai-menu-badge,
.kai-menu-pro{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:34px;
  padding:4px 9px;
  border-radius:999px;
  font-size:11px;
  font-weight:800;
}
.kai-menu-badge{background:#ff4ca6;color:#fff}
.kai-menu-pro{background:rgba(255,255,255,.08);color:#fff}
.kai-song-menu-detail{
  padding:12px 14px;
  border-radius:16px;
  background:rgba(255,255,255,.03);
}
.kai-song-menu-detail label{
  display:block;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:rgba(255,255,255,.52);
  margin-bottom:6px;
}
.kai-song-menu-detail strong,
.kai-song-menu-detail p{
  display:block;
  margin:0;
  color:#fff;
  line-height:1.45;
}
.kai-song-menu-detail p{
  color:#d8e8fb;
  font-size:13px;
}
.kai-song-menu-note{
  padding:12px 14px;
  color:rgba(255,255,255,.68);
  font-size:12px;
  line-height:1.45;
}
@media (max-width:1120px){
  .kai-song-menu{left:10px !important;right:10px;max-width:calc(100vw - 20px);flex-direction:column}
  .kai-song-menu-column,.kai-song-menu-submenu{width:min(100%, 320px)}
}
