@media(min-width:1024px){
 .video-app{width:min(1440px,calc(100vw - 112px));padding:24px 0 48px}
 .hero{padding:0 0 18px}.hero>.eyebrow{display:none}.hero h1{font-size:34px;line-height:1.25}.hero p:last-child{font-size:14px;line-height:1.65;margin:10px 0 0;max-width:1040px}.back-link{margin-bottom:12px;font-size:13px}
 .workflow-tabs{gap:8px;margin-bottom:16px}.workflow-tab{min-height:40px;padding:9px 16px;font-size:13px;box-shadow:none}
 .panel{padding:22px;border-color:var(--border);box-shadow:0 4px 20px #0002}
 .eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:6px}h2{font-size:24px}
 .generator-intro{align-items:start;gap:24px}.generator-intro>div:first-child{max-width:75%}.generator-intro p:last-child{font-size:13px;line-height:1.7}.generator-flow{padding-top:5px}
 .generator-source-grid{grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:20px;align-items:stretch}
 .generator-source-field{display:flex;flex-direction:column;gap:10px;min-height:0;align-items:stretch}
 .generator-source-field textarea{flex:1;min-height:400px;height:100%;font-size:14px;line-height:1.8;font-weight:400;padding:14px 16px 30px;resize:vertical}
 .generator-settings{padding:16px;gap:12px}.generator-settings input,.generator-settings select{height:40px;min-width:0;font-size:13px;font-weight:400}
 .generator-settings textarea{font-size:13px;font-weight:400;line-height:1.7;min-height:80px}
 .generator-style-heading{flex-direction:column;gap:3px;align-items:start}.generator-style-heading small{text-align:left}
 .generator-style-presets{gap:6px}.generator-style-presets button{padding:7px 10px;min-height:30px;font-size:11px;line-height:1.3;white-space:nowrap;box-shadow:none}
 .generator-plan-head{align-items:start}.generator-plan-head h3{font-size:20px;line-height:1.4}.generator-plan-head p:last-child{font-size:12px;line-height:1.75}
 .generator-next-btn{min-height:42px}.generator-steps{padding:7px 10px}.generator-step{min-height:34px}
 .generator-characters{padding:16px;gap:12px;background:rgba(255,255,255,.025);border-color:var(--border)}
 .generator-characters-head{align-items:start;flex-wrap:wrap;gap:10px}.generator-characters-head .generator-character-actions{flex-wrap:wrap;gap:8px}
 .generator-character-actions button{font-size:12px;padding:8px 12px;min-height:34px;white-space:nowrap}
 .generator-character-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
 .generator-character-card{grid-template-columns:minmax(0,1fr);gap:10px;padding:12px}
 .generator-character-copy{gap:8px}.generator-character-copy textarea{height:72px;min-height:72px;font-size:12px;font-weight:400;line-height:1.6;padding:9px 11px}
 .generator-character-copy>button{min-height:30px;padding:6px 10px;font-size:11px}
 .generator-character-options{gap:10px}.generator-character-option{align-content:start;padding:7px;gap:5px}
 .generator-character-image{display:flex;align-items:center;justify-content:center;aspect-ratio:auto;height:180px;min-height:0}.generator-character-image img{width:100%;height:100%;max-height:100%;min-height:0;object-fit:contain}
 .generator-character-option small{font-size:11px}.generator-character-option em{font-size:10px}
 .generator-character-status,.generator-skip-note{font-size:11px;line-height:1.6}
}
@media(min-width:1024px) and (max-width:1199px){
 .generator-source-grid{grid-template-columns:minmax(0,1fr) minmax(340px,.9fr)}
 .generator-intro{flex-wrap:wrap}.generator-intro>div:first-child{max-width:100%}
 .generator-character-image{height:150px}
}

.character-preview-button{width:100%;padding:0;border:0;cursor:zoom-in;color:inherit}
.character-preview-button:disabled{cursor:default}
.character-select-button{border:1px solid #ffffff26;border-radius:6px;background:#ffffff0a;color:inherit;padding:5px 8px;cursor:pointer}
.character-select-button:disabled{cursor:default;opacity:.6}
.character-image-dialog{padding:40px 12px 12px;border:1px solid #ffffff30;border-radius:14px;background:#11182b;max-width:94vw;max-height:94dvh;box-shadow:0 20px 80px #0009}
.character-image-dialog::backdrop{background:#000c}
.character-image-dialog>img{display:block;max-width:88vw;max-height:calc(90dvh - 60px);width:auto;height:auto;object-fit:contain;margin:auto}
.character-image-close{position:absolute;top:5px;right:8px;width:32px;height:32px;border:0;border-radius:50%;background:#ffffff18;color:white;font-size:24px;cursor:pointer}