:root{color-scheme:dark;--bg: #0e0f13;--panel: #161821;--panel-2: #1d2030;--border: #2a2e42;--text: #e6e8ef;--text-dim: #9aa0b4;--accent: #7c9cff;--accent-2: #b58cff;--danger: #ff6b7a;--ok: #56d6a7;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans KR,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text)}.login-screen{min-height:100%;display:grid;place-items:center;padding:32px 20px;background:radial-gradient(circle at top,rgba(124,156,255,.2),transparent 32%),linear-gradient(180deg,#0b0d12,#121624)}.login-card{width:min(100%,420px);padding:28px;border:1px solid var(--border);border-radius:18px;background:#161821f5;box-shadow:0 20px 70px #00000059}.login-kicker{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;background:#7c9cff29;color:#c8d5ff;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.login-card h1{margin:14px 0 8px;font-size:28px}.login-copy{margin:0 0 18px;color:var(--text-dim);line-height:1.5}.login-form{display:grid;gap:10px}.login-submit{margin-top:8px;min-height:42px;border:1px solid rgba(124,156,255,.4);border-radius:10px;background:linear-gradient(135deg,#7c9cff4d,#b58cff47);color:var(--text);font-size:14px;font-weight:700;cursor:pointer}.login-submit:disabled{cursor:wait;opacity:.7}.login-help{margin-top:14px;color:var(--text-dim);font-size:12px;line-height:1.5}.top-menu-user{display:inline-flex;align-items:center;min-height:34px;padding:0 10px;border:1px solid var(--border);border-radius:8px;color:var(--text-dim);font-size:12px}.app-shell{height:200vh;display:flex;flex-direction:column;overflow:hidden}.top-menu{height:52px;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 18px;background:#11131b;border-bottom:1px solid var(--border)}.top-menu-brand{font-weight:700;font-size:14px;color:var(--text)}.top-menu-brand span{color:var(--accent-2)}.top-menu-actions{display:flex;gap:8px;align-items:center}.top-menu-actions button{background:transparent;border:1px solid var(--border);color:var(--text-dim);border-radius:8px;padding:8px 12px;font-size:13px;cursor:pointer}.top-menu-actions button.active{color:var(--text);border-color:var(--accent);background:#7c9cff1f}.app-shell-body{flex:1;min-height:0;overflow:hidden}.app-shell-body .app{height:100%}.app{display:grid;grid-template-columns:440px 1fr;gap:0;height:100vh;overflow:hidden}.sidebar{border-right:1px solid var(--border);background:var(--panel);overflow-y:auto;padding:20px}.sidebar h1{font-size:18px;margin:0 0 4px;letter-spacing:.5px}.sidebar h1 span{color:var(--accent-2)}.sidebar .subtitle{color:var(--text-dim);font-size:12px;margin-bottom:20px}.section{margin-bottom:16px;padding:12px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px}.section-title{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.section-title .hint{text-transform:none;letter-spacing:0;font-size:11px;color:var(--text-dim)}.section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px}.section-header .section-title{margin-bottom:0}.section-header-copy{flex:1 1 auto;min-width:0}.section-header-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.section-kicker{display:inline-flex;align-items:center;gap:6px;min-height:22px;padding:0 8px;border-radius:999px;background:#4fb99f1f;border:1px solid rgba(79,185,159,.28);color:#bde7db;font-size:11px;font-weight:700}.required-mark{display:inline-flex;align-items:center;min-height:18px;margin-left:6px;padding:0 6px;border-radius:999px;background:#f08a241f;border:1px solid rgba(240,138,36,.28);color:#f3b06a;font-size:10px;font-weight:700;vertical-align:middle}.help-note{margin:0 0 10px;padding:10px 12px;border-radius:8px;background:#4fb99f14;border:1px solid rgba(79,185,159,.18);color:var(--text-dim);font-size:12px;line-height:1.55}.field-help{margin-top:4px;font-size:11px;color:var(--text-dim);line-height:1.45}.workflow-list{display:grid;gap:6px;margin-top:8px}.workflow-item{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:start;font-size:12px;color:var(--text-dim);line-height:1.5}.workflow-item strong{color:var(--text)}.workflow-index{display:inline-flex;justify-content:center;align-items:center;width:20px;height:20px;border-radius:999px;background:#f08a2424;color:#f3b06a;font-size:11px;font-weight:700}.section-actions{display:flex;flex-wrap:wrap;gap:8px}.section-actions .btn{flex:0 0 auto}.action-group-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.action-group{display:grid;gap:8px;padding:10px;border-radius:8px;background:#ffffff08;border:1px solid var(--border)}.action-group-title{font-size:12px;font-weight:700;color:var(--text)}.action-group-note{font-size:11px;color:var(--text-dim);line-height:1.45}.stack-sm{display:grid;gap:6px}.row{display:flex;gap:8px;align-items:center}.row+.row{margin-top:6px}.row-gap-top{margin-top:10px}.inline-actions{display:flex;flex-wrap:wrap;gap:8px}.inline-actions .btn{flex:1 1 140px}label.field{display:block;font-size:12px;color:var(--text-dim);margin-bottom:4px}select,input[type=text],input[type=number],input[type=password],textarea{width:100%;background:#0f111a;color:var(--text);border:1px solid var(--border);border-radius:6px;padding:8px 10px;font-size:13px;font-family:inherit}textarea{min-height:60px;resize:vertical}select:focus,input:focus,textarea:focus{outline:none;border-color:var(--accent)}.spacer-sm{height:6px}.spacer-md{height:8px}.detail-text{font-size:11px;color:var(--text-dim)}.detail-gap-sm{margin-top:6px}.theme-summary{line-height:1.6}.combo-summary{line-height:1.6;padding:10px;border-radius:6px;background:#7c9cff14;border:1px solid rgba(124,156,255,.18)}.theme-summary strong{color:var(--text)}.preview-summary{line-height:1.5}.preview-list{display:grid;gap:8px}.preview-item{border:1px solid var(--border);background:#111420;border-radius:8px;padding:9px 10px}.preview-item-raw{font-size:10px;color:var(--text-dim)}.preview-item-arrow{font-size:11px;color:var(--accent);margin:4px 0}.preview-item-suno{font-size:12px;color:var(--text);line-height:1.45}.checkbox-input{width:16px;height:16px}.button-row{display:flex;flex-wrap:wrap;gap:8px}.button-row .btn{flex:1 1 150px}.app-v3{grid-template-columns:460px 1fr}.v3-sidebar textarea{min-height:86px}.v3-main{min-width:0;overflow:auto;background:#0e0f13;padding:20px}.v3-status-band{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border);padding-bottom:18px}.v3-status-band h2{margin:0;font-size:24px;letter-spacing:0}.v3-status-grid{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:520px}.badge.badge-ok{color:var(--ok);border-color:#56d6a773;background:#56d6a714}.badge.badge-warn{color:#ffd166;border-color:#ffd16673;background:#ffd16614}.v3-workspace{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(420px,1.1fr);gap:16px;padding-top:20px}.v3-panel{min-width:0;border:1px solid var(--border);background:var(--panel);border-radius:8px;padding:14px}.v3-lyrics{min-height:620px;line-height:1.5}.v3-log{min-height:620px;white-space:pre-wrap}.v3-command{margin:8px 0 0;padding:10px;overflow-x:auto;border:1px solid var(--border);border-radius:6px;background:#0f111a;color:var(--text);font-size:11px;line-height:1.45;white-space:pre-wrap}.app-gif-maker{grid-template-columns:360px 1fr}.gif-main{min-width:0;overflow:auto;padding:20px}.gif-summary{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.gif-preview-band{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(380px,1.15fr);gap:16px}.gif-preview-panel{min-width:0;border:1px solid var(--border);background:var(--panel);border-radius:8px;padding:14px}.gif-checkerboard{display:grid;place-items:center;min-height:280px;border:1px solid var(--border);border-radius:8px;background-color:#fff;background-image:linear-gradient(45deg,#d8d8d8 25%,transparent 25%),linear-gradient(-45deg,#d8d8d8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d8d8d8 75%),linear-gradient(-45deg,transparent 75%,#d8d8d8 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;overflow:hidden}.gif-result-image,.gif-image-card img{display:block;max-width:100%;max-height:520px}.gif-image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.gif-image-card{min-width:0;border:1px solid var(--border);border-radius:8px;background:#10131a;overflow:hidden}.gif-image-card .gif-checkerboard{min-height:170px;border:0;border-bottom:1px solid var(--border);border-radius:0}.gif-image-meta{display:grid;gap:4px;padding:10px}.gif-image-meta strong,.gif-image-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gif-image-meta strong{font-size:12px;color:var(--text)}.gif-image-meta span{font-size:11px;color:var(--text-dim)}.gif-empty{padding:20px;color:#5b6272;font-size:13px;text-align:center}.gif-download-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.checkbox-label{font-size:12px;color:var(--text-dim)}.recommend-list{display:grid;grid-template-columns:1fr;gap:8px}.recommend-chip{width:100%;text-align:left;border:1px solid var(--border);background:#111420;color:var(--text);border-radius:8px;padding:10px;cursor:pointer}.recommend-chip:hover{border-color:var(--accent)}.recommend-chip.active{border-color:var(--accent);background:#7c9cff1f}.recommend-chip-label{display:block;font-size:12px;margin-bottom:3px}.recommend-chip-id{display:block;font-size:10px;color:var(--text-dim)}.warn-list{display:grid;gap:8px}.warn.compact{margin-bottom:0}.warn-badge-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.warn-badge{display:inline-block;padding:4px 8px;border-radius:999px;border:1px solid rgba(255,107,122,.45);background:#ff6b7a1f;color:#ffb8bf;font-size:11px}.btn{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#0b0d14;border:none;border-radius:8px;padding:10px 14px;font-weight:600;font-size:13px;cursor:pointer;width:100%;letter-spacing:.3px}.btn:hover{filter:brightness(1.08)}.btn:disabled{cursor:not-allowed;opacity:.65;filter:none}.btn.secondary{background:transparent;color:var(--text);border:1px solid var(--border);font-weight:500}.compact-btn{margin-top:8px;padding:8px 10px;font-size:12px}.field-label-row{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:4px}.field-label-row .field{margin-bottom:0;flex:1}.field-label-row .btn{flex-shrink:0;white-space:nowrap;margin-top:0;width:auto;padding:5px 10px;font-size:11px}.main{display:flex;flex-direction:column;overflow:hidden}.tabs{display:flex;border-bottom:1px solid var(--border);background:var(--panel);padding:0 16px}.tabs button{background:none;border:none;color:var(--text-dim);padding:12px 16px;font-size:13px;cursor:pointer;border-bottom:2px solid transparent}.content{flex:1;overflow:auto;padding:20px;background:var(--bg)}.result-panel{margin-bottom:16px;padding:12px;background:var(--panel);border:1px solid var(--border);border-radius:8px}.output{background:#0a0b10;border:1px solid var(--border);border-radius:8px;padding:16px;font-family:JetBrains Mono,ui-monospace,SF Mono,Consolas,monospace;font-size:12.5px;line-height:1.55;white-space:pre-wrap;word-break:break-word;color:#cfd3e2}.output-compact{margin:0;max-height:280px;overflow:auto}.output-json{margin-top:8px}.result-debug-details{margin-top:12px}.result-debug-details summary{cursor:pointer;color:var(--text-dim);font-size:12px}.result-card{display:grid;gap:16px}.result-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:14px;border:1px solid var(--border);border-radius:8px;background:var(--panel)}.result-header h2{margin:4px 0 0;font-size:22px}.result-header .btn{width:auto;min-width:140px}.result-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.result-actions .btn{min-width:130px}.v2-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.v2-grid-small{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.kie-audio-grid{display:grid;gap:10px}.kie-audio-card{display:grid;grid-template-columns:18px 72px minmax(0,1fr);align-items:center;gap:12px;padding:12px;border:1px solid var(--border);border-radius:12px;background:#ffffff05;cursor:pointer;transition:border-color .12s ease,background .12s ease,transform .12s ease,box-shadow .12s ease}.kie-audio-card:hover{border-color:#7c9cff66;transform:translateY(-1px)}.kie-audio-card.is-selected{border-color:#7c9cffcc;background:#7c9cff1a;box-shadow:0 10px 24px #0a0e1c2e}.kie-audio-card input{width:16px;height:16px;margin:0;accent-color:var(--accent)}.kie-audio-thumb-wrap{width:72px;height:72px}.kie-audio-thumb{width:72px;height:72px;object-fit:cover;border-radius:10px;display:block;border:1px solid rgba(255,255,255,.08);background:#ffffff0a}.kie-audio-thumb-fallback{display:grid;place-items:center;font-size:22px;font-weight:700;color:var(--text);background:linear-gradient(135deg,#7c9cff38,#5ddfb32e)}.kie-audio-meta{min-width:0;display:grid;gap:6px}.kie-audio-topline{display:flex;align-items:center;justify-content:space-between;gap:10px}.kie-audio-topline strong{min-width:0;font-size:14px;color:var(--text)}.kie-audio-badge{flex:0 0 auto;padding:4px 8px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:var(--text);font-size:12px}.kie-audio-subline,.kie-audio-id{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kie-audio-subline{font-size:12px;color:var(--text-dim)}.kie-audio-id{font-size:11px;color:#ffffff80}.kie-audio-preview{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.kie-audio-preview-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px;color:var(--text)}@media (max-width: 720px){.kie-audio-card{grid-template-columns:18px 56px minmax(0,1fr);gap:10px}.kie-audio-thumb-wrap,.kie-audio-thumb{width:56px;height:56px}.kie-audio-topline{align-items:flex-start;flex-direction:column}}.v2-field{padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--panel);min-width:0}.v2-field-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.v2-field h3{margin:0 0 8px;font-size:13px;color:var(--text)}.v2-field-head h3{margin:0}.v2-field-head .btn{width:auto;padding:7px 10px}.v2-options{display:flex;flex-wrap:wrap;gap:8px}.v2-options span{padding:8px 10px;border-radius:999px;background:#7c9cff1a;border:1px solid rgba(124,156,255,.2);color:var(--text);font-size:12px}.v2-chip-list{display:grid;gap:6px;margin-top:8px}.v2-chip{width:100%;border:1px solid var(--border);border-radius:8px;background:#ffffff08;color:var(--text-dim);font:inherit;font-size:12px;line-height:1.45;text-align:left;padding:8px 10px;cursor:pointer}.v2-chip:hover{border-color:#f18c0c8c;color:var(--text)}.v2-chip-strong{border-color:#f18c0c66;color:var(--accent)}.suno-header-summary{margin-top:8px;margin-bottom:10px;display:grid;gap:6px}.suno-header-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12px;color:var(--text-dim)}.suno-header-raw,.suno-header-next{font-family:JetBrains Mono,ui-monospace,SF Mono,Consolas,monospace;color:var(--text)}.suno-header-arrow{color:var(--accent)}.output .header-line{color:var(--accent-2);font-weight:600}.output .block-title{color:var(--accent);font-weight:600}.toolbar{display:flex;gap:8px;margin-bottom:12px;align-items:center}.toolbar-compact{margin-top:10px;margin-bottom:10px}.toolbar-compact .btn{width:auto}.toolbar .meta{margin-left:auto;color:var(--text-dim);font-size:12px}.badge{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--panel-2);border:1px solid var(--border);color:var(--text-dim);font-size:11px;margin-right:6px}.result-meta-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.warn{background:#ff6b7a1a;border:1px solid rgba(255,107,122,.4);color:#ffb8bf;padding:10px 12px;border-radius:6px;font-size:12px;margin-bottom:12px}.ok{background:#56d6a71a;border:1px solid rgba(86,214,167,.4);color:#9cecc9;padding:10px 12px;border-radius:6px;font-size:12px;margin-bottom:12px}.empty{color:var(--text-dim);text-align:center;padding:60px 20px;font-size:13px}.upload-tool{display:grid;grid-template-columns:380px minmax(0,1fr);height:100%;min-height:0;overflow:hidden}.upload-sidebar{border-right:1px solid var(--border);background:var(--panel);overflow-y:auto;padding:20px}.upload-sidebar h1{font-size:18px;margin:0 0 4px}.upload-sidebar h1 span{color:var(--accent-2)}.upload-sidebar .subtitle{color:var(--text-dim);font-size:12px;line-height:1.5;margin-bottom:20px}.sr-only-file{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.file-picker{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:42px;padding:9px 10px;background:#0f111a;color:var(--text);border:1px dashed var(--border);border-radius:8px;cursor:pointer}.file-picker:hover{border-color:var(--accent);background:#7c9cff14}.file-picker span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--text-dim)}.file-picker strong{flex:0 0 auto;font-size:12px;color:var(--text);font-weight:600}.upload-sidebar .row>div{min-width:0;flex:1}.upload-audio{width:100%;margin-top:10px}.upload-main{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:var(--bg)}.upload-editor-band{flex:0 0 300px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:16px;border-bottom:1px solid var(--border);background:#10121a;overflow:auto}.upload-panel{min-width:0}.upload-panel .btn{margin-top:8px;width:auto}.translation-controls{margin-top:10px}.button-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.button-row .btn{flex:0 0 auto}.raw-lyrics-input{min-height:92px}.timeline-toolbar{flex:0 0 auto;display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border)}.timeline-toolbar .btn,.export-area .toolbar .btn{width:auto;padding:8px 10px}.timeline-table-wrap{flex:1 1 210px;min-height:160px;overflow:auto;border-bottom:1px solid var(--border)}.timeline-table{width:100%;border-collapse:collapse;min-width:980px}.timeline-table th,.timeline-table td{border-bottom:1px solid var(--border);padding:8px;vertical-align:top}.timeline-table th{position:sticky;top:0;z-index:1;background:var(--panel);color:var(--text-dim);font-size:11px;text-align:left;text-transform:uppercase;letter-spacing:.8px}.timeline-table tr{cursor:pointer}.timeline-table tr.selected{background:#7c9cff14}.timeline-table input[type=text],.timeline-table input[type=number],.timeline-table textarea{font-size:12px;padding:6px 8px}.timeline-table textarea{min-height:52px}.timeline-table td:nth-child(1){width:52px}.timeline-table td:nth-child(2){width:150px}.timeline-table td:nth-child(3),.timeline-table td:nth-child(4){width:110px}.export-area{flex:0 0 260px;min-height:220px;display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.visual-gif-panel{flex:0 0 330px;min-height:260px;overflow:auto;border-bottom:1px solid var(--border);padding:14px 16px;background:#0f1118}.visual-gif-settings{display:grid;grid-template-columns:120px minmax(260px,1fr) auto;gap:12px;align-items:end}.visual-buttons{margin-top:0;justify-content:flex-end}.visual-buttons .button-row{margin-top:0}.visual-add-stack{display:grid;gap:8px;flex:0 0 auto}.visual-add-stack .btn{width:100%}.visual-gif-checkbox{display:flex;align-items:center;gap:8px;min-height:36px;color:var(--text);font-size:13px}.visual-gif-checkbox input,.visual-frame-check input{width:16px;height:16px;margin:0;accent-color:var(--accent)}.visual-gif-note{color:var(--text-dim);font-size:12px}.visual-upload-btn{cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.visual-mp4-row{margin-top:10px;display:flex;flex-wrap:wrap;align-items:center;gap:12px}.visual-mp4-label{display:inline-flex;align-items:center;gap:6px;color:var(--text);font-size:13px}.visual-mp4-label input{width:72px}.visual-frame-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:12px}.visual-frame-card{border:1px solid var(--border);border-radius:8px;overflow:hidden;background:#10131d}.visual-frame-card img,.visual-frame-placeholder{width:100%;aspect-ratio:16 / 9;display:block;object-fit:cover;background:#090b10}.visual-frame-placeholder{display:grid;place-items:center;color:var(--text-dim);font-size:12px}.visual-frame-check{display:flex;align-items:center;gap:8px;padding:8px 10px;border-top:1px solid var(--border);color:var(--text-dim);font-size:12px}.image-studio-app{grid-template-columns:430px 1fr}.image-studio-sidebar{padding-bottom:48px}.image-studio-main{overflow-y:auto;padding:20px;background:var(--bg)}.image-studio-preview-section{margin-bottom:16px}.image-studio-inline-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.image-studio-direction{white-space:pre-wrap;margin:0}.image-studio-check-grid{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.image-studio-check-item{padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:#ffffff05}.image-studio-reference-card{margin-top:12px;display:grid;grid-template-columns:96px 1fr;gap:12px;align-items:center}.image-studio-reference-card img{width:96px;height:96px;object-fit:cover;border-radius:10px;border:1px solid var(--border);background:#090b10}.image-studio-reference-name{margin-bottom:8px;font-size:13px;color:var(--text);word-break:break-word}.image-studio-reference-badge{display:inline-flex;align-items:center;gap:4px;margin-bottom:8px;padding:4px 8px;border-radius:999px;background:#58c4ff24;color:#8ad8ff;font-size:11px;font-weight:700}.image-studio-reference-mode-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.image-studio-reference-picker{display:flex;gap:8px;overflow-x:auto;margin-top:12px;padding-bottom:4px}.image-studio-reference-thumb{display:flex;flex-direction:column;gap:6px;min-width:88px;padding:6px;border:1px solid var(--border);border-radius:10px;background:#ffffff05;color:var(--text-dim)}.image-studio-reference-thumb.active{border-color:#8ad8ff;box-shadow:inset 0 0 0 1px #8ad8ff73;color:#8ad8ff}.image-studio-reference-thumb img{width:74px;height:74px;object-fit:cover;border-radius:8px}.image-studio-reference-thumb span{font-size:11px;white-space:nowrap}.image-studio-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.image-studio-chip-item{display:inline-flex;align-items:center;gap:6px}.image-studio-custom-chip-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:10px}.image-studio-chip-tools-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.image-studio-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.image-studio-empty{min-height:240px;border-radius:10px;border:1px dashed var(--border)}.image-studio-frame-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;border-top:1px solid var(--border)}.image-studio-frame-actions{display:flex;align-items:center;gap:8px}.image-studio-frame-title{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-dim)}.image-studio-frame-prompt{margin:0;border-top:1px solid var(--border);border-radius:0;max-height:180px}@media (max-width: 1080px){.image-studio-app{grid-template-columns:1fr}.image-studio-main{padding:16px}}.visual-frame-card textarea{min-height:86px;border:0;border-top:1px solid var(--border);border-radius:0}.visual-frame-actions{display:none;padding:10px;border-top:1px solid var(--border)}.visual-frame-actions .btn{width:100%}.visual-slideshow{position:relative;width:min(520px,100%);aspect-ratio:16 / 9;margin-top:12px;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:#05060a}.visual-slideshow img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;animation:visualSlideshow calc(var(--frame-count) * 1.2s) infinite;animation-delay:calc(var(--frame-index) * 1.2s)}@keyframes visualSlideshow{0%{opacity:0;transform:scale(1)}7%{opacity:1;transform:scale(1.005)}28%{opacity:1;transform:scale(1.012)}35%{opacity:0;transform:scale(1.015)}to{opacity:0;transform:scale(1.015)}}.export-tabs{flex:0 0 auto;overflow-x:auto}.export-area .toolbar{flex:0 0 auto;padding:12px 16px 0}.export-output{flex:1;min-height:0;margin:12px 16px 16px;overflow:auto}@media (max-width: 900px){.top-menu{height:auto;align-items:flex-start;flex-direction:column;padding:10px 12px}.top-menu-actions{width:100%;overflow-x:auto}.upload-tool,.app{grid-template-columns:1fr}.upload-sidebar,.sidebar{max-height:42vh;border-right:none;border-bottom:1px solid var(--border)}.upload-editor-band,.visual-gif-settings{grid-template-columns:1fr}.section-header{flex-direction:column}.section-header-actions{width:100%;justify-content:flex-start}}:root{--bg: #10110f;--panel: #181916;--panel-2: #20211d;--border: #35372f;--text: #f2f1ea;--text-dim: #aaa89d;--accent: #f08a24;--accent-2: #4fb99f;--danger: #ff6b7a;--ok: #56d6a7;--input-bg: #0d0e0c;--panel-soft: #141511;--shadow: 0 16px 44px rgba(0, 0, 0, .24)}body{background:radial-gradient(circle at top left,rgba(79,185,159,.08),transparent 34rem),linear-gradient(180deg,#12130f 0%,var(--bg) 100%)}html,body,#root{height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto}#root{min-height:100dvh}.app-shell{min-height:100dvh;height:auto;overflow:visible}.app-shell-body{min-height:calc(100dvh - 58px);overflow:visible}.top-menu{height:58px;padding:0 20px;background:#11120ff5;border-bottom:1px solid rgba(242,241,234,.08)}.top-menu-brand,.sidebar h1,.upload-sidebar h1,.section-title,.btn,.timeline-table th{letter-spacing:0}.top-menu-brand{font-size:15px}.top-menu-brand span,.sidebar h1 span,.upload-sidebar h1 span{color:var(--accent-2)}.top-menu-actions{gap:4px;padding:4px;background:#0c0d0b;border:1px solid var(--border);border-radius:8px}.top-menu-actions button{min-height:36px;border:0;border-radius:6px;padding:8px 14px;color:var(--text-dim)}.top-menu-actions button:hover{color:var(--text);background:#ffffff0a}.top-menu-actions button.active{color:#14110b;background:var(--accent);border-color:transparent}.app,.upload-tool{min-height:calc(100dvh - 58px);height:auto;background:transparent}.app{min-height:calc(100dvh - 58px)}.upload-tool{align-items:start;min-height:0}.app{grid-template-columns:minmax(340px,420px) minmax(0,1fr)}.sidebar,.upload-sidebar{background:linear-gradient(180deg,#181916,#141511);border-right:1px solid rgba(242,241,234,.08);padding:18px}.sidebar .subtitle,.upload-sidebar .subtitle{line-height:1.55;margin-bottom:18px}.section,.result-panel,.upload-panel,.timeline-toolbar,.timeline-table-wrap,.visual-gif-panel,.export-area{background:var(--panel);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow)}.section{padding:14px}.section-title{color:#d8d2c2;font-size:12px;text-transform:none;margin-bottom:10px}select,input[type=text],input[type=number],input[type=password],textarea{min-height:38px;background:var(--input-bg);border-color:#3b3d34;border-radius:7px;color:var(--text)}select:focus,input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #f08a2424}.btn{min-height:40px;background:var(--accent);color:#15120c;border-radius:7px;box-shadow:none}.btn:hover{filter:brightness(1.04)}.btn.secondary{background:#24251f;color:var(--text);border-color:#424438}.btn.secondary:hover{border-color:var(--accent-2);background:#292b24}.file-picker{min-height:46px;background:var(--input-bg);border-color:#484a3e}.file-picker:hover{border-color:var(--accent-2);background:#4fb99f14}.combo-summary,.recommend-chip.active,.timeline-table tr.selected{background:#4fb99f1a;border-color:#4fb99f57}.preview-item,.recommend-chip,.visual-frame-card{background:#141611}.content{padding:18px;background:transparent}.tabs{background:var(--panel-soft);border-bottom-color:var(--border)}.tabs button{min-height:42px}.tabs button.active{color:var(--text);border-bottom-color:var(--accent)}.output{background:#0b0c0a;color:#e3dfd2}.upload-tool{grid-template-columns:minmax(330px,380px) minmax(0,1fr)}.upload-main{display:block;width:100%;min-width:0;min-height:0;overflow:auto;padding:18px 18px 0;background:transparent}.upload-editor-band{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:14px;padding:0;margin-bottom:14px;border:0;background:transparent;overflow:visible}.upload-panel{min-width:0;padding:14px}.raw-lyrics-input{min-height:150px}.translation-controls{padding-top:10px;border-top:1px solid var(--border)}.button-row,.toolbar{gap:8px}.timeline-toolbar{margin-bottom:14px;padding:12px 14px;border-bottom:1px solid var(--border)}.timeline-toolbar .btn,.export-area .toolbar .btn{min-height:36px}.badge{padding:4px 9px;background:#24251f;border-color:#424438;color:#d2ccbd}.timeline-table-wrap{max-height:42vh;min-height:280px;margin-bottom:14px;overflow:auto;border-bottom:0}.timeline-table th{background:#20211d;color:#c4bdad;text-transform:none}.timeline-table td{background:#ffffff03}.timeline-table tr:hover td{background:#ffffff08}.timeline-table tr.selected td{background:#4fb99f1a}.visual-gif-panel{flex:0 0 auto;min-height:0;margin-bottom:14px;padding:14px;overflow:hidden;border-bottom:1px solid var(--border)}.visual-gif-panel:after{content:"";display:block;clear:both}.visual-gif-settings{grid-template-columns:minmax(120px,160px) minmax(260px,1fr) minmax(280px,auto);align-items:end}.visual-buttons{align-items:end;justify-content:flex-end}.visual-frame-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;min-height:0}.visual-frame-card{border-radius:8px}.visual-frame-card img,.visual-frame-placeholder{background:#080906}.visual-slideshow{width:min(560px,100%);background:#080906}.visual-mp4-log{margin-top:10px;border:1px solid #35372f;border-radius:8px;background:#0b0c0a;overflow:hidden}.visual-mp4-log-title{padding:8px 10px;border-bottom:1px solid #35372f;color:#d8d2c2;font-size:12px;font-weight:700}.visual-mp4-log pre{max-height:180px;margin:0;padding:10px;overflow:auto;color:#cfc9bb;font-size:11px;line-height:1.45;white-space:pre-wrap}.export-area{position:relative;z-index:0;min-height:360px;display:flex;flex-direction:column;overflow:hidden;background:var(--panel)}.export-tabs{background:#141511}.export-area .toolbar{flex-wrap:wrap;padding:12px 14px 0}.export-output{margin:12px 14px 14px;min-height:220px}@media (max-width: 1100px){.upload-tool{grid-template-columns:minmax(300px,340px) minmax(0,1fr)}.upload-editor-band,.visual-gif-settings{grid-template-columns:1fr}.visual-buttons{justify-content:flex-start}}@media (max-width: 900px){html,body,#root{height:auto;min-height:100%;overflow:auto}.app-shell{overflow:auto}.top-menu{height:auto;padding:10px 12px}.top-menu-actions{width:100%}.top-menu-actions button{flex:1 0 auto}.app,.upload-tool{height:auto;min-height:100%;grid-template-columns:1fr;overflow:visible}.sidebar,.upload-sidebar{max-height:none;border-right:0;border-bottom:1px solid var(--border)}.upload-main,.content{overflow:visible;padding:12px}.timeline-table-wrap{max-height:420px}}