#s-film.film-screen{width:100%;max-width:none}.film-screen .film-workspace{display:block}.film-screen .film-compose{position:static;width:100%;box-sizing:border-box;padding:clamp(18px,2vw,32px)}.film-screen .film-compose h2{font-size:clamp(22px,2.3vw,32px)}.film-screen #filmStory{min-height:210px;max-height:65vh;resize:vertical;font-size:16px;line-height:1.7}.film-screen .film-row{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:start;gap:24px}.film-screen .film-row>div:first-child{width:auto}.film-screen #filmGenerate{width:auto;min-width:220px;min-height:44px}.film-screen .film-result{margin-top:22px;padding:clamp(18px,2vw,32px)}.film-screen #filmShots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.film-screen .film-shot{min-width:0;margin:0}.film-screen .film-shot textarea{min-height:110px}.film-production{border-top:1px solid var(--line);padding-top:24px;margin-top:28px}.film-pipeline-models{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.film-pipeline-model{min-width:0;border:1px solid var(--line);border-radius:14px;padding:16px;background:var(--panel)}.film-pipeline-model>label,.film-pipeline-model>strong{display:block;font-weight:600;margin:0 0 14px}.film-pipeline-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.film-pipeline-actions .btn{width:auto;min-height:44px}.film-pipeline-message{padding:14px 0;line-height:1.7;color:var(--muted);white-space:pre-wrap}.film-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.film-preview-grid article{min-width:0;padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:14px}.film-preview-grid img,.film-preview-grid video{display:block;width:100%;max-height:300px;object-fit:contain;margin:10px 0;border-radius:10px}.film-preview-grid h4{margin:0}.film-preview-grid a{display:inline-block;padding:12px}.film-screen .provider-picker-trigger{min-width:0}@media(max-width:1100px){.film-pipeline-models,.film-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.film-screen .film-row,.film-screen #filmShots,.film-pipeline-models,.film-preview-grid{grid-template-columns:1fr}.film-screen .film-row{gap:16px}.film-screen .film-compose,.film-screen .film-result{padding:16px}.film-pipeline-actions .btn{width:100%}.film-screen #filmGenerate{width:100%}}
