#app .film-workflow { background:linear-gradient(125deg,#163b47,#0c192c);color:#edf7f8;padding:clamp(16px,3vw,32px);border:1px solid #47747c;border-radius:10px; }
.film-workflow header,.film-step summary { display:flex;align-items:center;justify-content:space-between;gap:14px; }
#app .film-workflow h2 { margin:0;color:#effafa;font-size:1.45rem; }
.film-workflow label { display:grid;gap:6px;color:#d6e9eb;font-size:.9rem; }
.film-project { margin:18px 0 8px;max-width:44rem; }
#app .film-workflow :is(input,select,textarea) { box-sizing:border-box;width:100%;min-width:0;background:#122a39;color:#fff;border:1px solid #587c84;border-radius:5px;padding:8px; }
.film-count,.film-step p { color:#c0d7dc; }
.film-step { border-top:1px solid #42616b; }
.film-step summary { cursor:pointer;padding:13px 4px; }
.film-step summary strong::before { content:'▸';color:#84d8d1;display:inline-block;width:1.4em; }
.film-step[open] summary strong::before { content:'▾'; }
.film-step summary span { color:#96e6da;font-variant-numeric:tabular-nums; }
.film-step p { margin:4px 0 10px; }
.film-step fieldset { display:grid;gap:12px;border:0;padding:0;margin:14px 0;max-width:48rem; }
#app .film-completed {display:flex;align-items:center;gap:8px;width:fit-content;}
#app .film-completed input {width:1rem;height:1rem;accent-color:#69cbbd;}
.film-step button { justify-self:start; }
#app .film-workflow a { color:#9fe7e4;text-decoration:underline; }
.film-message { display:inline-block;margin:2px 10px 8px; }
.film-add {display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:12px 0}.film-add label{flex:1 1 12rem}.film-workflow p[role=status]:empty{margin:0}.film-step>button{margin:0 12px 12px 0}