.video-workspace {
  --video-studio-line: #2a3850;
  --video-studio-text: #e7eef9;
  --video-studio-muted: #91a3ba;
  --video-studio-mint: #75e4bd;
  --video-studio-violet: #b5a7ed;
  padding-bottom: 42px;
  color: var(--video-studio-text);
}
.video-workspace [hidden] { display: none !important; }
.video-workspace .video-studio-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.video-workspace button:focus-visible,
.video-workspace select:focus-visible,
.video-workspace textarea:focus-visible,
.video-workspace input:focus-visible,
.video-workspace summary:focus-visible,
.video-workspace a:focus-visible,
.video-workspace [tabindex]:focus-visible { outline: 2px solid var(--video-studio-mint); outline-offset: 3px; }
.video-workspace button:disabled { opacity: .48; cursor: not-allowed; }
.video-workspace .video-page-heading { display: flex; justify-content: space-between; align-items: center; gap: 24px; margin-bottom: 22px; padding: 24px 26px; border: 1px solid #4d45752e; border-radius: 18px; background: radial-gradient(ellipse at 95% 0, #7961b51c, transparent 55%), #0f1828; }
.video-workspace .video-page-heading h2 { margin: 5px 0 8px; font-size: clamp(25px, 2.7vw, 34px); line-height: 1.4; letter-spacing: -.025em; }
.video-workspace .video-page-heading p { margin: 0; max-width: 720px; color: #9aacc2; font-size: 13px; line-height: 1.8; }
.video-workspace .video-studio-heading-tag { display: inline-block; margin-left: 9px; padding: 2px 7px; border: 1px solid #5e52774d; border-radius: 5px; color: #ad9dd0; font-size: 11px; font-weight: 500; vertical-align: middle; letter-spacing: 0; }
.video-workspace .video-eyebrow,
.video-workspace .video-card-kicker { color: #ad9ee5; font-size: 10px; font-weight: 750; letter-spacing: .15em; }
.video-workspace .video-studio-heading-actions { display: flex; flex-direction: column; align-items: flex-end; flex: 0 0 auto; gap: 10px; }
.video-workspace .video-stage-badge { display: inline-flex; padding: 6px 11px; border: 1px solid #fbbf2442; border-radius: 999px; color: #f3d58f; background: #d4931721; font-size: 11px; font-weight: 650; white-space: nowrap; }
.video-workspace .video-studio-button { display: inline-flex; justify-content: center; align-items: center; gap: 8px; min-height: 38px; padding: 9px 14px; border: 1px solid transparent; border-radius: 9px; font-size: 13px; font-weight: 600; text-decoration: none; cursor: pointer; }
.video-workspace .video-studio-button-subtle { border-color: #35425b; background: #182339; color: #cfdbec; }
.video-workspace .video-studio-button-subtle:hover { background: #24324a; }
.video-workspace .video-studio-button-primary { background: var(--video-studio-mint); color: #0d3028; }
.video-workspace .video-studio-text-button { display: inline-flex; align-items: center; gap: 6px; padding: 4px 0; border: 0; color: #acbad0; background: transparent; font-size: 12px; line-height: 1.6; text-decoration: none; cursor: pointer; }
.video-workspace .video-studio-text-button:hover:not(:disabled) { color: var(--video-studio-mint); }

.video-workspace .video-foundation-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr); gap: 20px; }
.video-workspace .video-setup-card,
.video-workspace .video-readiness-card { padding: 24px; border: 1px solid #94a3b824; border-radius: 18px; background: #0f172ab8; }
.video-workspace .video-card-heading { display: flex; align-items: flex-start; gap: 14px; }
.video-workspace .video-card-heading > span { display: grid; width: 36px; height: 36px; flex: 0 0 auto; place-items: center; border-radius: 12px; color: #ddd6fe; background: #8b5cf629; font-size: 12px; font-weight: 800; }
.video-workspace .video-card-heading h3,
.video-workspace .video-readiness-card h3 { margin: 0 0 7px; font-size: 18px; }
.video-workspace .video-card-heading p,
.video-workspace .video-readiness-message { margin: 0; color: #94a3b8; font-size: 13px; line-height: 1.7; }
.video-workspace .video-upload-placeholder { display: grid; min-height: 190px; place-items: center; align-content: center; gap: 8px; margin: 22px 0 16px; padding: 16px; border: 1px dashed #a78bfa57; border-radius: 16px; color: #c4b5fd; background: #8b5cf60b; text-align: center; }
.video-workspace .video-upload-placeholder small { max-width: 420px; color: #8e9db2; line-height: 1.6; }
.video-workspace .video-generate-button { width: 100%; padding: 12px 16px; border-radius: 12px; color: #91a0b5; background: #94a3b817; font-weight: 700; }
.video-workspace .video-readiness-card dl { display: grid; gap: 10px; margin: 22px 0; }
.video-workspace .video-readiness-card dl div { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 0; border-bottom: 1px solid #94a3b81a; }
.video-workspace .video-readiness-card dt { color: #94a3b8; }
.video-workspace .video-readiness-card dd { margin: 0; font-weight: 700; }
.video-workspace .video-readiness-card dd[data-state="ready"] { color: #6ee7b7; }
.video-workspace .video-readiness-card dd[data-state="pending"] { color: #fde68a; }
.video-workspace .video-readiness-card dd[data-state="safe"] { color: #93c5fd; }
.video-workspace .video-readiness-card dd[data-state="unavailable"] { color: #fda4af; }

.video-workspace .video-pilot-panel { min-width: 0; }
.video-workspace .video-pilot-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin: 0 0 20px; padding: 0 3px; }
.video-workspace .video-pilot-heading h3 { margin: 5px 0 6px; font-size: 23px; font-weight: 700; line-height: 1.5; }
.video-workspace .video-pilot-heading p { margin: 0; color: #94a8ba; font-size: 12px; line-height: 1.8; }
.video-workspace .video-pilot-form { display: grid; gap: 20px; min-width: 0; }
.video-workspace .video-studio-grid { display: grid; grid-template-columns: minmax(0, 1.16fr) minmax(0, 1fr); gap: 22px; align-items: stretch; }
.video-workspace .video-studio-settings-column,
.video-workspace .video-studio-preview-column { display: flex; flex-direction: column; min-width: 0; gap: 16px; }
.video-workspace .video-studio-source-effect-group,
.video-workspace .video-studio-direction-prompt-group,
.video-workspace .video-studio-preview-support { display: flex; flex-direction: column; min-width: 0; gap: inherit; }
.video-workspace .video-studio-panel { min-width: 0; padding: 20px 22px; border: 1px solid var(--video-studio-line); border-radius: 14px; background: linear-gradient(120deg, #141f31, #101a2b); }
.video-workspace .video-studio-section-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 9px 12px; margin-bottom: 15px; }
.video-workspace .video-studio-section-heading h4 { display: flex; align-items: center; gap: 9px; margin: 0; color: #e5eafa; font-size: 14px; font-weight: 650; }
.video-workspace .video-studio-step { display: grid; place-items: center; width: 25px; height: 25px; flex: 0 0 auto; border: 1px solid #8b72bd40; border-radius: 7px; color: #bcadde; background: #8067bd1f; font-size: 11px; }
.video-workspace .video-studio-section-hint { color: #8b9db7; font-size: 11px; line-height: 1.6; }
.video-workspace #videoStudioProductCategoryStatus[data-state="loading"] { display: inline-flex; align-items: center; gap: 7px; padding: 5px 9px; border: 1px solid #6de1c566; border-radius: 999px; color: #9af4dc; background: #1b594a47; box-shadow: 0 0 0 3px #6de1c50f; font-size: 11px; font-weight: 650; line-height: 1.35; white-space: nowrap; }
.video-workspace #videoStudioProductCategoryStatus[data-state="loading"]::before { width: 10px; height: 10px; flex: 0 0 auto; border: 2px solid #9af4dc55; border-top-color: #9af4dc; border-radius: 50%; content: ""; animation: video-studio-category-spin .8s linear infinite; }
@keyframes video-studio-category-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .video-workspace #videoStudioProductCategoryStatus[data-state="loading"]::before { animation: none; } }
.video-workspace .video-studio-footnote { margin: 11px 0 0; color: #8d9fb7; font-size: 11px; line-height: 1.8; }
.video-workspace .video-studio-risk-note { padding: 8px 10px; border: 1px solid #ef5d6a66; border-radius: 8px; color: #ff8993; background: #4b182233; font-weight: 600; }
.video-workspace .video-studio-risk-note strong { color: #ff5f6d; }
.video-workspace .video-pilot-source-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
.video-workspace .video-pilot-source-tabs button { padding: 6px 10px; border: 1px solid #344159; border-radius: 7px; color: #a7b8cf; background: #0b1525; font-size: 12px; cursor: pointer; }
.video-workspace .video-pilot-source-tabs button[aria-pressed="true"] { border-color: #628f834f; color: #c4ebdd; background: #1a3c352e; }
.video-workspace .video-pilot-dropzone { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 156px; gap: 7px; padding: 20px 14px; border: 1px dashed #405672; border-radius: 11px; color: #dce6f5; background: #0b152555; text-align: center; cursor: pointer; }
.video-workspace .video-pilot-dropzone:hover:not([aria-disabled="true"]) { border-color: #86b8a5; background: #1c3e3433; }
.video-workspace .video-pilot-dropzone strong { font-size: 13px; font-weight: 550; }
.video-workspace .video-pilot-dropzone > span:not(.video-studio-upload-symbol),
.video-workspace .video-pilot-dropzone small { color: #91a4bf; font-size: 11px; line-height: 1.7; }
.video-workspace .video-pilot-dropzone[aria-disabled="true"] { opacity: .58; cursor: not-allowed; }
.video-workspace .video-studio-upload-symbol { display: grid; place-items: center; width: 35px; height: 35px; margin-bottom: 3px; border: 1px solid #635a7b78; border-radius: 10px; color: #bcb0df; background: #6b5c9923; font-size: 24px; line-height: 1; }
.video-workspace .video-pilot-upload-preview { display: grid; grid-template-columns: minmax(0, 1fr) 205px; grid-template-rows: minmax(0, 1fr); align-items: stretch; gap: 0; height: 156px; overflow: hidden; border: 1px solid #3b544c; border-radius: 11px; background: linear-gradient(115deg, #22423742, #152136); }
.video-workspace .video-studio-source-canvas { display: grid; min-width: 0; min-height: 0; place-items: center; padding: 10px; overflow: hidden; background: #0b1525; }
.video-workspace .video-pilot-upload-preview img { display: block; width: auto; height: auto; max-width: 100%; max-height: 136px; border: 0; border-radius: 5px; object-fit: contain; background: transparent; }
.video-workspace .video-studio-source-detail { display: flex; min-width: 0; min-height: 0; flex-direction: column; justify-content: space-between; gap: 4px; padding: 8px 10px; overflow: hidden; border-left: 1px solid #3b544c; }
.video-workspace .video-studio-source-state[data-state="uploading"] { color: #d6c18a !important; }
.video-workspace .video-studio-source-state[data-state="ready"] { color: #71d8b2 !important; }
.video-workspace .video-studio-source-state[data-state="error"] { color: #f0a8ad !important; }
.video-workspace .video-pilot-upload-preview > div:not(.video-studio-source-actions) { min-width: 0; flex: 1; }
.video-workspace .video-pilot-upload-preview strong { display: block; color: #dce9e8; font-size: 12px; line-height: 1.4; overflow-wrap: anywhere; }
.video-workspace .video-pilot-upload-preview div > span { display: block; margin-top: 2px; color: #91b2a8; font-size: 10px; line-height: 1.35; }
.video-workspace .video-studio-source-actions { display: flex; align-items: center; gap: 8px; }
.video-workspace .video-studio-source-actions > button:first-child { flex: 1; padding: 5px 7px; border: 1px solid #40566e; border-radius: 7px; }
.video-workspace .video-pilot-upload-preview button { padding: 4px; border: 0; color: #b2c8c1; background: transparent; font-size: 11px; cursor: pointer; }
.video-workspace .video-pilot-upload-preview button:hover:not(:disabled) { color: var(--video-studio-mint); }
.video-workspace .video-pilot-source-status { display: -webkit-box; margin: 4px 0 0; overflow: hidden; color: #91a79f; font-size: 10px; line-height: 1.35; overflow-wrap: anywhere; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.video-workspace .video-studio-scene-panel { display: grid; gap: 12px; }
.video-workspace .video-studio-scene-panel .video-studio-section-heading { margin-bottom: 3px; }
.video-workspace .video-studio-scene-frame-panel > p { margin: 0; color: #9dafc5; font-size: 12px; line-height: 1.85; }
.video-workspace .video-studio-scene-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 14px; }
.video-workspace .video-studio-scene-actions button { min-width: 0; flex: 1 1 170px; padding: 10px 12px; border: 1px solid #557264; border-radius: 8px; color: #cce3d7; background: #1c3c32; font: inherit; font-size: 12px; cursor: pointer; }
.video-workspace .video-studio-scene-actions button:last-child { border-color: #8e7fc1; color: #e1dafa; background: #463b6a66; }
.video-workspace .video-studio-scene-actions button:disabled { opacity: .52; cursor: not-allowed; }
.video-workspace .video-studio-field,
.video-workspace .video-pilot-review label { display: flex; flex-direction: column; min-width: 0; gap: 7px; color: #acbcd0; font-size: 12px; }
.video-workspace .video-pilot-form select,
.video-workspace .video-pilot-form textarea,
.video-workspace .video-pilot-review input { width: 100%; min-width: 0; padding: 10px 12px; border: 1px solid #34435b; border-radius: 8px; color: #e7eef8; background: #0c1626; font: inherit; font-size: 13px; }
.video-workspace .video-pilot-form select { min-height: 40px; cursor: pointer; }
.video-workspace .video-pilot-form select:disabled { color: #b1bed2; opacity: .7; cursor: not-allowed; }
.video-workspace .video-pilot-form textarea { min-height: 110px; line-height: 1.9; resize: vertical; }
.video-workspace .video-pilot-form textarea::placeholder { color: #798da8; }

.video-workspace .video-studio-effect-panel { flex: 1; }
.video-workspace .video-studio-preset-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.video-workspace .video-studio-preset { position: relative; min-width: 0; overflow: hidden; padding: 0; border: 1px solid #36445b; border-radius: 10px; color: #dbe4f4; background: #132035; text-align: left; cursor: pointer; }
.video-workspace .video-studio-preset:hover:not(:disabled) { border-color: #8e82b6; }
.video-workspace .video-studio-preset[aria-pressed="true"] { border-color: #b19feb; background: #7263a327; box-shadow: 0 0 0 1px #b19feb2e; }
.video-workspace .video-studio-preset-art { position: relative; display: grid; place-items: center; min-height: 74px; overflow: hidden; color: #deefe2; background: radial-gradient(ellipse at 72% 18%, #d3e7bb65, transparent 54%), linear-gradient(140deg, #35574d, #72856a); font-size: 27px; }
.video-workspace .video-studio-preset-art::before { content: ""; position: absolute; width: 42px; height: 50px; left: calc(50% - 21px); top: 14px; border: 1px solid #dceae16b; border-radius: 12px 12px 9px 9px; background: linear-gradient(105deg, #dcebd933, #fdfff22b 48%, #738f794d); box-shadow: 10px 7px 14px #082e2026; }
.video-workspace .video-studio-preset-art::after { content: ""; position: absolute; width: 40%; height: 90px; top: -11px; right: -10px; border-radius: 50%; background: #e8f1e329; transform: rotate(-25deg); }
.video-workspace [data-video-studio-preset="detail"] .video-studio-preset-art { background: linear-gradient(125deg, #385346, #9fae80); }
.video-workspace [data-video-studio-preset="detail"] .video-studio-preset-art::before { transform: scale(1.4); }
.video-workspace [data-video-studio-preset="light"] .video-studio-preset-art { background: repeating-linear-gradient(115deg, #334e3f 0 18px, #8ea580 25px 45px, #c8d7a373 60px 78px); }
.video-workspace [data-video-studio-preset="orbit"] .video-studio-preset-art::after { width: 80px; height: 25px; top: 33px; right: calc(50% - 40px); border: 1px solid #f3f8d9b3; background: transparent; }
.video-workspace [data-video-studio-preset="scene"] .video-studio-preset-art { background: radial-gradient(ellipse at 20% 25%, #2c574c, transparent 58%), linear-gradient(110deg, #9faa83, #596d5b); }
.video-workspace [data-video-studio-preset="custom"] .video-studio-preset-art { background: linear-gradient(125deg, #474966, #9a92b1); }
.video-workspace .video-studio-preset-info { display: block; padding: 10px 11px; }
.video-workspace .video-studio-preset-info strong { display: block; color: #e1e8f8; font-size: 12px; font-weight: 600; }
.video-workspace .video-studio-preset-info small { display: block; margin-top: 4px; color: #9aabc1; font-size: 11px; line-height: 1.6; }
.video-workspace .video-studio-small-tabs { display: flex; gap: 2px; padding: 3px; border: 1px solid #32415a; border-radius: 8px; background: #0b1424; }
.video-workspace .video-studio-small-tabs button { padding: 5px 8px; border: 0; border-radius: 5px; color: #98abc4; background: transparent; font-size: 11px; white-space: nowrap; cursor: pointer; }
.video-workspace .video-studio-small-tabs button[aria-pressed="true"] { color: #e0e7f4; background: #27354b; }
.video-workspace .video-studio-prompt-library-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 5px 10px; }
.video-workspace .video-studio-prompt-library-actions .video-studio-text-button { padding: 2px 0; font-size: 11px; }
.video-workspace .video-studio-prompt-footer { display: flex; justify-content: flex-end; margin-top: 7px; color: #8c9fb9; font-size: 11px; line-height: 1.7; }
.video-workspace #videoStudioPromptCount { flex-shrink: 0; font-variant-numeric: tabular-nums; }
.video-workspace .video-studio-category-field { display: grid; grid-template-columns: auto minmax(160px, 220px); align-items: center; justify-content: end; gap: 9px; margin: -5px 0 12px; color: #9eb0c6; font-size: 11px; }
.video-workspace .video-studio-category-field select { min-height: 34px; padding: 6px 9px; font-size: 11px; }
.video-workspace .video-studio-spark { color: var(--video-studio-violet); font-size: 20px; line-height: 1; }
.video-workspace .video-studio-prompt-suggestion-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; align-items: start; }
.video-workspace .video-studio-suggestion-card { min-width: 0; border: 1px solid #2e3e56; border-radius: 10px; background: #0d1728; overflow: hidden; }
.video-workspace .video-studio-suggestion { display: block; width: 100%; min-width: 0; padding: 12px 13px; border: 0; color: #afbdd1; background: transparent; text-align: left; cursor: pointer; }
.video-workspace .video-studio-suggestion:hover:not(:disabled),
.video-workspace .video-studio-suggestion[aria-pressed="true"] { background: #1c443736; box-shadow: inset 3px 0 #74b29b; }
.video-workspace .video-studio-suggestion strong { display: block; color: #e0e8f6; font-size: 12px; line-height: 1.7; }
.video-workspace .video-studio-suggestion > span { display: block; margin-top: 7px; color: #9bafc6; font-size: 11px; line-height: 1.85; }
.video-workspace .video-studio-suggestion-detail { border-top: 1px solid #29384e; }
.video-workspace .video-studio-suggestion-detail summary { padding: 8px 13px; color: #b2a5c9; font-size: 11px; cursor: pointer; }
.video-workspace .video-studio-suggestion-detail p { margin: 0; padding: 0 13px 13px; color: #b3c3d8; font-size: 12px; line-height: 1.9; overflow-wrap: anywhere; }

.video-workspace .video-studio-preview-panel { display: flex; flex-direction: column; min-height: 0; background: linear-gradient(145deg, #172337, #101a2b); }
.video-workspace .video-studio-preview-heading { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 14px; }
.video-workspace .video-studio-preview-heading h4 { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 13px; font-weight: 600; }
.video-workspace #videoStudioPreviewTitle { scroll-margin-top: 90px; }
.video-workspace .video-studio-live-dot { width: 5px; height: 5px; flex: 0 0 auto; border-radius: 50%; background: var(--video-studio-mint); box-shadow: 0 0 10px #6ac79e47; }
.video-workspace .video-studio-preview-content { display: flex; flex-direction: column; flex: 1; min-height: 0; }
.video-workspace .video-studio-preview-stage { display: grid; place-items: center; flex: 1 1 auto; width: 100%; height: auto; max-height: none; min-height: 290px; border: 1px solid #324458; border-radius: 11px; overflow: hidden; background: radial-gradient(ellipse at 50% 30%, #36594e38, transparent 68%), #0b1422; }
.video-workspace .video-studio-preview-frame { display: grid; place-items: center; position: relative; height: 100%; max-width: 100%; aspect-ratio: 9 / 16; border-inline: 1px solid #91b4a315; background: #fff; }
.video-workspace .video-studio-preview-frame > img { display: block; width: 100%; height: 100%; min-height: 0; object-fit: contain; object-position: center; background: #fff; }
.video-workspace .video-studio-preview-stage[data-ratio="1:1"] .video-studio-preview-frame { aspect-ratio: 1; width: 100%; height: auto; }
.video-workspace .video-studio-preview-stage[data-ratio="16:9"] .video-studio-preview-frame { aspect-ratio: 16 / 9; width: 100%; height: auto; }
.video-workspace .video-studio-preview-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; inset: 0; padding: 20px; color: #9db9ad; font-size: 13px; line-height: 1.85; text-align: center; }
.video-workspace .video-studio-preview-empty > span { color: #6f9a8d; font-size: 38px; margin-bottom: 13px; }
.video-workspace .video-studio-preview-empty strong { color: #b3cbc2; font-size: 13px; font-weight: 550; line-height: 1.8; }
.video-workspace .video-studio-preview-empty p { margin: 7px 0 0; color: #8aa399; font-size: 11px; line-height: 1.8; }
.video-workspace .video-studio-preview-meta { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; padding-top: 12px; color: #97abc1; font-size: 11px; line-height: 1.7; }
.video-workspace #videoStudioPreviewRatio { flex: 0 0 auto; padding: 1px 6px; border: 1px solid #3d5261; border-radius: 4px; color: #b7c6d8; }
.video-workspace .video-pilot-status { margin-top: 13px; padding: 12px 13px; border: 1px solid #45635457; border-radius: 9px; color: #b9d1c6; background: #1c38273d; font-size: 12px; line-height: 1.85; overflow-wrap: anywhere; }
.video-workspace .video-pilot-result { min-width: 0; padding: 14px; border: 1px solid #38534a; border-radius: 11px; background: #0a1722; color: #b9d3c8; line-height: 1.8; }
.video-workspace .video-pilot-result > strong { display: block; font-size: 12px; }
.video-workspace .video-ai-generated-label { display: inline-flex; margin-top: 9px; padding: 2px 7px; border: 1px solid #6c917e; border-radius: 999px; color: #bce8d4; background: #244a3a99; font-size: 10px; line-height: 1.5; }
.video-workspace .video-pilot-result video { display: block; width: 100%; max-height: 500px; margin-top: 10px; border-radius: 8px; background: #050a11; object-fit: contain; }
.video-workspace .video-studio-result-poster { display: block; width: 100%; max-height: 500px; margin-top: 10px; border-radius: 8px; background: #050a11; object-fit: contain; }
.video-workspace .video-studio-preview-content > .video-pilot-result { flex: 1; }
.video-workspace .video-studio-preview-content .video-pilot-result video { max-height: 380px; }
.video-workspace .video-studio-preview-content .video-studio-result-poster { max-height: 380px; }
.video-workspace .video-pilot-result a { display: inline-block; margin: 10px 10px 0 0; color: #9fdbbe; font-size: 12px; }
.video-workspace .video-pilot-result button { margin: 10px 10px 0 0; padding: 8px 11px; border: 1px solid #476458; border-radius: 7px; color: #c5e2d4; background: #1c3b32; font-size: 12px; cursor: pointer; }
.video-workspace .video-content-review { min-width: 0; margin-top: 12px; padding: 14px; border: 1px solid #6f6550; border-radius: 11px; color: #d8d0bd; background: #2d291d99; }
.video-workspace .video-content-review h5 { margin: 0; color: #f0e4c8; font-size: 13px; }
.video-workspace .video-content-review > p { margin: 7px 0 11px; color: #c7baa0; font-size: 11px; line-height: 1.8; overflow-wrap: anywhere; }
.video-workspace #videoContentReviewChecks { display: grid; gap: 8px; }
.video-workspace #videoContentReviewChecks label { display: flex; align-items: flex-start; gap: 8px; min-width: 0; color: #d7d1c4; font-size: 11px; line-height: 1.7; overflow-wrap: anywhere; }
.video-workspace #videoContentReviewChecks input { width: 15px; height: 15px; flex: 0 0 15px; margin: 2px 0 0; accent-color: #74c9a6; }
.video-workspace #videoContentReviewSubmit { width: 100%; margin-top: 12px; padding: 9px 11px; border: 1px solid #8c7c58; border-radius: 8px; color: #f0e4c8; background: #554725; font: inherit; font-size: 12px; cursor: pointer; }
.video-workspace #videoContentReviewSubmit:disabled { opacity: .5; cursor: not-allowed; }
.video-workspace #videoContentReviewStatus { margin-bottom: 0; }
.video-workspace .video-studio-summary-card { padding: 18px; border: 1px solid #3e5048; border-radius: 13px; background: linear-gradient(125deg, #162c2370, #1a2937); }
.video-workspace .video-studio-summary-card > div:first-child { display: flex; align-items: center; gap: 11px; }
.video-workspace .video-studio-summary-icon { display: grid; place-items: center; width: 35px; height: 35px; border: 1px solid #6d997653; border-radius: 10px; color: #96d8be; background: #3e674c2b; font-size: 24px; }
.video-workspace .video-studio-summary-card small { display: block; margin-bottom: 3px; color: #91ad9f; font-size: 11px; }
.video-workspace .video-studio-summary-card strong { display: block; color: #d9e9e2; font-size: 13px; font-weight: 600; }
.video-workspace .video-studio-summary-card p { margin: 13px 0; color: #aac4b8; font-size: 12px; line-height: 1.85; }
.video-workspace .video-studio-summary-specs { display: flex; flex-wrap: wrap; gap: 5px 8px; color: #91aea2; font-size: 11px; line-height: 1.7; }
.video-workspace .video-studio-tips-card { padding: 2px 8px; }
.video-workspace .video-studio-tips-card h4 { margin: 0; color: #aea9c6; font-size: 12px; font-weight: 650; }
.video-workspace .video-studio-tips-card p { margin: 9px 0 5px; color: #91a7c0; font-size: 12px; line-height: 1.9; }
.video-workspace .video-studio-tips-card button { color: #b3a4d2; font-size: 11px; }
.video-workspace .video-studio-advanced-settings > summary { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; list-style: none; color: #c2cde0; font-size: 14px; font-weight: 650; cursor: pointer; }
.video-workspace .video-studio-advanced-settings > summary::-webkit-details-marker { display: none; }
.video-workspace #videoStudioAdvancedSummary { color: #92a5bf; font-size: 11px; font-weight: 400; }
.video-workspace #videoStudioAdvancedSummary::after { content: "⌄"; margin-left: 10px; color: #adbed3; }
.video-workspace .video-studio-advanced-body { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 17px; }
.video-workspace .video-studio-advanced-body p { grid-column: 1 / -1; margin: 0; color: #8ea2bc; font-size: 11px; line-height: 1.85; }
.video-workspace .video-studio-output-fields { display: grid; grid-template-columns: minmax(330px, 2.2fr) minmax(190px, 1.35fr) repeat(3, minmax(0, 1fr)); gap: 20px; }
.video-workspace .video-studio-output-fields select { height: 52px; background: #101b2d; }
.video-workspace .video-studio-ratio-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.video-workspace .video-studio-ratio-grid button { display: flex; align-items: center; gap: 9px; min-width: 0; min-height: 52px; padding: 8px 10px; border: 1px solid #34435b; border-radius: 8px; color: #d9e5f3; background: #101b2d; text-align: left; cursor: pointer; }
.video-workspace .video-studio-ratio-grid button[aria-pressed="true"] { border-color: #79a394; background: #29554435; }
.video-workspace .video-studio-ratio-grid button:hover:not(:disabled) { border-color: #a5c2b5; }
.video-workspace .video-studio-ratio-grid strong { display: block; font-size: 12px; font-weight: 600; }
.video-workspace .video-studio-ratio-grid small { display: block; margin-top: 2px; color: #95aac3; font-size: 11px; white-space: nowrap; }
.video-workspace .video-studio-ratio-shape { flex: 0 0 auto; display: block; border: 1px solid #8098b7; border-radius: 3px; background: #49655625; }
.video-workspace .video-studio-ratio-vertical { width: 16px; height: 27px; margin-inline: 4px; }
.video-workspace .video-studio-ratio-square { width: 24px; height: 24px; }
.video-workspace .video-studio-ratio-landscape { width: 27px; height: 17px; }
.video-workspace .video-studio-ratio-grid button[aria-pressed="true"] .video-studio-ratio-shape { border-color: #97dfc5; background: #78d1af1f; }
.video-workspace .video-studio-output-footer { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; margin-top: 17px; padding-top: 14px; border-top: 1px solid #2b394e; }
.video-workspace .video-studio-output-footer p { margin: 0; color: #8fa4be; font-size: 11px; line-height: 1.85; }
.video-workspace .video-studio-output-footer > span { color: #a69ac2; font-size: 11px; white-space: nowrap; }
.video-workspace .video-studio-generation-dock { position: static; display: flex; align-items: center; justify-content: space-between; gap: 18px; min-width: 0; margin-top: 15px; padding: 15px 20px; border: 1px solid #3b4c60; border-radius: 12px; background: #111e30; backdrop-filter: none; box-shadow: none; }
.video-workspace .video-studio-dock-summary { min-width: 0; }
.video-workspace .video-studio-dock-summary strong { color: #d3dfed; font-size: 13px; font-weight: 600; }
.video-workspace .video-studio-dock-summary p { margin: 5px 0 0; color: #98afc7; font-size: 11px; line-height: 1.6; }
.video-workspace .video-studio-dock-action { display: flex; align-items: center; gap: 19px; }
.video-workspace .video-studio-cost-note { text-align: right; }
.video-workspace .video-studio-cost-note strong { display: block; color: #b2dcc8; font-size: 12px; font-weight: 550; }
.video-workspace .video-studio-cost-note small { display: block; max-width: none; margin-top: 4px; color: #92aeb3; font-size: 11px; line-height: 1.6; white-space: nowrap; }
.video-workspace .video-pilot-submit { min-width: 195px; min-height: 45px; padding: 11px 18px; border: 1px solid #89edc7; border-radius: 9px; color: #0b3126; background: var(--video-studio-mint); font-size: 14px; font-weight: 750; cursor: pointer; }
.video-workspace .video-pilot-submit:hover:not(:disabled) { background: #91efce; }
.video-workspace .video-studio-feedback { margin: 12px 0 0; padding: 12px 15px; border: 1px solid #456957; border-radius: 9px; color: #c6e2d2; background: #1b332b; font-size: 12px; line-height: 1.7; }
.video-workspace .video-pilot-review { display: grid; gap: 12px; margin-top: 20px; padding: 19px; border: 1px solid #bc985648; border-radius: 12px; color: #ded0b2; background: #3b311c33; font-size: 13px; line-height: 1.8; }
.video-workspace .video-pilot-review p { margin: 0; }
.video-workspace .video-pilot-review > div { display: flex; flex-wrap: wrap; gap: 10px; }
.video-workspace .video-pilot-review button { padding: 10px 13px; border: 1px solid #7d906d59; border-radius: 8px; color: #d7e9dd; background: #284537; font-size: 12px; cursor: pointer; }
.video-workspace .video-pilot-review button.danger { border-color: #bf6a7957; color: #f3c8cd; background: #74304459; }
.video-workspace .video-pilot-recent { margin-top: 27px; padding-top: 24px; border-top: 1px solid #334258; }
.video-workspace .video-pilot-recent-heading { display: flex; justify-content: space-between; align-items: center; gap: 18px; }
.video-workspace .video-pilot-recent-intro { display: flex; align-items: center; flex-wrap: wrap; gap: 5px 12px; min-width: 0; }
.video-workspace .video-pilot-recent-heading h4 { flex: 0 0 auto; margin: 0; color: #dce6f3; font-size: 13px; font-weight: 600; }
.video-workspace .video-pilot-recent-heading p,
.video-workspace .video-pilot-recent-message { margin: 0; color: #91a6bf; font-size: 11px; line-height: 1.8; }
.video-workspace .video-studio-recent-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; flex: 0 0 auto; gap: 12px; }
.video-workspace .video-pilot-recent button { padding: 8px 12px; border: 1px solid #43596b; border-radius: 8px; color: #c8dace; background: #17352b40; font-size: 12px; cursor: pointer; }
.video-workspace .video-pilot-recent button[aria-pressed="true"] { border-color: #91b6a7; background: #22523e66; }
.video-workspace .video-studio-recent-actions > button,
.video-workspace .video-studio-recent-actions > a { margin: 0; padding: 3px 0; border: 0; color: #a9c5b6; background: transparent; font-size: 11px; line-height: 1.8; }
.video-workspace .video-pilot-recent-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 13px 0 0; padding: 0; list-style: none; }
.video-workspace .video-pilot-recent-list li { display: flex; min-width: 0; }
.video-workspace .video-pilot-recent-list .video-pilot-recent-card { display: flex; align-items: center; gap: 11px; width: 100%; min-width: 0; padding: 12px; border: 1px solid #304157; border-radius: 11px; text-align: left; background: #111e30; }
.video-workspace .video-pilot-recent-card:hover { border-color: #587366; }
.video-workspace .video-pilot-recent-card:focus-visible { outline: 2px solid #8ad8b8; outline-offset: 3px; }
.video-workspace .video-pilot-recent-thumb { display: grid; place-items: center; position: relative; width: 49px; height: 65px; flex: 0 0 49px; overflow: hidden; border: 1px solid #34504e; border-radius: 7px; background: #1a302d; }
.video-workspace .video-pilot-recent-thumb img { width: 100%; height: 100%; object-fit: contain; }
.video-workspace .video-pilot-recent-thumb-label { position: absolute; bottom: 0; inset-inline: 0; padding: 1px 0; color: #d6e6df; background: #081812c9; text-align: center; font-size: 9px; }
.video-workspace .video-pilot-recent-thumb-fallback { padding: 4px; color: #8faea4; font-size: 10px; line-height: 1.6; text-align: center; }
.video-workspace .video-pilot-recent-info { display: grid; gap: 3px; min-width: 0; flex: 1; }
.video-workspace .video-pilot-recent-info strong { overflow: hidden; color: #ccdae8; font-size: 12px; font-weight: 550; line-height: 1.7; text-overflow: ellipsis; white-space: nowrap; }
.video-workspace .video-pilot-recent-info small { color: #92a8c0; font-size: 11px; line-height: 1.7; overflow-wrap: anywhere; }
.video-workspace .video-pilot-recent-state { display: flex; align-items: center; gap: 5px; color: #99cdb5; font-size: 11px; line-height: 1.7; }
.video-workspace .video-pilot-recent-state::before { content: ""; width: 4px; height: 4px; flex: 0 0 4px; border-radius: 50%; background: currentColor; }
.video-workspace .video-pilot-recent-state.is-warning { color: #d4b484; }
.video-workspace .video-pilot-recent-arrow { flex: 0 0 auto; color: #91a9bc; font-size: 16px; }
.video-workspace .video-pilot-recent-detail { flex: 1; min-width: 0; color: #d4e4da; }
.video-workspace .video-pilot-recent-detail > strong { display: block; font-size: 12px; line-height: 1.7; overflow-wrap: anywhere; }
.video-workspace .video-pilot-recent-detail > p { margin: 8px 0 12px; color: #a8bec8; font-size: 12px; line-height: 1.8; }
.video-workspace .video-studio-guide-dialog { width: 610px; max-width: calc(100vw - 32px); max-height: calc(100dvh - 36px); margin: auto; padding: 0; border: 1px solid #42546b; border-radius: 16px; color: #dce7f5; background: #121e30; box-shadow: 0 25px 90px #0009; }
.video-workspace .video-studio-guide-dialog::backdrop { background: #050c17bc; backdrop-filter: blur(5px); }
.video-workspace .video-studio-guide-dialog > header { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; padding: 22px; border-bottom: 1px solid #2c3e55; }
.video-workspace .video-studio-guide-dialog h3 { margin: 7px 0 0; font-size: 20px; }
.video-workspace .video-studio-guide-content { padding: 4px 23px 18px; }
.video-workspace .video-studio-guide-content article { display: flex; gap: 16px; padding: 18px 0; border-bottom: 1px solid #283b50; }
.video-workspace .video-studio-guide-content article:last-child { border-bottom: 0; }
.video-workspace .video-studio-guide-content article > span { color: #b2a0d3; font-size: 13px; }
.video-workspace .video-studio-guide-content h4 { margin: 0 0 6px; font-size: 14px; }
.video-workspace .video-studio-guide-content p { margin: 0; color: #9fb2c9; font-size: 12px; line-height: 1.9; }
.video-workspace .video-studio-guide-dialog > footer { display: flex; justify-content: space-between; align-items: center; gap: 15px; padding: 16px 22px; border-top: 1px solid #2c3e55; }
.video-workspace .video-studio-guide-dialog > footer > span { color: #9db1c7; font-size: 11px; line-height: 1.7; }

@media (min-width: 651px) {
  .video-workspace .video-studio-grid { grid-template-rows: auto auto; row-gap: 16px; }
  .video-workspace .video-studio-settings-column,
  .video-workspace .video-studio-preview-column { display: grid; grid-template-rows: subgrid; grid-row: 1 / span 2; }
  .video-workspace .video-studio-settings-column { grid-column: 1; }
  .video-workspace .video-studio-preview-column { grid-column: 2; }
  .video-workspace .video-studio-source-effect-group { grid-row: 1; }
  .video-workspace .video-studio-preview-panel { grid-row: 1 / -1; align-self: stretch; width: 100%; height: 100%; }
  .video-workspace .video-studio-direction-prompt-group,
  .video-workspace .video-studio-preview-support { grid-row: 2; }
  .video-workspace .video-studio-direction-prompt-group > .video-studio-prompt-library,
  .video-workspace .video-studio-preview-support > .video-studio-advanced-settings { margin-top: auto; }
  .video-workspace .video-studio-preview-content { min-height: 0; }
  .video-workspace .video-studio-preview-stage { min-height: 0; container-type: size; }
  .video-workspace .video-studio-preview-frame { width: min(100cqw, calc(100cqh * 9 / 16)); height: auto; }
  .video-workspace .video-studio-preview-stage[data-ratio="1:1"] .video-studio-preview-frame { width: min(100cqw, 100cqh); }
  .video-workspace .video-studio-preview-stage[data-ratio="16:9"] .video-studio-preview-frame { width: min(100cqw, calc(100cqh * 16 / 9)); }
}
@media (max-width: 1190px) {
  .video-workspace .video-studio-grid { gap: 16px; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); }
  .video-workspace .video-studio-panel { padding: 17px; }
  .video-workspace .video-studio-section-hint { font-size: 10px; }
  .video-workspace .video-studio-preset-grid { gap: 7px; }
  .video-workspace .video-studio-preset-info { padding: 8px; }
  .video-workspace .video-studio-preset-info small { font-size: 10px; }
  .video-workspace .video-studio-output-fields { gap: 15px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .video-workspace .video-studio-output-ratio { grid-column: 1 / -1; }
  .video-workspace .video-studio-cost-note { display: none; }
  .video-workspace .video-studio-dock-action { flex-shrink: 0; }
  .video-workspace .video-studio-prompt-suggestion-grid { grid-template-columns: minmax(0, 1fr); }
  .video-workspace .video-studio-preview-stage { min-height: 260px; }
}
@media (max-width: 920px) {
  .video-workspace .video-foundation-grid { grid-template-columns: minmax(0, 1fr); }
  .video-workspace .video-pilot-recent-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .video-workspace .video-studio-preset-art { min-height: 66px; }
  .video-workspace .video-studio-recent-actions { gap: 8px; }
  .video-workspace .video-studio-grid { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .video-workspace .video-studio-settings-column,
  .video-workspace .video-studio-preview-column { display: flex; grid-column: auto; grid-row: auto; gap: 14px; }
  .video-workspace .video-studio-preview-panel { height: auto; }
  .video-workspace .video-studio-preview-stage { flex: 0 0 auto; height: 380px; max-height: 380px; min-height: 0; }
}
@media (max-width: 650px) {
  .video-workspace .video-page-heading { align-items: flex-start; gap: 12px; padding: 19px; }
  .video-workspace .video-page-heading h2 { font-size: 24px; }
  .video-workspace .video-studio-heading-tag { display: none; }
  .video-workspace .video-page-heading p { font-size: 12px; }
  .video-workspace .video-page-heading .video-stage-badge { display: none; }
  .video-workspace .video-studio-heading-actions { gap: 8px; }
  .video-workspace .video-studio-heading-actions > a { min-height: 34px; padding: 7px 9px; font-size: 12px; }
  .video-workspace .video-pilot-heading { gap: 12px; }
  .video-workspace .video-pilot-heading h3 { font-size: 21px; }
  .video-workspace .video-pilot-heading p { font-size: 11px; }
  .video-workspace .video-stage-badge { font-size: 10px; padding: 5px 8px; }
  .video-workspace .video-studio-grid { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .video-workspace .video-studio-settings-column,
  .video-workspace .video-studio-preview-column { gap: 14px; }
  .video-workspace .video-studio-panel { padding: 16px; border-radius: 12px; }
  .video-workspace .video-studio-section-heading { gap: 8px; }
  .video-workspace .video-studio-section-heading h4 { font-size: 13px; }
  .video-workspace .video-studio-section-hint { font-size: 11px; }
  .video-workspace .video-studio-preset-grid { gap: 8px; }
  .video-workspace .video-studio-preset-info small { font-size: 11px; }
  .video-workspace .video-studio-preset-art { min-height: 70px; }
  .video-workspace .video-pilot-upload-preview { grid-template-columns: minmax(0, 1fr) 145px; height: 156px; }
  .video-workspace .video-pilot-upload-preview img { width: auto; height: auto; max-width: 100%; max-height: 136px; }
  .video-workspace .video-studio-source-detail { padding: 10px; }
  .video-workspace .video-pilot-upload-preview div > span { font-size: 10px; }
  .video-workspace .video-studio-prompt-footer { font-size: 10px; }
  .video-workspace .video-studio-prompt-library-actions { width: 100%; justify-content: flex-start; }
  .video-workspace .video-studio-category-field { grid-template-columns: minmax(0, 1fr); justify-content: stretch; }
  .video-workspace .video-studio-preview-stage { flex: 0 0 auto; height: 300px; max-height: 300px; min-height: 0; }
  .video-workspace .video-studio-preview-frame { width: min(100%, calc(300px * 9 / 16)); height: auto; max-height: 300px; }
  .video-workspace .video-studio-preview-stage[data-ratio="1:1"] .video-studio-preview-frame { width: min(100%, 300px); height: auto; max-width: 300px; }
  .video-workspace .video-studio-preview-stage[data-ratio="16:9"] .video-studio-preview-frame { width: 100%; height: auto; }
  .video-workspace .video-studio-preview-panel { min-height: 0; }
  .video-workspace .video-studio-preview-content .video-pilot-result video { max-height: 390px; }
  .video-workspace .video-studio-preview-content .video-studio-result-poster { max-height: 390px; }
  .video-workspace .video-studio-preview-meta { font-size: 10px; }
  .video-workspace .video-studio-advanced-body { gap: 13px 10px; }
  .video-workspace .video-studio-output-fields { gap: 15px 12px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .video-workspace .video-studio-output-ratio { grid-column: 1 / -1; }
  .video-workspace .video-studio-ratio-grid { gap: 7px; }
  .video-workspace .video-studio-ratio-grid button { gap: 7px; min-height: 54px; padding: 8px; }
  .video-workspace .video-studio-ratio-grid small { font-size: 10px; }
  .video-workspace .video-studio-output-fields select { height: 45px; padding: 9px; font-size: 12px; }
  .video-workspace .video-studio-output-footer { flex-direction: column; gap: 8px; }
  .video-workspace .video-studio-generation-dock { flex-wrap: wrap; gap: 12px; padding: 13px 14px max(13px, env(safe-area-inset-bottom)); }
  .video-workspace .video-studio-dock-summary { width: 100%; }
  .video-workspace .video-studio-dock-summary p { margin-top: 3px; }
  .video-workspace .video-studio-dock-action { width: 100%; justify-content: space-between; gap: 10px; }
  .video-workspace .video-studio-cost-note { display: block; text-align: left; }
  .video-workspace .video-studio-cost-note strong { font-size: 11px; }
  .video-workspace .video-studio-cost-note small { max-width: 128px; font-size: 10px; white-space: normal; }
  .video-workspace .video-pilot-submit { min-width: 148px; padding: 10px 12px; font-size: 13px; }
  .video-workspace .video-pilot-recent-heading { flex-direction: column; gap: 12px; }
  .video-workspace .video-studio-recent-actions { flex-direction: row; align-items: center; justify-content: space-between; width: 100%; }
  .video-workspace .video-pilot-recent-list { grid-template-columns: minmax(0, 1fr); }
  .video-workspace .video-studio-guide-dialog > header,
  .video-workspace .video-studio-guide-dialog > footer { padding: 18px; }
  .video-workspace .video-studio-guide-dialog h3 { font-size: 17px; }
  .video-workspace .video-studio-guide-content { padding: 2px 18px 14px; }
  .video-workspace .video-studio-guide-dialog > footer { align-items: flex-start; }
  .video-workspace .video-studio-guide-dialog > footer > span { font-size: 10px; }
}