/* Files belong to a task; the browser is an external destination. */
.film-v18 .project-task-card{min-width:0;background:#f5f8fc;border:1px solid #b8cbdc;border-left:3px solid #7da2c5;border-radius:11px;box-shadow:0 10px 28px #4261790a;padding:18px;display:flex;flex-direction:column;gap:15px}
.film-v18 .project-task-card .task-context .task-unit{background:none;border:0;box-shadow:none;padding:0;height:52px;min-height:52px}
.film-v18 .project-task-card .task-context .task-unit strong{font-size:19px}
.film-v18 .project-task-meta{display:flex;justify-content:space-between;gap:10px;color:#8297ab;font-size:12px;border-bottom:1px solid #d7e2eb;padding:0 0 12px}
.film-v18 .project-task-card .artifact-section>header{margin:0 0 10px}
.film-v18 .artifact-section>header strong,.film-v18 .task-files-label{font-size:13px;font-weight:400;color:#7d93a6}
.film-v18 .artifact-section>header span{display:none}
.film-v18 .project-task-card .artifact-grid{margin:0;flex:none;padding:3px}
.film-v18 .project-task-card .task-transfer-source{background:#ebf1f7;border-color:#d6e2ed;margin:0;height:53px;flex-shrink:0}
.film-v18 .release-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-content:center;align-items:center;gap:24px}
.film-v18 .release-pool{padding:18px;min-width:0;background:#fffef9}
.film-v18 .release-pool>header{display:block;margin-bottom:17px}
.film-v18 .release-pool>header strong{font-size:18px;display:block}
.film-v18 .release-pool>header span{font-size:11px;display:block;margin-top:6px}
.film-v18 .release-pool-list{display:flex;flex-direction:column;gap:10px}
.film-v18 .release-pool .task-mini{flex-direction:row;align-items:center;min-height:68px;padding:10px;gap:10px}
.film-v18 .release-pool .task-mini>i{display:grid;width:23px;height:23px;font-size:11px;color:#7d97ae;border:1px solid #cbd9e7;background:#fffdf8;flex-shrink:0;border-radius:50%}
.film-v18 .release-pool .task-mini strong{font-size:14px}
.film-v18 .release-pool .task-mini small{font-size:10px;margin-bottom:3px}
.film-v18 .release-pool .task-mini .task-unit-state{position:static;padding:0;font-size:10px}
.film-v18 .release-pool footer{gap:8px;font-size:11px}
.film-v18 .release-pool footer b{white-space:nowrap;font-size:10px}
.release-task-flight{position:absolute;left:0;top:0;padding:11px 15px;display:flex;gap:10px;align-items:center;width:210px;border:1px solid #91b0cd;border-left:3px solid #739abf;border-radius:8px;background:#eff5fb;color:#537998;opacity:0;z-index:15;pointer-events:none;transform-origin:0 0;box-shadow:0 5px 19px #42627e20}
.release-task-flight>i{font-style:normal;font-size:22px}.release-task-flight small{display:block;font-size:10px;margin-bottom:5px}.release-task-flight b{font-size:14px;font-weight:500}
.film-v18 .publish-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:25px;align-items:center;align-content:center}
.film-v18 .publish-layout .project-task-card{padding:15px;gap:10px}
.film-v18 .publish-layout .task-context .task-unit{height:48px;min-height:48px;gap:7px}
.film-v18 .publish-layout .task-context .task-unit strong{font-size:16px}
.film-v18 .publish-layout .task-unit-state{font-size:10px}
.film-v18 .publish-layout .project-task-meta{font-size:10px;padding-bottom:9px}
.film-v18 .publish-layout .task-files-label{font-size:11px}
.film-v18 .publication-artifacts{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;overflow:visible}
.film-v18 .publication-artifacts .artifact-unit{--tile-size:94px;padding:10px;gap:6px;max-width:100%}
.film-v18 .publication-artifacts .artifact-unit b{font-size:10px;line-height:1.45}
.film-v18 .publication-artifacts .artifact-icon{width:29px;height:32px;flex-basis:32px}
.film-v18 .publication-artifacts .artifact-operation{font-size:8px;top:8px;right:8px}
.film-v18 .publication-batch{position:static;padding:7px 0 0;border:0;border-top:1px solid #d7e2eb;background:none;box-shadow:none;opacity:1!important;transform:none!important;flex:none}
.film-v18 .publication-batch>header{margin:0 0 7px}
.film-v18 .publication-batch>header strong{font-size:11px;font-weight:400;color:#8297ab}
.film-v18 .publication-batch-tasks{display:flex;gap:5px}
.film-v18 .publication-batch .task-mini{display:block;min-height:48px;min-width:0;padding:6px 5px;border-radius:5px;border-left-width:1px}
.film-v18 .publication-batch .task-mini>i,.film-v18 .publication-batch .task-unit-state{display:none}
.film-v18 .publication-batch .task-mini strong{font-size:9px;line-height:1.45}
.film-v18 .publication-batch .task-mini small{font-size:8px;margin-bottom:2px}
.film-v18 .publication-business{align-self:center;flex:none;width:100%;min-height:0;container-type:inline-size}
.film-v18 .publication-browser{width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:16 / 9;border-color:#a9bdc1;border-radius:9px;background:#fafcf7;box-shadow:0 15px 35px #375c4920;container-type:inline-size}
.film-v18 .publication-browser .browser-bar{height:32px;background:#ecf0ee;border-bottom:1px solid #d4ded9;gap:12px;padding:0 11px;color:#6e8376}
.browser-dots{display:flex;gap:5px;flex:none}.browser-dots i{width:6px;height:6px;background:#c0cfc4;border-radius:50%}.browser-dots i:first-child{background:#d9b1a6}.browser-dots i:nth-child(2){background:#dccaa0}
.film-v18 .browser-bar .browser-address{font-size:10px;border:1px solid #dae2de;background:#fafcf9;border-radius:5px;height:22px;line-height:20px;padding:0 10px;text-align:center;flex:1;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.film-v18 .browser-bar .browser-refresh{font-size:20px;line-height:20px;flex:none;color:#6c917b}
.film-v18 .publication-pages{height:calc(100% - 32px)}
.film-v18 .publication-browser[data-updating=true] .browser-refresh{animation:indicator-spin .45s linear infinite}
.website-update-sweep{position:absolute;inset:0 auto 0 0;width:2px;background:#86bea0;box-shadow:0 0 18px 5px #a5d6b95c;opacity:0;z-index:2;pointer-events:none}
.website-update-badge{position:absolute;right:12px;bottom:12px;font-size:10px;background:#e4f2e5f5;border:1px solid #b5d3bc;color:#4d7b5a;padding:5px 9px;border-radius:5px;opacity:0;z-index:2}
.film-v18 .publication-status{font-size:12px;height:32px;padding:7px 0}
.film-v18 .publication-status>b{font-size:10px}
.website-example-note{display:block;text-align:right;font-size:10px;color:#a1afa2;margin-top:1px}
.film-v18 .photo-focus{inset:39px 12px 12px}
.film-v18 .photo-focus>span{display:flex;align-items:center;gap:7px;font-size:10px;bottom:8px;padding:6px 10px}
.film-v18 .photo-focus>span:before{content:'';display:block;width:14px;height:10px;border:1.5px solid currentColor;border-radius:3px;background:radial-gradient(circle,currentColor 0 2px,transparent 2.5px)}
.film-v18 .photo-receipt{bottom:14px;right:14px;padding:8px;gap:9px}
.film-v18 .photo-receipt img{width:104px;aspect-ratio:16 / 9}
.film-v18 .photo-receipt b{font-size:10px}.film-v18 .photo-receipt span,.film-v18 .photo-receipt small{font-size:9px;margin:4px 0}
.package-delivery-flight{position:absolute;left:0;top:0;width:105px;height:92px;background:#fffaf0;border:1px solid #c9b992;border-radius:8px;padding:11px;box-shadow:0 5px 19px #5e57352a;color:#a08d63;opacity:0;z-index:15;pointer-events:none;transform-origin:0 0}
.package-delivery-flight>i{display:flex;flex-direction:column;align-items:center;justify-content:center;width:32px;height:35px;background:#f5eddb;border:1px solid #dfd0ae;border-radius:4px;font-style:normal;font-size:19px}.package-delivery-flight>i small{font-size:7px}.package-delivery-flight>b{display:block;font-size:10px;line-height:1.5;font-weight:400;margin-top:5px}
/* Supplementary words sit on the original message, sharing its task/status. */
.film-v18 .cycle-message{padding:13px 14px;border-radius:12px 12px 4px 12px}
.film-v18 .cycle-message .cycle-linked-task-id{display:none}
.film-v18 .cycle-message-stamp{height:min(var(--stamp-height),calc(100% - var(--linked-height,0px) - 34px))}
.cycle-reply{display:none;position:absolute;left:10px;right:8px;top:10px;bottom:calc(var(--linked-height,0px) + 23px);padding:11px 12px;background:#fffdf6;border:1px solid #d7c299;border-radius:9px;box-shadow:0 5px 14px #6b5b2c14;transform:rotate(-1.3deg);transform-origin:center;color:#6a7964;overflow:hidden;font-size:15px;line-height:1.65}
.cycle-reply p{margin:0;display:inline}.cycle-reply .cycle-input-caret{height:13px}
.film-v18 .cycle-message[data-has-reply=true] .cycle-reply{display:block}
.film-v18 .cycle-message[data-has-reply=true]>.cycle-message-copy{opacity:.28}
.film-v18 .cycle-message[data-has-reply=true]>.cycle-message-stamp{z-index:2}
.film-v18 .cycle-message[data-task-state=awaiting-user]{border-color:#d8c08e;background:#faf5e9}
.film-v18 .cycle-message[data-task-state=done]{border-color:#b8ceae;background:#f4f8ef}
@media(min-width:641px) and (max-width:1300px){.film-v18 .publish-layout{grid-template-columns:200px minmax(0,1fr);gap:17px}.film-v18 .publication-artifacts .artifact-unit{--tile-size:78px;padding:8px;gap:5px}.film-v18 .publication-artifacts .artifact-unit b{font-size:9px}.film-v18 .publication-artifacts .artifact-icon{width:24px;height:27px;flex-basis:27px}.film-v18 .project-task-card{padding:14px}.film-v18 .release-layout{gap:16px}.film-v18 .release-pool{padding:13px}.film-v18 .release-pool .task-mini strong{font-size:12px}.film-v18 .release-pool .task-mini{gap:7px}.film-v18 .release-pool footer{flex-wrap:wrap}.film-v18 .project-task-card .task-context .task-unit strong{font-size:16px}.cycle-reply{font-size:14px}}
@media(min-width:641px) and (max-height:820px){.film-v18 .project-task-card{padding:13px;gap:10px}.film-v18 .project-task-meta{padding-bottom:8px;font-size:10px}.film-v18 .project-task-card .task-transfer-source{height:43px;padding:7px 10px}.film-v18 .release-pool{padding:12px}.film-v18 .release-pool .task-mini{min-height:55px;padding:8px}.film-v18 .release-pool>header{margin-bottom:11px}.film-v18 .publish-layout{grid-template-columns:200px minmax(0,1fr);gap:20px}.film-v18 .publish-layout .project-task-card{padding:11px;gap:7px}.film-v18 .publication-artifacts .artifact-unit{--tile-size:78px;padding:8px;gap:5px}.film-v18 .publication-artifacts .artifact-unit b{font-size:9px}.film-v18 .publication-artifacts .artifact-icon{width:24px;height:27px;flex-basis:27px}}
@media(min-width:641px) and (max-width:900px){.film-v18 .release-layout{grid-template-columns:minmax(0,1fr);gap:14px}.film-v18 .release-pool-list{flex-direction:row}.film-v18 .release-pool .task-mini{display:block;padding:8px}.film-v18 .release-pool .task-mini>i{display:none}.film-v18 .release-pool .task-unit-state{font-size:8px}.film-v18 .release-pool>header{margin-bottom:9px}.film-v18 .publish-layout{grid-template-columns:170px minmax(0,1fr);gap:13px}.film-v18 .publish-layout .project-task-card{padding:9px}.film-v18 .publication-artifacts{gap:6px}.film-v18 .publication-artifacts .artifact-unit{--tile-size:63px;padding:6px;gap:3px}.film-v18 .publication-artifacts .artifact-icon{height:21px;flex-basis:21px;width:20px}.film-v18 .publication-artifacts .artifact-unit b{font-size:8px}.film-v18 .publication-artifacts .artifact-operation{display:none}.film-v18 .publish-layout .task-context .task-unit strong{font-size:13px}.film-v18 .publish-layout .task-unit-state{font-size:8px}.film-v18 .publish-layout .project-task-meta{display:block}.film-v18 .publish-layout .task-file-count{display:block;margin-top:3px}.film-v18 .browser-bar .browser-address{font-size:8px;padding:0 3px}.film-v18 .publication-browser .browser-bar{gap:5px;padding:0 6px}.film-v18 .photo-receipt{right:6px;bottom:7px;padding:5px}.film-v18 .photo-receipt img{width:70px}.film-v18 .photo-receipt>div{display:none}}
@media(max-width:640px){.film-v18 .release-layout,.film-v18 .publish-layout{display:flex;flex-direction:column;align-items:stretch;gap:16px}.film-v18 .project-task-card{padding:13px;gap:12px}.film-v18 .project-task-card .task-context .task-unit strong{font-size:15px}.film-v18 .project-task-meta{font-size:10px;padding-bottom:10px}.film-v18 .release-pool{padding:13px}.film-v18 .release-pool .task-mini{min-height:51px;padding:8px}.film-v18 .release-pool .task-mini strong{font-size:12px}.film-v18 .release-pool>header{margin-bottom:12px}.film-v18 .publish-layout .project-task-card{gap:8px;padding:12px}.film-v18 .publication-artifacts{grid-template-columns:repeat(3,1fr);gap:7px}.film-v18 .publication-artifacts .artifact-unit{--tile-size:82px;padding:8px;gap:5px}.film-v18 .publication-artifacts .artifact-unit b{font-size:9px}.film-v18 .publication-batch-tasks{gap:7px}.film-v18 .publication-batch .task-mini{min-height:40px}.film-v18 .publication-browser .browser-bar{height:26px;padding:0 7px;gap:7px}.film-v18 .publication-pages{height:calc(100% - 26px)}.film-v18 .browser-bar .browser-address{height:18px;line-height:16px;font-size:8px;padding:0 4px}.film-v18 .browser-bar .browser-refresh{font-size:16px}.browser-dots{gap:3px}.browser-dots i{width:4px;height:4px}.film-v18 .publication-status{height:28px;font-size:10px}.film-v18 .publication-status>b{font-size:8px}.film-v18 .photo-focus{inset:32px 8px 8px}.film-v18 .photo-focus>span{font-size:8px;padding:4px 7px;bottom:3px}.film-v18 .photo-receipt{padding:6px;bottom:7px;right:7px}.film-v18 .photo-receipt img{width:78px}.film-v18 .photo-receipt>div{display:none}.website-update-badge{font-size:8px;right:6px;bottom:6px;padding:3px 5px}.website-example-note{font-size:8px}.cycle-reply{font-size:13px}}
@media(max-width:360px){.film-v18 .publication-artifacts .artifact-unit{--tile-size:66px;padding:6px;gap:3px}.film-v18 .publication-artifacts .artifact-icon{height:24px;flex-basis:24px;width:22px}.film-v18 .publication-artifacts .artifact-unit b{font-size:8px}.film-v18 .publication-artifacts .artifact-operation{display:none}.film-v18 .publication-batch .task-mini strong{font-size:8px}.film-v18 .publication-batch .task-mini small{font-size:7px}.cycle-reply{font-size:12px}}
@media(prefers-reduced-motion:reduce){.film-v18 .publication-browser[data-updating=true] .browser-refresh{animation:none}}

@media(min-width:641px){.film-v18 .publish-layout{container-type:size}.film-v18 .publication-business{max-width:calc((100cqh - 53px) * 16 / 9);justify-self:center}}