.top-progress{position:sticky;top:10px;z-index:50;display:grid;grid-template-columns:auto minmax(180px,1fr) auto auto;align-items:center;gap:14px;margin:0 0 22px;padding:14px 18px;border:1px solid #cfdaeb;border-radius:16px;background:rgba(255,255,255,.96);box-shadow:0 12px 32px rgba(28,43,70,.16);backdrop-filter:blur(12px)}
.top-progress strong,.top-progress small{display:block}.top-progress small{margin-top:3px;color:#778296}.overall-track{height:12px;background:#e5ebf4;border-radius:99px;overflow:hidden}.overall-track>div{height:100%;width:0;background:linear-gradient(90deg,#2867d8,#65a0ff);border-radius:inherit;transition:width .4s ease}.top-progress>a{color:#2867d8;font-weight:850;text-decoration:none}.scene-editors{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.scene-card{min-width:0}.audio-upload{margin-top:18px;padding:16px;border:1px solid #d8e2f1;border-radius:14px;background:#f7faff}.audio-upload small{display:block;margin-top:7px;color:#768196}
@media(max-width:820px){.scene-editors{grid-template-columns:1fr}.top-progress{top:5px;grid-template-columns:1fr auto}.overall-track{grid-column:1/-1;grid-row:2}.top-progress>a{grid-column:1/-1}.cost-stats,.cost-controls{grid-template-columns:1fr}}

/* Kompakt, tam genişlikte ve çözünürlüğe duyarlı sahne yerleşimi */
.container{width:100%;max-width:none;padding:22px clamp(10px,1.5vw,26px) 56px}
.scene-editors{grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));align-items:start;gap:10px}
.scene-card{min-width:0;padding:12px;border-radius:14px}
.scene-card-head{margin-bottom:9px;gap:8px}
.scene-card h3{font-size:15px}.scene-card textarea{min-height:82px;padding:9px}.scene-card .field{margin-top:9px}
.uploads{gap:8px;margin-top:9px}.upload-card{min-height:154px;padding:9px;border-radius:12px}.upload-card img{height:88px;margin-bottom:6px}
.upload-title{font-size:11px;margin-bottom:5px}.upload-buttons{gap:5px;margin-top:6px;flex-wrap:wrap;justify-content:center}.upload-buttons button{padding:6px 8px;font-size:11px}
.generate-storyboard{margin-top:8px;padding:8px 10px}.scene-actions{margin-top:9px;gap:7px}.scene-actions button{padding:8px 10px}.scene-result{margin-top:9px;padding:9px}
.video-result-actions{gap:7px;align-items:center;flex-wrap:wrap}.view-generated-video{font-weight:800}
@media(max-width:820px){.scene-editors{grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr))}}
@media(max-width:520px){.container{padding:12px 8px 42px}.scene-editors{grid-template-columns:1fr}}