/* generated by mkcollabcss.mjs from film2.html: the app chrome, scoped under .cw with a- classes */
@font-face{font-family:"DM Sans";src:url("fonts/DM-Sans-Regular.ttf") format("truetype");font-weight:400}
@font-face{font-family:"DM Sans";src:url("fonts/DM-Sans-Medium.ttf") format("truetype");font-weight:500}
@font-face{font-family:"DM Sans";src:url("fonts/DM-Sans-Bold.ttf") format("truetype");font-weight:600 700}
@font-face{font-family:"Space Grotesk";src:url("fonts/Space-Grotesk-Medium.ttf") format("truetype");font-weight:500}
@font-face{font-family:"Space Grotesk";src:url("fonts/Space-Grotesk-SemiBold.ttf") format("truetype");font-weight:600}
.cw{
  --c-surface:#fafbfc;--c-well:#eceef2;--c-white:#fff;--c-fill:#eef0f3;--c-fill-2:#e4e7ec;
  --c-line:rgba(18,21,26,.08);--c-line-strong:rgba(18,21,26,.14);
  --c-ink:#12151a;--c-ink-2:#626974;--c-ink-3:#8a93a1;--c-on-ink:#fff;
  --c-blue:#1769ff;--c-blue-deep:#0f5ce4;--c-blue-soft:#eaf1ff;--c-blue-ring:rgba(23,105,255,.28);
  --c-green:#2ba56f;--c-green-soft:#e6f6ee;
  --f-display:'Space Grotesk','DM Sans',system-ui,sans-serif;--f-ui:'DM Sans',system-ui,sans-serif;
  --fs-micro:10.5px;--fs-sm:12px;--fs-base:13px;--fs-md:14px;
  --r-control:6px;--r-panel:8px;--r-card:12px;--r-well:14px;--r-pill:999px;
  --shadow-pill:0 6px 18px rgba(18,21,26,.08),0 1px 3px rgba(18,21,26,.06);
  --shadow-menu:0 16px 34px rgba(18,21,26,.12),0 2px 6px rgba(18,21,26,.06);
  --shadow-blue:0 6px 14px rgba(23,105,255,.24);
  --sheen:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0) 55%);
  --head-h:52px;--left-w:340px;--right-w:272px;--inset:10px;
}
.cw *,.cw *::before,.cw *::after{box-sizing:border-box}
.cw{background:var(--c-surface);color:var(--c-ink);font:400 var(--fs-base)/1.4 var(--f-ui);-webkit-font-smoothing:antialiased}
.cw button{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0}
.cw svg{display:block}
.cw .a-app{position:absolute;inset:0;display:grid;grid-template-columns:var(--left-w) minmax(0,1fr) var(--right-w);grid-template-rows:var(--head-h) minmax(0,1fr)}
.cw .a-header{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:0 12px 0 16px;border-bottom:1px solid var(--c-line)}
.cw .a-head-left,.cw .a-head-right{display:flex;align-items:center;gap:6px}
.cw .a-wordmark{display:flex;align-items:center;gap:7px;font:600 15px var(--f-display);letter-spacing:-.035em;color:var(--c-ink)}
.cw .a-wordmark svg{height:16px;width:auto}
.cw .a-head-sep{width:1px;height:20px;background:var(--c-line-strong);margin:0 6px}
.cw .a-doc-title{display:flex;align-items:center;gap:6px;font-weight:500;font-size:var(--fs-md)}
.cw .a-doc-title svg{width:12px;height:12px;color:var(--c-ink-3)}
.cw .a-save-state{display:inline-flex;align-items:center;gap:6px;margin-left:8px;font-size:var(--fs-sm);color:var(--c-ink-3)}
.cw .a-btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;border-radius:var(--r-control);color:var(--c-ink-2)}
.cw .a-btn.a-icon{width:32px;padding:0;justify-content:center}
.cw .a-btn svg{width:16px;height:16px}
.cw .a-btn.a-outline{background:var(--c-white);border:1px solid var(--c-line-strong);color:var(--c-ink);box-shadow:0 1px 2px rgba(18,21,26,.04);height:30px;font-size:var(--fs-sm);font-weight:500}
.cw .a-btn.a-outline svg{width:14px;height:14px}
.cw .a-btn.a-outline.a-on{background:var(--c-fill)}
.cw .a-leftpanel{grid-column:1;grid-row:2;min-height:0;display:flex;flex-direction:column;padding-bottom:var(--inset);border-right:1px solid var(--c-line)}
.cw .a-segmented{display:flex;margin:10px 14px 10px;padding:3px;border-radius:var(--r-panel);background:var(--c-fill);flex:none}
.cw .a-segmented span{flex:1;height:28px;border-radius:var(--r-control);color:var(--c-ink-3);font-size:var(--fs-sm);font-weight:500;display:flex;align-items:center;justify-content:center}
.cw .a-segmented span.a-on{background:var(--c-white);color:var(--c-ink);box-shadow:0 1px 3px rgba(18,21,26,.1),0 0 0 1px rgba(18,21,26,.04)}
.cw .a-chat-head{flex:none;display:flex;align-items:center;gap:6px;margin:-2px 14px 4px;height:28px;font-size:var(--fs-sm);font-weight:500;color:var(--c-ink-2)}
.cw .a-chat-head .a-nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:5px}
.cw .a-chat-head svg{width:13px;height:13px;color:var(--c-ink-3);flex:none}
.cw .a-feed{flex:1;min-height:0;overflow:hidden;position:relative;padding:4px 14px 8px}
.cw .a-feed-in{position:absolute;left:14px;right:14px;bottom:8px;display:flex;flex-direction:column;gap:2px;will-change:transform}
.cw .a-feed-in>*{flex-shrink:0}
.cw .a-empty{position:absolute;left:14px;right:14px;top:18px;color:var(--c-ink-2);line-height:1.55}
.cw .a-empty h3{margin:0 0 6px;font:600 var(--fs-md) var(--f-ui);color:var(--c-ink)}
.cw .a-empty p{margin:0}
.cw .a-you{margin:10px 0 6px;padding:9px 12px;border-radius:10px;background:var(--c-fill);color:var(--c-ink);line-height:1.45;white-space:pre-wrap}
.cw .a-you .a-chips{margin-top:8px}
.cw .a-chips{display:flex;gap:6px;flex-wrap:wrap}
.cw .a-chip{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:var(--r-pill);background:var(--c-surface);border:1px solid var(--c-line);color:var(--c-ink-2);font-size:var(--fs-micro);font-weight:500;white-space:nowrap}
.cw .a-chip svg{width:12px;height:12px;flex:none}
.cw .a-chip.a-file{max-width:200px;border-color:var(--c-blue-ring);color:var(--c-blue);background:var(--c-blue-soft)}
.cw .a-chip.a-file .a-x{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;opacity:.6;margin-right:-5px}
.cw .a-chip.a-file .a-x svg{width:10px;height:10px}
.cw .a-you .a-chip{height:22px}
.cw .a-turn-who{display:inline-flex;align-items:center;gap:5px;margin:10px 0 0 2px;font-size:var(--fs-micro);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--c-ink-3)}
.cw .a-turn-who svg{height:11px;width:auto}
.cw .a-step{position:relative;display:flex;align-items:center;gap:9px;min-height:34px;padding:3px 4px 3px 2px;border-radius:var(--r-control);color:var(--c-ink);font-size:var(--fs-sm)}
.cw .a-step .a-wash{position:absolute;inset:0;border-radius:inherit;background:color-mix(in srgb,var(--c-green) 14%,transparent);pointer-events:none}
.cw .a-step .a-mark-done{flex:none;width:15px;height:15px;color:var(--c-green)}
.cw .a-step .a-tool-ic{flex:none;width:24px;height:24px;border-radius:var(--r-control);background:var(--c-fill);color:var(--c-ink-3);display:inline-flex;align-items:center;justify-content:center}
.cw .a-step .a-tool-ic svg{width:13px;height:13px}
.cw .a-step .a-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.cw .a-step .a-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}
.cw .a-step .a-sub{font-size:var(--fs-micro);color:var(--c-green);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cw .a-step.a-with-pics{align-items:flex-start;padding-top:6px}
.cw .a-step.a-with-pics .a-mark-done,.cw .a-step.a-with-pics .a-tool-ic{margin-top:2px}
.cw .a-step-pics{display:flex;gap:6px;margin-top:6px}
.cw .a-step-pic{display:block;width:92px;aspect-ratio:16/9;border-radius:5px;overflow:hidden;background:var(--c-fill);box-shadow:inset 0 0 0 1px var(--c-line);position:relative}
.cw .a-step-pic .deck-frame{display:block;width:92px}
.cw .a-steps-g{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:2px}
.cw .a-steps-head{position:absolute;left:0;right:0;top:0;display:flex;align-items:center;gap:9px;height:30px;padding:0 6px 0 2px;border-radius:var(--r-control);color:var(--c-ink-2);font-size:var(--fs-sm)}
.cw .a-steps-head .a-label{flex:1}
.cw .a-steps-head .a-mark-done{width:15px;height:15px;color:var(--c-green)}
.cw .a-steps-head svg.a-chev{width:12px;height:12px;color:var(--c-ink-3)}
.cw .a-assistant{padding:6px 2px;line-height:1.55;color:var(--c-ink-2)}
.cw .a-assistant .a-w{opacity:0}
.cw .a-assistant .a-w.a-on{opacity:1}
.cw .a-run-status{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 10px;margin:8px 0 4px;border-radius:var(--r-panel);background:var(--c-fill);font-size:var(--fs-sm);color:var(--c-ink-2)}
.cw .a-run-status .a-meta{color:var(--c-ink-3)}
.cw .a-run-status .a-spacer{flex:1}
.cw .a-run-status .a-ib{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;color:var(--c-ink-3)}
.cw .a-run-status .a-ib svg{width:14px;height:14px}
.cw .a-compose{flex:none;padding:8px 14px 0;display:flex;flex-direction:column;gap:8px;position:relative}
.cw .a-activity{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;max-width:100%;height:26px;padding:0 10px 0 8px;border-radius:var(--r-pill);background:var(--c-white);border:1px solid var(--c-line-strong);color:var(--c-ink-2);font-size:var(--fs-sm)}
.cw .a-activity .a-label{white-space:nowrap;background:linear-gradient(90deg,var(--c-ink-2) 0 38%,var(--c-ink) 50%,var(--c-ink-2) 62% 100%);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.cw .a-activity.a-settle .a-label{background:none;-webkit-text-fill-color:currentColor;color:var(--c-ink)}
.cw .a-activity .a-clock{margin-left:4px;color:var(--c-ink-3);font-variant-numeric:tabular-nums}
.cw .a-activity-slot{height:0;overflow:visible;position:relative}
.cw .a-composer{position:relative;background:var(--c-white);border:1px solid var(--c-line-strong);border-radius:var(--r-well);box-shadow:0 1px 2px rgba(18,21,26,.04),0 14px 36px rgba(18,21,26,.05);padding:10px 12px;display:flex;flex-direction:column;gap:8px}
.cw .a-composer.a-focus{border-color:var(--c-blue);box-shadow:0 0 0 3px var(--c-blue-ring),var(--shadow-pill),0 18px 44px rgba(18,21,26,.07)}
.cw .a-composer .a-chips{padding:0 4px}
.cw .a-ta{min-height:64px;padding:8px 4px 0;font:400 var(--fs-base)/1.5 var(--f-ui);color:var(--c-ink);white-space:pre-wrap}
.cw .a-ta .a-ph{color:var(--c-ink-3)}
.cw .a-ta .a-caret{display:inline-block;width:1.5px;height:1.15em;background:var(--c-ink);vertical-align:-3px;margin-left:1px}
.cw .a-tools{display:flex;align-items:center;gap:4px}
.cw .a-tools .a-spacer{flex:1}
.cw .a-model{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 8px;border-radius:var(--r-control);font-size:var(--fs-sm);color:var(--c-ink-2)}
.cw .a-model svg{width:11px;height:11px;color:var(--c-ink-3)}
.cw .a-send{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:none;background:var(--sheen),var(--c-blue);border:1px solid var(--c-blue-deep);color:#fff;box-shadow:var(--shadow-blue)}
.cw .a-send svg{width:15px;height:15px}
.cw .a-send.a-idle{background:var(--c-fill-2);border-color:transparent;color:var(--c-ink-3);box-shadow:none}
.cw .a-send.a-stop{background:var(--c-ink);border-color:var(--c-ink);box-shadow:none}
.cw .a-send.a-stop svg{width:12px;height:12px}
.cw .a-chat-config{display:flex;align-items:center;gap:8px;padding:0 4px;font-size:var(--fs-micro);color:var(--c-ink-3)}
.cw .a-chat-config .a-spacer{flex:1}
.cw .a-smark{flex:none;overflow:visible}
.cw .a-smark .a-ring{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.cw .a-smark .a-check{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.cw .a-stage{grid-column:2;grid-row:2;min-width:0;padding:10px 10px var(--inset) 10px;position:relative}
.cw .a-well{position:relative;height:100%;overflow:hidden;border-radius:var(--r-well);background:var(--c-well);box-shadow:inset 0 0 0 1px rgba(18,21,26,.06),inset 0 1px 3px rgba(18,21,26,.05)}
.cw .a-world{position:absolute;left:0;top:0;transform-origin:0 0}
.cw .a-frame{position:absolute;top:0;width:600px;height:337.5px;box-shadow:0 1px 2px rgba(18,21,26,.08),0 10px 30px -12px rgba(18,21,26,.3)}
.cw .a-frame .deck-frame{position:absolute;inset:0;width:100%}
.cw .a-frame .a-pending{position:absolute;inset:0;border:1.5px dashed rgba(23,105,255,.55);background:repeating-linear-gradient(135deg,rgba(23,105,255,.045) 0 9px,transparent 9px 18px),#f7f8fa}
.cw .a-flabel{position:absolute;left:0;top:0;font-size:11.5px;color:var(--c-ink-3);white-space:nowrap}
.cw .a-flabel b{font-weight:500;color:var(--c-ink-2)}
.cw .a-tool-rail{position:absolute;z-index:20;left:50%;bottom:14px;transform:translateX(-50%);display:flex;align-items:center;gap:2px;padding:4px;background:var(--c-white);border:1px solid var(--c-line);border-radius:var(--r-pill);box-shadow:var(--shadow-pill)}
.cw .a-tool-rail span{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--c-ink-2)}
.cw .a-tool-rail span.a-on{background:var(--c-blue-soft);color:var(--c-blue)}
.cw .a-tool-rail svg{width:16px;height:16px}
.cw .a-zoom{position:absolute;z-index:20;right:14px;bottom:14px;display:flex;align-items:center;gap:1px;padding:3px;background:var(--c-white);border:1px solid var(--c-line);border-radius:var(--r-pill);box-shadow:var(--shadow-pill)}
.cw .a-zoom span{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;color:var(--c-ink-2)}
.cw .a-zoom span svg{width:13px;height:13px}
.cw .a-zoom .a-pct{width:46px;font-size:var(--fs-sm);font-weight:500;color:var(--c-ink);border-radius:0}
.cw .a-flash{position:absolute;left:0;top:0;border:2px solid #1769ff;border-radius:3px;overflow:hidden;pointer-events:none;z-index:40}
.cw .a-flash i{position:absolute;left:0;right:0;top:0}
.cw .a-agent-cursor{position:absolute;z-index:60;left:0;top:0;pointer-events:none;color:var(--c-blue);display:flex;align-items:flex-start;gap:4px}
.cw .a-agent-cursor svg.a-arrow{filter:drop-shadow(0 1px 3.5px rgba(0,0,0,.55))}
.cw .a-agent-cursor.a-flip .a-tag{transform:translateX(calc(-100% - 34px))}
.cw .a-agent-cursor .a-tag{display:inline-flex;align-items:center;background:var(--c-ink);color:var(--c-on-ink);font-weight:500;white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,.25);font-size:12.5px;padding:2px 6px;border-radius:4px;margin-top:17px;margin-left:2px}
.cw .a-notice{position:absolute;z-index:30;left:50%;bottom:66px;display:flex;align-items:center;gap:10px;padding:9px 14px 10px 12px;border-radius:var(--r-card);background:var(--c-ink);color:var(--c-on-ink);font-size:var(--fs-sm);line-height:1.45;box-shadow:0 6px 20px rgba(18,21,26,.25);white-space:nowrap}
.cw .a-notice svg{width:18px;height:18px}
.cw .a-notice small{color:rgba(255,255,255,.6);font-size:var(--fs-sm)}
.cw .a-sidebar{grid-column:3;grid-row:2;min-height:0;padding:12px 14px;border-left:1px solid var(--c-line);display:flex;flex-direction:column;gap:14px}
.cw .a-insp-h{display:flex;align-items:center;gap:10px}
.cw .a-insp-h .a-k{width:30px;height:30px;border-radius:var(--r-panel);background:var(--c-fill);display:grid;place-items:center;color:var(--c-ink-2)}
.cw .a-insp-h .a-k svg{width:15px;height:15px}
.cw .a-insp-h b{display:block;font-weight:500;font-size:var(--fs-base)}
.cw .a-insp-h small{display:block;font-size:var(--fs-micro);color:var(--c-ink-3)}
.cw .a-sec{border-top:1px solid var(--c-line);padding-top:10px;display:flex;flex-direction:column;gap:8px}
.cw .a-sec .a-t{font-size:11.5px;font-weight:600;color:var(--c-ink)}
.cw .a-fr{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.cw .a-fd{display:flex;align-items:center;gap:7px;height:28px;padding:0 8px;border-radius:var(--r-control);background:rgba(18,21,26,.045);font-size:var(--fs-sm);color:var(--c-ink);min-width:0;white-space:nowrap;overflow:hidden}
.cw .a-fd i{font-style:normal;color:var(--c-ink-3);font-size:11px;width:10px}
.cw .a-fd.a-w{grid-column:1/-1}
.cw .a-fd .a-sw{width:14px;height:14px;border-radius:4px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}