/* Motion uses Voro's existing cyan accent, light borders and subtle ambient panels. */
.vmotion{--vm-accent:#2bd4ff;--vm-text:#f0f5f9;--vm-muted:#9badbb;--vm-line:rgba(178,210,228,.14);color:var(--vm-text);max-width:1240px;margin:0 auto;padding:8px 0 100px;font-family:inherit}
.vmotion *{box-sizing:border-box}.vmotion [hidden]{display:none!important}.vmotion button,.vmotion input,.vmotion textarea,.vmotion select{font:inherit}.vmotion :focus-visible{outline:2px solid var(--vm-accent);outline-offset:3px}.vmotion button:disabled{cursor:default;opacity:.5}.vmotion [inert]{opacity:.65}
.vm-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 20px}.vm-heading h1{font-size:30px;line-height:1.2;letter-spacing:-1px;font-weight:750;margin:0 0 6px}.vm-heading p{color:var(--vm-muted);font-size:14px;line-height:1.5;margin:0}.vm-head-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}.vm-badge{padding:5px 9px;border:1px solid var(--vm-line);border-radius:8px;font-size:11px;color:var(--vm-muted)}
.vm-quiet{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;background:transparent;color:#b6d8e7;cursor:pointer;padding:10px 4px;font-size:13px;line-height:1.4}.vm-quiet:hover{color:var(--vm-accent)}
.vm-pane-tabs{display:none}.vm-layout{display:grid;grid-template-columns:minmax(360px,.95fr) minmax(0,1.1fr);gap:20px;align-items:start}.vm-chat,.vm-preview{min-width:0;border:1px solid var(--vm-line);border-radius:22px;background:linear-gradient(145deg,rgba(23,35,43,.65),rgba(13,18,23,.78));box-shadow:0 14px 45px #0002}
.vm-chat{display:flex;flex-direction:column;height:min(820px,calc(100dvh - 260px));min-height:460px;overflow:hidden}.vm-chat-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;padding:18px 21px;border-bottom:1px solid var(--vm-line)}.vm-chat h2,.vm-preview h2{font-size:16px;font-weight:650;letter-spacing:-.25px;line-height:1.4;margin:0}.vm-chat-note{font-size:11px;color:#8ba5b5}
.vm-conversation{min-height:100px;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:20px;scrollbar-width:thin;scrollbar-color:#375062 transparent}.vm-messages{display:flex;flex-direction:column;gap:17px}.vm-welcome{margin:auto 0;min-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px 10px}.vm-welcome-mark{width:34px;height:34px;object-fit:contain;margin-bottom:18px;opacity:.95}.vm-welcome h3{font-size:19px;letter-spacing:-.4px;font-weight:650;margin:0 0 10px}.vm-welcome p{font-size:13px;line-height:1.75;max-width:300px;color:var(--vm-muted);margin:0}
.vm-message{max-width:94%;border-radius:15px;padding:13px 15px;min-width:0;overflow-wrap:anywhere}.vm-user{align-self:flex-end;background:rgba(43,212,255,.08);border:1px solid rgba(43,212,255,.14)}.vm-assistant{align-self:flex-start;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.065)}.vm-message-author{display:block;font-size:10px;font-weight:650;color:#8ca7b7;margin-bottom:6px;letter-spacing:.1px}.vm-user .vm-message-author{color:#79cee5}.vm-message-text{font-size:13px;line-height:1.7;white-space:pre-wrap;margin:0;color:#e7edf2}.vm-message-error{border-color:#f3948740;background:#e8817610}.vm-message-error .vm-message-text{color:#ffbeb2}.vm-chat-result{padding:8px 0 0;border:0;background:transparent;color:#69dbf5;font-size:12px;cursor:pointer}
.vm-message-attachments{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.vm-message-attachment{display:inline-flex;align-items:center;gap:6px;padding:4px 7px 4px 4px;font-size:10px;color:#b8d1df;border:1px solid var(--vm-line);border-radius:7px;background:#111a2366}.vm-message-attachment img{width:30px;height:30px;border-radius:4px;object-fit:cover}.vm-message-sound{width:25px;text-align:center;font-size:17px}
.vm-composer{flex:none;padding:14px 18px 16px;border-top:1px solid var(--vm-line);background:rgba(10,16,21,.38)}.vm-controls{min-width:0}.vmotion textarea{display:block;width:100%;min-height:72px;max-height:220px;resize:vertical;padding:13px 14px;border:1px solid rgba(166,199,217,.17)!important;border-radius:13px;background:rgba(6,11,15,.3);color:var(--vm-text);font-size:14px;line-height:1.6;box-shadow:none}.vmotion textarea::placeholder{color:#7f95a6;opacity:1}.vmotion textarea:focus{border-color:rgba(43,212,255,.55)!important}
.vm-attachment-buttons{display:flex;gap:8px;align-items:center;margin:10px 0 6px}.vm-attach{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:39px;flex:1;padding:8px 11px;border-radius:10px;border:1px solid var(--vm-line)!important;background:#ffffff04;color:#b9ccd9;font-size:12px;cursor:pointer}.vm-attach>span:first-child{font-size:17px;color:#7ec6df;line-height:1}.vm-attach:hover{border-color:#2bd4ff66!important;background:#2bd4ff08;color:#e7f9ff}
.vm-assets{display:grid;gap:10px;max-height:165px;overflow-y:auto;margin:0 0 12px;padding:3px 3px 3px 0}.vm-asset-group{min-width:0}.vm-asset-label{display:block;font-size:10px;font-weight:650;color:#8da4b4;margin:0 0 7px}.vm-asset-items{display:flex;gap:9px;flex-wrap:wrap}.vm-asset{position:relative;width:54px;height:54px;border:1px solid var(--vm-line);border-radius:9px;background:#14212a}.vm-asset img{width:100%;height:100%;object-fit:contain;border-radius:8px}.vm-remove{position:absolute;right:-5px;top:-5px;width:22px;height:22px;border:1px solid #3c5362!important;border-radius:50%;background:#15242e;color:#fff;font-size:15px;cursor:pointer}
.vm-media-ref{display:flex;align-items:center;gap:8px;min-width:0;max-width:100%;border:1px solid var(--vm-line);border-radius:10px;padding:6px 7px;background:#10202b77}.vm-media-ref>img{width:38px;height:38px;object-fit:cover;border-radius:6px;flex:none}.vm-media-symbol{display:grid;place-items:center;width:32px;height:34px;flex:none;font-size:21px;color:#78cde9}.vm-media-copy{min-width:0;display:grid;gap:4px}.vm-media-copy strong{max-width:220px;font-size:11px;font-weight:550;color:#c8d8e4;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.vm-media-copy small{font-size:10px;color:var(--vm-muted)}.vm-media-remove{width:27px;height:32px;flex:none;background:none;border:0;color:#b6c8d4;font-size:20px;cursor:pointer}
.vm-settings{margin-top:7px;border-top:1px solid #b2d2e410}.vm-settings>summary,.vm-history>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:39px;font-size:11px;color:#a1b9c9}.vm-settings>summary::after,.vm-history>summary::after{content:'⌄';font-size:16px;color:#8eacbd}.vm-settings[open]>summary::after,.vm-history[open]>summary::after{transform:rotate(180deg)}.vm-setting-summary{font-size:10px;color:var(--vm-muted);margin-left:auto;white-space:nowrap}.vm-setting-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:5px 0 12px}.vm-field{min-width:0}.vm-label{display:block;color:#b8c9d6;font-size:11px;line-height:1.5;margin-bottom:6px}.vmotion select{display:block;max-width:100%;width:100%;height:39px;padding:8px 10px;background:#111f28;border:1px solid #32424e!important;border-radius:9px;color:#e4eef4;font-size:12px}.vm-hint{color:var(--vm-muted);font-size:11px;line-height:1.65;margin:8px 0}
.vm-create-row{margin-top:10px;display:flex;justify-content:space-between;align-items:center;gap:12px}.vm-price-hint{max-width:170px;font-size:10px;line-height:1.55;color:var(--vm-muted)}.vm-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 17px;min-height:44px;border:1px solid #82edff52!important;border-radius:11px;color:#05202d!important;background:linear-gradient(135deg,#49dce9,#0ab9ed);font-size:13px;font-weight:750;line-height:1.4;text-align:center;text-decoration:none;cursor:pointer;box-shadow:0 5px 20px #09b8ea15}.vm-primary:hover{background:linear-gradient(135deg,#76eaf3,#25ceff)}.vm-secondary{display:inline-flex;padding:11px 15px;background:#ffffff0a;border:1px solid var(--vm-line)!important;border-radius:11px;color:#d1e5ee;font-size:13px;cursor:pointer}
.vm-quote{padding:13px 15px;border-radius:13px;border:1px solid #2bd4ff40;background:#2bd4ff0a;margin:14px 0 0}.vm-quote strong,.vm-quote span{display:block;line-height:1.6}.vm-quote strong{font-size:14px;color:#d4f7ff}.vm-quote span{font-size:11px;color:var(--vm-muted);margin-top:3px}.vm-status{font-size:12px;line-height:1.65;color:#9bdcf1;margin:14px 0 0}.vm-status:empty{display:none}.vm-status.is-error{color:#ffb9ab;border-left:2px solid #f39487;padding:9px 12px;background:#f3948708;border-radius:0 9px 9px 0}
.vm-preview{padding:20px;overflow:hidden}.vm-preview-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}.vm-meta{font-size:11px;line-height:1.6;color:var(--vm-muted)}.vm-stage{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#1f435425,transparent 70%),#070d1373;border:1px solid #91b7cf15;border-radius:15px}.vm-stage[data-aspect='16:9']:has(iframe:not([hidden])),.vm-stage[data-aspect='16:9']:has(video:not([hidden])){aspect-ratio:16/9}.vm-stage[data-aspect='9:16']:has(iframe:not([hidden])),.vm-stage[data-aspect='9:16']:has(video:not([hidden])){aspect-ratio:9/16;max-width:320px;margin:0 auto}.vm-stage iframe,.vm-stage>video{display:block;border:0;width:100%;height:100%;object-fit:contain}.vm-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}.vm-empty-symbol{display:grid;place-items:center;width:51px;height:51px;border:1px solid #81c2dd38;border-radius:15px;background:#2bd4ff0a;font-size:29px;color:#62d8f1;line-height:1;margin-bottom:17px}.vm-empty h3{font-size:17px;font-weight:600;letter-spacing:-.4px;line-height:1.4;margin:0 0 9px;color:#d6e4ed;max-width:260px}.vm-empty p{font-size:12px;line-height:1.7;color:#7f99aa;margin:0;max-width:290px}.vm-examples{display:flex;flex-wrap:wrap;gap:6px;margin-top:17px;justify-content:center}.vm-example{padding:7px 9px;border-radius:8px;background:transparent;color:#8faab9;border:1px solid #a4c6d81f!important;font-size:11px;cursor:pointer;line-height:1.5}.vm-example:hover{color:#d5f1fb;background:#2bd4ff0d}
.vm-transport{display:flex;align-items:center;gap:12px;margin-top:12px}.vm-transport input{width:100%;min-width:20px;accent-color:var(--vm-accent);height:25px}.vm-time{white-space:nowrap;font-size:11px;color:var(--vm-muted);font-variant-numeric:tabular-nums}.vm-export{margin-top:16px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.vm-output-status{margin:0;color:var(--vm-muted);font-size:12px;line-height:1.6}.vm-output-status.is-preparing{color:#8fd9ee}.vm-history{margin-top:22px;border-top:1px solid var(--vm-line);padding-top:6px}.vm-history-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.vm-result{min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:15px;border:1px solid var(--vm-line);border-radius:14px;background:#10202a55}.vm-result-copy{min-width:0;flex:1}.vm-result h3{font-size:13px;line-height:1.5;margin:0;overflow-wrap:anywhere}.vm-result p{margin:4px 0 0}.vm-result-actions{display:flex;align-items:center;gap:12px}.vm-history-download{font-size:12px;color:#6cdbf1;text-decoration:none}.vm-history-video{width:100%;max-height:260px;border-radius:10px}.vm-audio-note{color:#f0ca94!important}
@media(max-width:1000px){.vm-layout{grid-template-columns:minmax(330px,1fr) minmax(0,1fr);gap:15px}.vm-chat{min-height:460px}.vm-chat-note{display:none}.vm-empty p{font-size:11px}.vm-preview{padding:16px}}
@media(max-width:800px){.vm-heading{gap:12px;margin-bottom:15px}.vm-heading h1{font-size:25px}.vm-heading p{font-size:12px;max-width:220px}.vm-head-actions{gap:6px}.vm-head-actions .vm-badge{display:none}.vm-head-actions .vm-quiet{font-size:11px}.vm-pane-tabs{display:flex;gap:5px;padding:4px;border:1px solid var(--vm-line);border-radius:12px;background:#ffffff05;margin-bottom:12px;max-width:360px}.vm-pane-tab{flex:1;min-height:36px;padding:8px;border:0;border-radius:8px;background:transparent;color:var(--vm-muted);font-size:12px;cursor:pointer}.vm-pane-tab[aria-selected='true']{background:#2bd4ff14;color:#71d8f2;box-shadow:inset 0 0 0 1px #2bd4ff24}.vm-layout{display:block}.vmotion[data-pane='chat'] .vm-preview,.vmotion[data-pane='preview'] .vm-chat{display:none}.vm-chat{height:calc(100dvh - 270px);min-height:410px;border-radius:17px}.vm-chat-heading{padding:14px 16px}.vm-chat-note{display:block;font-size:10px}.vm-conversation{padding:16px;min-height:100px}.vm-composer{padding:12px 13px}.vmotion textarea{font-size:16px;min-height:76px;padding:11px 12px}.vm-attachment-buttons{gap:6px}.vm-attach{padding:7px 8px;min-height:39px;font-size:11px}.vm-settings>summary{font-size:11px;min-height:35px}.vm-create-row{gap:10px}.vm-price-hint{font-size:10px;max-width:135px}.vm-create-row .vm-primary{font-size:12px;min-height:43px;padding:10px 12px}.vm-preview{border-radius:17px;padding:15px}.vm-welcome{min-height:180px;padding:15px 5px}.vm-welcome h3{font-size:17px}.vm-welcome p{font-size:12px;max-width:260px}.vm-message{max-width:97%;padding:12px}.vm-stage:has(.vm-empty:not([hidden])){aspect-ratio:4/3}.vm-media-copy strong{max-width:175px}.vm-assets{max-height:120px}.vm-history-grid{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.vmotion *{scroll-behavior:auto!important}}

.vm-materials{margin:0 0 9px;border:1px solid var(--vm-line);border-radius:10px;background:#ffffff02}.vm-materials>summary{display:flex;justify-content:space-between;align-items:center;min-height:34px;padding:7px 10px;list-style:none;cursor:pointer;font-size:10px;color:#a7c4d5}.vm-materials>summary::after{content:'⌄';font-size:15px;color:#7d9cad}.vm-materials[open]>summary::after{transform:rotate(180deg)}.vm-materials .vm-assets{padding:6px 10px 10px;margin:0;max-height:220px}.vm-attach svg{flex:none;color:#7ec6df}

/* Conversation-first workspace: keep the result closed until explicitly opened. */
.vmotion{max-width:1080px;padding-top:4px}.vm-heading{max-width:800px;margin:0 auto 18px}.vm-heading h1{font-size:23px;letter-spacing:-.7px}.vm-heading p{font-size:12px}.vm-head-actions{gap:12px}.vm-head-actions .vm-quiet{font-size:12px}.vm-badge{font-size:10px;padding:3px 6px;border-radius:6px}.vm-result-toggle{color:#6dd8ef}
.vm-conversation{padding:26px 28px}.vm-messages{gap:25px;min-height:100%}.vm-welcome{flex:1;min-height:160px}.vm-welcome-mark{width:36px;height:36px}.vm-welcome h3{font-size:22px}.vm-welcome p{max-width:340px}.vm-message{max-width:100%;border-radius:0}.vm-user{max-width:82%;padding:13px 17px;border:1px solid #74bcd91c;background:#253b494d;border-radius:17px 17px 5px 17px}.vm-user .vm-message-author{display:none}.vm-assistant{align-self:stretch;padding:0 3px;border:0;background:none}.vm-message-author{display:flex;align-items:center;gap:8px;font-size:11px;margin-bottom:9px}.vm-message-author img{width:23px;height:23px;object-fit:contain}.vm-message-text{font-size:14px;line-height:1.75}.vm-message-error{border-left:2px solid #e18d81;padding-left:13px}
.vm-message-details{margin-top:9px}.vm-message-details>summary{display:inline-flex;align-items:center;gap:8px;cursor:pointer;color:#8ea6b8;font-size:11px;list-style:none;padding:5px 0}.vm-message-details>summary::after{content:'⌄';font-size:14px}.vm-message-details[open]>summary::after{transform:rotate(180deg)}.vm-message-details .vm-message-text{font-size:12px;color:#9eb1bf;border-left:1px solid var(--vm-line);padding:8px 0 8px 12px;margin-top:5px;line-height:1.75}
.vm-chat-result{display:flex;align-items:center;gap:12px;max-width:360px;width:100%;text-align:left;margin-top:15px;padding:13px 15px;border:1px solid #9cbfd62b;border-radius:12px;background:linear-gradient(120deg,#1b303b66,#17212b66);color:#d8eaf4;cursor:pointer}.vm-chat-result>svg{width:22px;height:22px;flex:none;color:#6fd4ed}.vm-chat-result>span:not(.vm-result-arrow){min-width:0;flex:1;display:grid;gap:4px}.vm-chat-result strong{font-size:12px;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.vm-chat-result small{font-size:10px;color:#91aaba}.vm-result-arrow{font-size:18px;color:#7ec6dd}.vm-chat-result:hover{border-color:#2bd4ff66;background:#2bd4ff0a}
.vm-composer{margin:0 18px 15px;padding:13px 14px 9px;border:1px solid #b3cddc29;border-radius:17px;background:linear-gradient(125deg,#1d2a34a6,#171e27a6);box-shadow:0 5px 22px #0002}.vmotion textarea{min-height:60px;max-height:140px;height:60px;resize:none;background:transparent;border:0!important;border-radius:0;padding:5px 3px;font-size:14px;outline-offset:0}.vmotion textarea:focus-visible{outline:none}.vm-create-row{gap:10px;margin-top:8px}.vm-attachment-buttons{gap:3px;min-width:0;margin:0}.vm-attach{flex:none;padding:8px;min-height:36px;border:0!important;border-radius:8px;background:transparent;font-size:11px;gap:6px}.vm-attach:hover{background:#2bd4ff0a}.vm-primary{min-height:39px;padding:10px 15px;font-size:12px;max-width:100%;box-shadow:none}.vm-price-hint{max-width:none;font-size:9px;line-height:1.5;color:#8195a4;text-align:right;margin:7px 2px 0}
.vm-materials{margin:0 0 8px;border:0;border-radius:0;background:none}.vm-materials>summary{display:inline-flex;gap:10px;font-size:10px;padding:3px 6px;border:1px solid #a3c6db20;border-radius:7px;background:#ffffff03;min-height:27px}.vm-materials .vm-assets{max-height:135px;margin-top:8px;padding:3px}.vm-settings{margin:2px 0 0;border-top:0}.vm-settings>summary{gap:9px;min-height:27px;font-size:10px;padding:3px}.vm-setting-summary{font-size:10px}.vm-setting-grid{margin:9px 0}.vm-hint{font-size:10px}
.vm-preview-heading{gap:10px}.vm-preview h2{font-size:14px}.vm-preview-heading .vm-meta{margin-left:auto}.vm-preview-close{flex:none;display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--vm-line);border-radius:8px;background:#ffffff04;color:#a9c1d2;cursor:pointer;font-size:21px}.vm-stage[data-aspect='9:16']:has(iframe:not([hidden])),.vm-stage[data-aspect='9:16']:has(video:not([hidden])){max-width:220px}.vm-history{max-width:800px;margin:0 auto 16px;padding:12px 15px;border:1px solid var(--vm-line);border-radius:14px;background:#15212dcc}.vm-history-grid{grid-template-columns:1fr;max-height:260px;overflow:auto}.vm-result{padding:10px 12px;border-radius:10px}.vm-history-only{max-width:none;padding:0}.vm-history-only .vm-history{max-width:none}.vm-history-only .vm-history-grid{max-height:none}
/* A viewport-bound workspace; site navigation is restored when the studio unmounts. */
body.voro-motion-open{position:fixed;inset:0;overflow:hidden;height:var(--vm-viewport-height,100dvh);overscroll-behavior:none}
body.voro-motion-open #root,body.voro-motion-open #root>div{height:100%;min-height:0!important;overflow:hidden}
body.voro-motion-open main.main{height:100%;min-height:0;padding-bottom:max(12px,env(safe-area-inset-bottom,0px))!important;overflow:hidden}
body.voro-motion-open nav.dock,body.voro-motion-open #voro-legal-footer,body.voro-motion-open .member-fab{display:none!important}
.vmotion:not(.vm-history-only){height:100%;min-height:0;max-width:900px;padding:4px 0 0;display:flex;flex-direction:column;overflow:hidden}
.vmotion:not(.vm-history-only) .vm-heading{flex:none;width:100%;max-width:none;margin:0 0 14px;gap:12px}
.vm-toolbar{flex:none;display:flex;align-items:center;gap:14px;margin-bottom:12px;min-width:0}
.vmotion:not(.vm-history-only) .vm-pane-tabs{display:flex;flex:1;gap:3px;padding:4px;max-width:none;margin:0;border:1px solid var(--vm-line);border-radius:12px;background:#ffffff04}
.vmotion .vm-pane-tab{flex:1;min-height:36px;padding:8px 12px;border:0;border-radius:8px;background:transparent;color:var(--vm-muted);font-size:13px;cursor:pointer;white-space:nowrap}
.vm-pane-tab[aria-selected='true']{background:#2bd4ff12;color:#9be6f8;box-shadow:inset 0 0 0 1px #2bd4ff25}
.vm-pane-tab.has-result:not([aria-selected='true']){color:#a9cfdc}
.vmotion .vm-new{flex:none;min-height:42px;padding:9px 14px;border:1px solid var(--vm-line);border-radius:11px;background:#ffffff03;font-size:12px;white-space:nowrap;color:#c2d6e1}
.vm-new:hover{border-color:#2bd4ff55;background:#2bd4ff08}
.vm-workspace{display:flex;flex-direction:column;flex:1;min-height:0;border:1px solid var(--vm-line);border-radius:21px;background:linear-gradient(145deg,rgba(22,32,42,.48),rgba(14,19,25,.55));box-shadow:0 18px 60px #0001;overflow:hidden}
.vmotion:not(.vm-history-only) .vm-layout{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;max-width:none;margin:0;overflow:hidden}
.vmotion:not(.vm-history-only) .vm-chat,.vmotion:not(.vm-history-only) .vm-preview,.vmotion:not(.vm-history-only) .vm-history-pane{display:flex;flex-direction:column;flex:1;height:auto;min-height:0;max-width:none;width:100%;margin:0;border:0;border-radius:0;background:none;box-shadow:none;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#375062 transparent}
.vmotion:not(.vm-history-only) .vm-chat{overflow:hidden}
.vmotion:not(.vm-history-only) .vm-conversation{min-height:0;overflow-y:auto;scroll-padding-bottom:20px}
.vmotion:not(.vm-history-only) .vm-preview{padding:20px 24px}
.vmotion:not(.vm-history-only) .vm-stage{flex:none;width:min(100%,580px);align-self:center;margin:auto;min-height:0}
.vmotion:not(.vm-history-only) .vm-stage[data-aspect='9:16']:has(iframe:not([hidden])),.vmotion:not(.vm-history-only) .vm-stage[data-aspect='9:16']:has(video:not([hidden])){width:auto;max-width:100%;height:clamp(140px,calc(var(--vm-viewport-height,100dvh) - 460px),520px);aspect-ratio:9/16}
.vm-preview-heading{flex:none;margin-bottom:12px}.vm-transport,.vm-export{flex:none}
.vmotion:not(.vm-history-only) .vm-history-pane{padding:20px 24px}
.vmotion:not(.vm-history-only) .vm-history-grid{grid-template-columns:1fr;gap:10px;max-height:none;overflow:visible}
.vmotion:not(.vm-history-only) .vm-result{gap:8px 16px;padding:14px 16px;border-radius:12px;background:#15222d55}
.vm-result[data-status='failed']{border-color:#df9a8b3d}.vm-history-date{display:block;margin-top:7px;color:#7d96a8;font-size:10px;font-variant-numeric:tabular-nums}.vm-history-empty{color:var(--vm-muted);font-size:13px;text-align:center;padding:35px 15px}
.vmotion:not(.vm-history-only) .vm-composer{flex:none;max-height:58%;overflow-y:auto;overscroll-behavior:contain;margin:0 16px 13px;padding:13px 14px 9px;scrollbar-width:thin}
.vm-create-row{flex-wrap:wrap}.vm-attachment-buttons{flex:0 0 auto}.vmotion .vm-create-row .vm-primary{max-width:100%;margin-left:auto}
@media(max-width:800px){
 .vmotion:not(.vm-history-only){padding-top:0}
 .vmotion:not(.vm-history-only) .vm-heading{margin-bottom:10px}.vm-heading h1{font-size:20px}.vm-heading p{font-size:11px;max-width:none}.vm-badge{font-size:9px}
 .vm-toolbar{gap:8px;margin-bottom:10px}.vmotion .vm-pane-tab{font-size:12px;padding:7px 5px;min-height:34px}.vmotion .vm-new{font-size:12px;padding:8px 10px;min-height:42px}
 .vm-workspace{border-radius:17px}.vm-conversation{padding:20px 16px}.vm-messages{gap:23px}.vm-message-text{font-size:14px}.vm-user{max-width:90%;padding:11px 13px}.vm-welcome h3{font-size:20px}
 .vmotion:not(.vm-history-only) .vm-composer{margin:0 9px 9px;padding:11px 10px 8px;border-radius:14px}.vmotion textarea{font-size:16px;min-height:57px;height:57px;padding:3px}.vm-create-row{gap:6px}.vm-attachment-buttons{gap:0}.vm-attach{font-size:10px;padding:8px 6px;gap:4px;min-height:38px}.vm-attach svg{width:15px;height:15px}.vm-create-row .vm-primary{font-size:11px;min-height:39px;padding:9px 11px}.vm-price-hint{font-size:9px;margin-top:6px}.vm-settings>summary{font-size:10px;min-height:27px}.vm-materials .vm-assets{max-height:105px}
 .vmotion:not(.vm-history-only) .vm-preview,.vmotion:not(.vm-history-only) .vm-history-pane{padding:16px}
 .vm-preview-heading .vm-meta{font-size:10px}.vm-result-actions{flex-wrap:wrap;gap:9px}
}
@media(max-height:560px){.vmotion:not(.vm-history-only) .vm-heading{display:none}.vm-toolbar{margin-bottom:6px}.vmotion:not(.vm-history-only) .vm-composer{max-height:65%;padding:8px 10px 5px;margin-bottom:7px}.vm-price-hint{display:none}.vmotion textarea{min-height:44px;height:44px}.vmotion:not(.vm-history-only) .vm-stage{max-width:330px}}

.vmotion .vm-result-actions .vm-quiet,.vmotion .vm-history-download{font-size:11px;line-height:1.4;min-height:32px;padding:6px 0}.vmotion .vm-result-actions{gap:8px 12px}

.vmotion:not(.vm-history-only) .vm-result{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}
.vmotion:not(.vm-history-only) .vm-result>.vm-history-video,.vmotion:not(.vm-history-only) .vm-result>p{grid-column:1/-1}
@media(max-width:600px){.vmotion:not(.vm-history-only) .vm-result{grid-template-columns:minmax(0,1fr);gap:7px}.vmotion .vm-result-actions{justify-content:flex-start}}

/* Keep Safari's visual viewport and the document scroll position separate. */
html.voro-motion-open{overflow:hidden;overscroll-behavior:none;scroll-behavior:auto!important}
body.voro-motion-open{width:100%;max-width:100%;scroll-behavior:auto!important}
.voro-motion-host-header{position:fixed!important;top:var(--vm-header-top,0px)!important;left:var(--vm-header-left,0px)!important;right:auto!important;width:var(--vm-header-width,100%)!important}
.vmotion:not(.vm-history-only){position:fixed;top:var(--vm-top,70px);left:var(--vm-left,10px);width:var(--vm-width,calc(100% - 20px));height:var(--vm-height,calc(100dvh - 82px));max-width:none;margin:0!important;z-index:20}
.vm-workspace{position:relative}
@media(pointer:coarse){.vmotion textarea{font-size:16px!important}}

/* Safari keeps layout media queries tall while its keyboard shrinks the visual viewport. */
.vmotion.vm-compact-viewport .vm-heading{display:none}
.vmotion.vm-compact-viewport .vm-toolbar{margin-bottom:6px}
.vmotion.vm-compact-viewport .vm-composer{max-height:75%;padding:8px 10px 5px;margin-bottom:7px}
.vmotion.vm-compact-viewport .vm-price-hint{display:none}
.vmotion.vm-compact-viewport textarea{min-height:44px;height:44px;max-height:90px}

/* Lock the layout viewport at full height; only the studio follows the keyboard. */
html.voro-motion-open,html.voro-motion-open body{height:100%!important;overflow:hidden!important;overscroll-behavior:none!important;background-color:#070809!important}
html.voro-motion-open body{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important}

/* Optional point editing, kept inside the existing pinned composer. */
.vm-select-place{align-self:center;margin-top:9px;min-height:36px;border-radius:9px!important;padding:7px 12px!important}.vm-select-place[aria-pressed=true]{background:#2bd4ff18;color:#8ee7ff;box-shadow:inset 0 0 0 1px #2bd4ff55}.vm-selection-chip{display:flex;align-items:center;gap:9px;margin-bottom:8px;padding:5px 9px;border:1px solid #2bd4ff38;border-radius:9px;background:#2bd4ff09;font-size:12px;color:#bfeaf7}.vm-selection-chip>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vm-clear-selection{margin-left:auto;flex:none;border:0;background:none;color:inherit;font-size:22px;min-width:32px;min-height:32px;cursor:pointer}

/* References open from their original chat attachment, without a persistent file panel. */
.vm-message-attachment{font:inherit;text-align:left;cursor:pointer}.vm-reference-dialog{width:min(460px,calc(100% - 28px));max-height:80dvh;overflow:auto;margin:auto;border:1px solid #6d9bb94d;border-radius:18px;padding:18px;background:#111c26;color:#e6f1f8;box-shadow:0 24px 90px #0009}.vm-reference-dialog::backdrop{background:#03080dad;backdrop-filter:blur(5px)}.vm-reference-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px;font-size:14px}.vm-reference-body>img{display:block;max-width:100%;max-height:55dvh;margin:auto;object-fit:contain}.vm-reference-body audio{width:100%}.vm-reference-body .vm-asset{width:100%;height:min(50dvh,340px);background:#080f16}.vm-reference-body .vm-asset img{object-fit:contain}.vm-reference-body .vm-media-ref{max-width:100%;min-width:0}.vm-reference-body .vm-media-copy strong{max-width:280px}.vm-reference-body .vm-media-ref>img{width:88px;height:88px;object-fit:contain}
.vm-selection-layer{position:absolute;inset:0;z-index:20;width:100%;height:100%;display:block;border:0!important;border-radius:inherit;background:transparent!important;cursor:crosshair;touch-action:manipulation;padding:0!important}.vm-stage.is-selecting{outline:2px solid #2bd4ff;outline-offset:2px}.vm-selection-help{flex:none;max-width:520px;align-self:center;margin:7px 0 0;font-size:11px;line-height:1.5;color:#9edce9;text-align:center}.vm-selection-layer:focus-visible{outline:2px solid #d3f6ff!important;outline-offset:-4px}

.vm-reference-close{flex:none;display:grid;place-items:center;width:32px;height:32px;border:1px solid #9cc4dc30;border-radius:8px;background:#ffffff04;color:#c5dbe9;font-size:21px;cursor:pointer}
.vm-upload-state{flex:none;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:4px 10px;align-items:center;padding:10px 12px;margin:0 0 9px;border:1px solid #2bd4ff30;border-radius:12px;background:linear-gradient(110deg,#2bd4ff0a,#ffffff03);font-size:11px;color:#b9d2df}
.vm-upload-file{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#e5f0f6}.vm-upload-phase{grid-column:1;line-height:1.4}.vm-upload-percent{grid-column:2;grid-row:1/3;color:#67dcf4;font-variant-numeric:tabular-nums}.vm-upload-cancel{grid-column:3;grid-row:1/3;align-self:center;width:30px;height:30px;border:0;border-radius:8px;background:#ffffff08;color:#b9cbd6;cursor:pointer;font-size:20px}.vm-upload-progress{grid-column:1/-1;width:100%;height:4px;border:0;border-radius:99px;overflow:hidden;background:#ffffff0a;accent-color:#2bd4ff}.vm-upload-progress::-webkit-progress-bar{background:#ffffff0a}.vm-upload-progress::-webkit-progress-value{background:linear-gradient(90deg,#2bd4ff,#0eb4e8);border-radius:99px}.vm-upload-state[data-phase='uploadFailed']{border-color:#ff7d7440}.vm-upload-state[data-phase='uploadFailed'] .vm-upload-phase{color:#ffb6ac}.vm-upload-state[data-phase='uploaded'] .vm-upload-phase{color:#9be5f2}
.vm-caption-dialog{color:#edf4f8;font-family:inherit;width:min(710px,calc(100vw - 24px));max-height:min(90dvh,calc(var(--vm-height,90dvh) - 20px));padding:0;border:1px solid #8fb5cc35;border-radius:22px;background:radial-gradient(ellipse at 0 0,#2bd4ff10,transparent 40%),#0d151e;box-shadow:0 28px 100px #0009;overflow:hidden;margin:auto}.vm-caption-dialog[open]{display:flex;flex-direction:column}.vm-caption-dialog::backdrop{background:#02070bb0;backdrop-filter:blur(5px)}.vm-caption-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid #91b7cf1c}.vm-caption-header h2{margin:0;font-size:17px;letter-spacing:-.4px}.vm-caption-close{display:grid;place-items:center;width:32px;height:32px;border:1px solid #91b7cf25;border-radius:9px;background:#ffffff04;color:#c4d6e2;font-size:22px;cursor:pointer}.vm-caption-body{overflow:auto;overscroll-behavior:contain;min-height:0;padding:18px 20px}.vm-caption-body h3{font-size:12px;color:#adc6d6;margin:22px 0 10px}.vm-caption-styles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.vm-caption-style{border:1px solid #8fb5cc25!important;border-radius:12px;padding:12px 7px;background:#ffffff03;color:#8faaba;cursor:pointer;min-height:82px}.vm-caption-style[aria-pressed='true']{border-color:#2bd4ff!important;background:#2bd4ff0c;box-shadow:0 0 0 1px #2bd4ff22}.vm-caption-sample{display:block;color:#f1f6fa;font-size:16px;font-weight:700;line-height:1.4;margin-bottom:7px}.vm-caption-style[data-style='premium'] strong,.vm-caption-style[data-style='karaoke'] strong,.vm-caption-style[data-style='dynamic'] strong{color:#2bd4ff}.vm-caption-style[data-style='premium'] .vm-caption-sample{background:#050a0f;border-radius:6px;padding:4px 1px}.vm-caption-style[data-style='dynamic'] .vm-caption-sample{font-size:18px}.vm-caption-style small{font-size:10px}.vm-caption-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:17px}.vm-caption-options label,.vm-caption-word-row label{display:flex;flex-direction:column;gap:5px;min-width:0;font-size:10px;color:#91adbf}.vm-caption-dialog input,.vm-caption-dialog select{font-family:inherit;color:#e8f3f9;background:#080e15;border:1px solid #8fb5cc2c;border-radius:8px;padding:8px;min-width:0;min-height:36px;max-width:100%;box-sizing:border-box}.vm-caption-options input[type='color']{width:100%;padding:4px}.vm-caption-word-row{display:grid;grid-template-columns:minmax(0,1fr) 78px 78px;gap:8px;padding:9px 0;border-bottom:1px solid #91b7cf13;align-items:end}.vm-caption-word-row>input{height:38px;font-size:14px}.vm-caption-word-row input[type='number']{font-size:12px;font-variant-numeric:tabular-nums}.vm-caption-paging{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px}.vm-caption-paging .vm-quiet{font-size:11px}.vm-caption-footer{flex:none;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 20px;border-top:1px solid #91b7cf20;background:#0a1119}.vm-caption-footer .vm-primary{margin-left:auto;font-size:12px}.vm-caption-error{color:#ffb6ac;font-size:12px;line-height:1.5}.vm-caption-open{font-size:11px}.vmotion .vm-stage.vm-source-stage{height:clamp(140px,calc(var(--vm-viewport-height,100dvh) - 460px),520px);width:auto;max-width:100%;margin:auto}
@media(max-width:520px){.vm-caption-header{padding:14px}.vm-caption-body{padding:14px}.vm-caption-styles{grid-template-columns:repeat(2,minmax(0,1fr))}.vm-caption-options{grid-template-columns:repeat(2,minmax(0,1fr))}.vm-caption-dialog input,.vm-caption-dialog select{font-size:16px}.vm-caption-word-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.vm-caption-word-row>input{grid-column:1/-1;font-size:16px}.vm-caption-footer{padding:12px 14px}.vm-caption-footer .vm-primary{width:100%;margin-left:0}.vm-upload-state{padding:9px 10px}}