/* V0.17: the same chat/task overview surrounds the detailed project work. */
.film-v17[data-intro=true] #film-loop>.workspace-label,.film-v17[data-intro=true] #film-loop>.workspace-left,.film-v17[data-intro=true] #film-loop>.workspace-coordinator,.film-v17[data-intro=true] #film-loop>.workspace-right,.film-v17[data-intro=true] #workspace-flow{opacity:0!important;visibility:hidden;pointer-events:none}
.film-v17[data-intro=true] .cycle-space{display:block}
.film-v17 .task-context-note{display:none}
.film-v17 .task-context .task-unit{height:65px;min-height:65px;padding:9px 13px;gap:10px}
.film-v17 .task-context .task-unit>i{width:11px;height:11px;background:none;border:1px solid #87a4bd;border-top-color:transparent;border-radius:50%;font-size:11px;line-height:11px;animation:indicator-spin .8s linear infinite}
.film-v17 .task-context .task-unit small{font-size:11px;margin:0 0 2px}
.film-v17 .task-context .task-unit strong{font-size:16px}
.film-v17 .task-context .task-unit-state{background:none;font-size:12px;padding:0}
.film-v17 .task-context .task-unit[data-state=done]>i{border:0;animation:none;color:#729863}
.film-v17 .artifact-grid{display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;padding:5px 3px;scrollbar-width:none;align-items:flex-start}
.film-v17 .artifact-grid::-webkit-scrollbar{display:none}
.film-v17 .artifact-unit{--tile-size:132px;flex:0 0 var(--tile-size);width:var(--tile-size);height:var(--tile-size);aspect-ratio:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:13px 12px 10px;gap:11px;border-radius:9px;background:#fffdf8;transform-origin:center;overflow:hidden}
.film-v17 .artifact-unit .artifact-icon{width:38px;height:43px;flex:0 0 43px;font-size:18px;border-radius:5px 8px 5px 5px;gap:0;display:flex;flex-direction:column;justify-content:center}
.film-v17 .artifact-icon span{display:block;line-height:20px;white-space:nowrap}
.film-v17 .artifact-icon small{font-size:8px;line-height:12px;margin:0;color:inherit;display:block}
.film-v17 .artifact-unit>div{flex:none;width:100%}
.film-v17 .artifact-unit b{font-size:12px;font-weight:500;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.film-v17 .artifact-unit>div>small{display:none}
.film-v17 .artifact-operation{font-size:10px;top:10px;right:10px}
.film-v17 .artifact-complete{right:10px;bottom:8px;font-size:10px}
.film-v17 .artifact-unit[data-type=SVG] .artifact-icon,.film-v17 .artifact-unit[data-type=MP4] .artifact-icon{background:#efeafa;color:#9585ae;border-color:#d5cce2}
.film-v17 .artifact-unit[data-type=CSV] .artifact-icon{background:#e8f1ea;color:#6a9a83;border-color:#b8d3c4}
.film-v17 .artifact-unit[data-state=waiting]{visibility:hidden}
.film-v17 .artifact-section>header{margin:0 0 11px}
.film-v17 .artifact-section>header strong{font-size:15px}
.film-v17 .artifact-section>header span{font-size:11px}
.film-v17 .task-transfer-source{height:58px;margin-top:3px;padding:10px 13px}
.film-v17 .publication-artifacts .artifact-unit,.film-v17 .release-artifacts .artifact-unit{--tile-size:116px}
.film-v17 .publication-artifacts{flex:0 0 126px}
.file-output-flight{position:absolute;left:0;top:0;width:90px;height:90px;padding:10px;border:1px solid #aec6b0;background:#fffef8;border-radius:8px;z-index:14;pointer-events:none;opacity:0;transform-origin:0 0;box-shadow:0 4px 15px #42624d19;color:#587651}
.file-output-flight>i{font-style:normal;width:31px;height:35px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #c7d9bf;border-radius:3px 6px 3px 3px;background:#eef4e8;font-size:17px}
.file-output-flight>i small{font-size:7px;line-height:11px}
.file-output-flight>b{display:block;font-weight:500;font-size:10px;line-height:1.5;margin-top:7px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.file-output-flight[data-type=HTML]>i,.file-output-flight[data-type=CSS]>i,.file-output-flight[data-type=JS]>i{color:#6c8aa4;background:#edf3fb;border-color:#c2d1df}
.file-output-flight[data-type=PNG]>i,.file-output-flight[data-type=SVG]>i,.file-output-flight[data-type=MP4]>i{background:#efeafa;color:#9585ae;border-color:#d5cce2}
.file-output-flight[data-type=ZIP]>i{background:#f5efe1;color:#a08d63;border-color:#dfd3ba}
@media(min-width:641px) and (max-width:1050px){.film-v17 .artifact-unit{--tile-size:116px}.film-v17 .artifact-unit b{font-size:11px}.film-v17 .publication-artifacts .artifact-unit,.film-v17 .release-artifacts .artifact-unit{--tile-size:104px}.film-v17 .task-context .task-unit strong{font-size:14px}}
@media(min-width:641px) and (max-height:820px){.film-v17 .artifact-unit{--tile-size:110px;padding:10px;gap:8px}.film-v17 .publication-artifacts .artifact-unit,.film-v17 .release-artifacts .artifact-unit{--tile-size:96px}.film-v17 .artifact-unit .artifact-icon{width:31px;height:36px;flex-basis:36px}.film-v17 .artifact-unit b{font-size:11px}.film-v17 .publication-artifacts{flex-basis:106px}.film-v17 .task-context .task-unit{height:58px;min-height:58px}.film-v17 .task-context .task-unit strong{font-size:14px}}
@media(max-width:640px){.film-v17[data-mode=opening],.film-v17[data-mode=story]{min-height:1460px}.film-v17 .artifact-unit{--tile-size:108px;padding:12px 10px;gap:9px}.film-v17 .artifact-grid{gap:11px}.film-v17 .publication-artifacts .artifact-unit,.film-v17 .release-artifacts .artifact-unit{--tile-size:100px}.film-v17 .artifact-unit b{font-size:11px}.film-v17 .artifact-unit .artifact-icon{width:31px;height:36px;flex-basis:36px}.film-v17 .artifact-section>header span{font-size:10px}.film-v17 .task-context .task-unit{height:58px;min-height:58px;padding:8px 11px}.film-v17 .task-context .task-unit strong{font-size:14px}.film-v17 .task-context .task-unit-state{font-size:10px}.film-v17 .publication-artifacts{flex-basis:110px}}
@media(prefers-reduced-motion:reduce){.film-v17 .task-context .task-unit>i{animation:none!important}}