/* Guided Video Studio ----------------------------------------------------- */
body.video-beta-2-guided #panel-generate > .split { display:block!important;height:100%;overflow:hidden!important; }
body.video-beta-2-guided #panel-generate .split-left { width:100%!important;max-width:none!important;height:100%;overflow:hidden!important; }
body.video-beta-2-guided #panel-generate > .split > .split-right { display:none!important; }
body.video-beta-2-guided #gen-controls { width:100%;max-width:none;height:100%; }
body.video-beta-2-guided #video-beta-2-guided { display:block;height:100%; }
body.video-beta-2-guided #gen-mode-ai[hidden] { display:none!important; }

.video-guided-shell {
  --guided-gradient:linear-gradient(135deg,#FF7A1A,#FF1F5F);
  position:relative;height:100%;min-height:0;overflow:hidden;border:1px solid #e9e4dc;border-radius:22px;background:#fff;color:#211f1d;container-type:inline-size;
  box-shadow:0 24px 70px -58px rgba(38,31,26,.7);font-family:'Hanken Grotesk','Inter',sans-serif;
}
.video-guided-layout { display:grid;height:100%;min-height:0;grid-template-columns:218px minmax(0,1fr); }
.video-guided-progress { display:flex;min-height:0;flex-direction:column;gap:5px;padding:26px 20px;border-right:1px solid #ece7df;background:#faf9f6;overflow-y:auto; }
.video-guided-progress button {
  display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:11px;min-height:56px;padding:7px 9px;border:0;border-radius:12px;background:transparent;color:#817a74;text-align:left;cursor:pointer;
}
.video-guided-progress button.is-current { background:#fff1e9;color:#c6490d; }
.video-guided-progress button:disabled { cursor:default;opacity:.48; }
.video-guided-progress i { display:grid;width:29px;height:29px;place-items:center;border:1px solid #ded8d0;border-radius:50%;background:#fff;font-size:10px;font-style:normal;font-weight:800; }
.video-guided-progress .is-current i { border-color:transparent;background:var(--guided-gradient);color:#fff; }
.video-guided-progress .is-complete i { background:#f4f1ec;color:#746d66; }
.video-guided-progress strong,.video-guided-progress small { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.video-guided-progress strong { font-size:14px; }.video-guided-progress small { margin-top:4px;color:#aaa29b;font-size:11px; }

.video-guided-selection { display:grid;min-width:0;min-height:0;grid-template-columns:minmax(0,1fr) 286px;overflow:hidden; }
.video-guided-workspace { display:grid;width:100%;height:100%;min-width:0;min-height:0;box-sizing:border-box;grid-template-rows:auto minmax(0,1fr) auto auto;padding:34px 36px 24px;overflow:hidden; }
.video-guided-step-header { padding-bottom:22px; }
.video-guided-step-header > span { color:#da5718;font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase; }
.video-guided-step-header h2 { margin:10px 0 0;font:520 36px/1 'Newsreader','Inter',serif;letter-spacing:-.025em; }
.video-guided-step-header p { max-width:62ch;margin:10px 0 0;color:#77716b;font-size:14px;line-height:1.5; }
.video-guided-content { min-width:0;min-height:0;padding-right:6px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d8d0c8 transparent; }
.video-guided-message { min-height:18px;margin:8px 0 0;color:#c2410c;font-size:12px;font-weight:750; }
.video-guided-navigation { position:relative;z-index:8;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;padding:18px 0 0;border-top:1px solid #eee9e2;background:#fff; }
.video-guided-navigation button,.video-guided-action {
  min-height:46px;padding:0 20px;border:1px solid #ded8d0;border-radius:12px;background:#fff;color:#4d4844;font:760 14px/1 'Hanken Grotesk','Inter',sans-serif;cursor:pointer;
}
.video-guided-back { grid-column:1;justify-self:start; }.video-guided-count { grid-column:2;color:#9c948d;font-size:11px;font-weight:750; }
.video-guided-continue { grid-column:3;justify-self:end;border-color:transparent!important;background:var(--guided-gradient)!important;color:#fff!important;box-shadow:0 9px 20px -15px rgba(255,31,95,.72); }
.video-guided-navigation button:disabled,.video-guided-action:disabled { cursor:not-allowed;opacity:.45; }

.video-guided-summary { display:flex;min-width:0;min-height:0;flex-direction:column;padding:34px 24px 26px;border-left:1px solid #ece7df;background:#fbfaf7;overflow-y:auto; }
.video-guided-summary > header > span { color:#da5718;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase; }
.video-guided-summary h3 { margin:8px 0 0;font:520 23px/1.08 'Newsreader','Inter',serif; }
.video-guided-summary-list { display:grid;margin-top:25px; }
.video-guided-summary-list button { display:grid;grid-template-columns:1fr auto;gap:3px 8px;padding:12px 0;border:0;border-bottom:1px solid #ece7df;background:transparent;text-align:left;cursor:pointer; }
.video-guided-summary-list span { grid-column:1;color:#989089;font-size:11px;font-weight:700; }.video-guided-summary-list strong { grid-column:1;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap; }.video-guided-summary-list small { grid-column:2;grid-row:1/3;align-self:center;color:#d95618;font-size:11px;font-weight:800; }
.video-guided-tip { margin-top:auto;padding-top:24px;color:#77706a;font-size:12px;line-height:1.5; }

.video-guided-choice-grid,.video-guided-format-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }
.video-guided-choice { position:relative;display:flex;min-width:0;min-height:82px;align-items:center;gap:12px;padding:13px 38px 13px 14px;border:1px solid #e5dfd7;border-radius:14px;background:#fff;color:#282522;text-align:left;cursor:pointer; }
.video-guided-choice:hover { border-color:#d5cbc2;background:#fbfaf7; }.video-guided-choice[aria-pressed="true"] { border-color:#f19a6b;background:#fff7f0;box-shadow:0 0 0 2px rgba(249,115,22,.08); }
.video-guided-choice > video { width:74px;height:58px;flex:0 0 74px;border-radius:9px;object-fit:cover; }.video-guided-choice > img { width:38px;height:38px;object-fit:contain; }
.video-guided-choice > span { min-width:0; }.video-guided-choice strong,.video-guided-choice small { display:block; }.video-guided-choice strong { font-size:13px; }.video-guided-choice small { margin-top:4px;overflow:hidden;color:#8c857e;font-size:10.5px;line-height:1.35; }
.video-guided-choice > i { position:absolute;top:11px;right:11px;display:grid;width:19px;height:19px;place-items:center;border:1px solid #ddd6ce;border-radius:50%;background:#fff;color:transparent;font-size:10px;font-style:normal;font-weight:800; }.video-guided-choice[aria-pressed="true"] > i { border-color:#f75b3c;background:var(--guided-gradient);color:#fff; }

.video-guided-style-stage { display:grid;grid-template-columns:330px minmax(0,1fr);grid-template-rows:minmax(0,520px);gap:22px;align-items:stretch; }
.video-guided-style-preview { position:relative;display:grid;grid-column:2;grid-row:1;min-width:0;min-height:0;place-items:center;margin:0;overflow:hidden;border-radius:18px;background:#171717; }
.video-guided-style-preview video { display:block;width:auto;height:100%;max-width:100%;max-height:520px;object-fit:contain; }
.video-guided-style-preview figcaption { position:absolute;right:0;bottom:0;left:0;padding:34px 18px 15px;background:linear-gradient(transparent,rgba(0,0,0,.72));color:#fff;font-size:14px;font-weight:800; }
.video-guided-style-grid { display:grid;grid-column:1;grid-row:1;grid-auto-rows:minmax(94px,auto);gap:10px;min-width:0;max-height:520px;padding:1px 5px 1px 1px;overflow-x:hidden;overflow-y:auto;align-content:start; }
.video-guided-style-grid .video-guided-choice { width:100%;min-width:0;min-height:94px; }
.video-guided-style-grid .video-guided-choice > video { width:104px;height:76px;flex-basis:104px;object-fit:cover; }

.video-guided-media-step { display:grid;gap:14px; }.video-guided-media-mode-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }.video-guided-media-mode { min-height:78px; }.video-guided-media-mode:disabled { cursor:not-allowed;opacity:.45; }.video-guided-media-rule { margin:0;color:#807871;font-size:11px;line-height:1.45; }.video-guided-media { display:grid;gap:14px; }.video-guided-media-previews { display:flex;min-height:190px;align-items:center;justify-content:center;gap:14px;padding:16px;border:1.5px dashed #dcd4ca;border-radius:18px;background:#fff;text-align:center; }.video-guided-media-previews.is-actionable { cursor:pointer;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease; }.video-guided-media-previews.is-actionable:hover { border-color:#ee9a6d;background:#fffaf7; }.video-guided-media-previews.is-actionable:focus-visible { border-color:#f56a35;outline:0;box-shadow:0 0 0 3px rgba(245,106,53,.12); }.video-guided-media-previews > span { display:grid;width:50px;height:50px;flex:0 0 50px;place-items:center;border:1px solid #ded6cd;border-radius:15px;color:#e65f16;font-size:28px; }.video-guided-media-empty-copy { display:grid;gap:5px;max-width:360px;text-align:left; }.video-guided-media-empty-copy > strong,.video-guided-media-empty-copy > small { display:block; }.video-guided-media-empty-copy > strong { font-size:14px;line-height:1.25; }.video-guided-media-empty-copy > small { color:#8c857e;font-size:11px;line-height:1.4; }.video-guided-media-previews > img { display:block;max-width:62%;max-height:170px;object-fit:contain; }.video-guided-media-actions { display:flex;gap:10px; }.video-guided-action.is-primary { border:0;background:var(--guided-gradient);color:#fff; }
.video-guided-media-previews.has-reference-selection { align-items:flex-start;justify-content:flex-start;overflow-x:auto; }
.video-guided-reference-hint { margin:0;color:#756e68;font-size:11px;line-height:1.45; }.video-guided-reference { display:grid;width:150px;gap:9px; }.video-guided-reference img { width:100%;aspect-ratio:1;object-fit:contain;border:1px solid #e5dfd7;border-radius:13px;background:#fff; }.video-guided-reference.is-creator > strong { color:#5f5751;font-size:11px;text-align:left; }.video-guided-reference-role { display:grid;gap:6px;text-align:left; }.video-guided-reference-role > span { color:#756e68;font-size:10px;font-weight:760; }.image-beta .video-guided-reference-role > select { box-sizing:border-box;width:100%;min-height:44px!important;padding:0 32px 0 12px;border:1px solid #ddd6ce!important;border-radius:12px!important;background:#fff!important;color:#3f3934!important;font:720 12px/1 'Hanken Grotesk','Inter',sans-serif;cursor:pointer; }.video-guided-dedicated select { min-height:40px;border:1px solid #ddd6ce;border-radius:10px;background:#fff;padding:0 10px;color:#3f3934; }

.video-guided-format { display:grid;gap:22px; }.video-guided-format h3 { margin:0 0 9px;color:#625c57;font-size:12px;letter-spacing:.08em;text-transform:uppercase; }.video-guided-format-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }.video-guided-format-grid .video-guided-choice { min-height:68px;justify-content:center;text-align:center; }.video-guided-dedicated { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }.video-guided-dedicated label { display:grid;gap:7px;color:#5f5751;font-size:11px;font-weight:750; }
.video-guided-duration-field { position:relative;display:grid;max-width:420px;gap:7px; }.video-guided-duration-field > span { color:#5f5751;font-size:11px;font-weight:780; }.video-guided-duration-field::after { content:'⌄';position:absolute;right:18px;top:45px;color:#766f69;font-size:18px;line-height:1;pointer-events:none; }.image-beta .video-guided-duration-select { box-sizing:border-box;width:100%;min-height:68px!important;padding:0 48px 0 18px;border:1px solid #ddd6ce!important;border-radius:14px!important;appearance:none;background:#fff!important;color:#282522!important;font:760 14px/1 'Hanken Grotesk','Inter',sans-serif;cursor:pointer;outline:0; }.image-beta .video-guided-duration-select:hover { border-color:#cfc4b9!important; }.image-beta .video-guided-duration-select:focus-visible { border-color:#f56a35!important;box-shadow:0 0 0 3px rgba(245,106,53,.12)!important; }.video-guided-duration-note { color:#8c857e;font-size:11px;line-height:1.4; }
.video-guided-brief,.video-guided-optimize label { display:grid;align-content:start;gap:10px; }.video-guided-brief > span,.video-guided-optimize label > span { color:#5f5751;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase; }.video-guided-brief textarea,.video-guided-optimize textarea { box-sizing:border-box;width:100%;height:190px;max-height:300px;padding:20px 22px;border:1px solid #ded7ce;border-radius:18px;background:#fff;color:#211f1d;font:500 14px/1.55 'Hanken Grotesk','Inter',sans-serif;outline:none;resize:vertical; }.video-guided-optimize textarea { height:300px; }.video-guided-brief textarea:focus,.video-guided-optimize textarea:focus { border-color:#ff6a2e;box-shadow:0 0 0 3px rgba(255,90,45,.1); }
.video-guided-optimize { display:grid;gap:14px; }.video-guided-building { display:grid;min-height:270px;place-items:center;align-content:center;gap:8px;border:1.5px dashed #e1d8ce;border-radius:18px;background:#fff;text-align:center; }.video-guided-building strong { font:520 23px/1.1 'Newsreader','Inter',serif; }.video-guided-building p { margin:0;color:#857e78;font-size:12px; }
.video-guided-review-notice { margin-bottom:15px;padding:13px 15px;border:1px solid #e8dfd6;border-radius:13px;background:#fff; }.video-guided-review-notice strong { font-size:12px; }.video-guided-review-notice p { margin:4px 0 0;color:#746c65;font-size:11px;line-height:1.45; }.video-guided-review { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px; }.video-guided-review-row { display:grid;grid-template-columns:100px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:52px;padding:8px 0;border:0;border-bottom:1px solid #eee9e2;background:transparent;text-align:left;cursor:pointer; }.video-guided-review-row span { color:#938b84;font-size:11px;font-weight:700; }.video-guided-review-row strong { overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap; }.video-guided-review-row small { color:#d65314;font-size:11px;font-weight:800; }

.video-guided-selection[hidden],.video-guided-output[hidden] { display:none!important; }
.video-guided-output { display:grid;box-sizing:border-box;height:100%;min-height:0;grid-column:2;grid-template-rows:auto minmax(0,1fr) auto;padding:clamp(22px,3.4vh,34px) clamp(24px,3.2vw,42px) 22px;overflow:hidden;text-align:center; }
.video-guided-output > header { position:relative;z-index:1;padding-bottom:clamp(16px,2.5vh,24px); }
.video-guided-output > header > span { color:#da5718;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase; }
.video-guided-output h2 { margin:8px 0 0;font:520 clamp(30px,3vw,40px)/1 'Newsreader','Inter',serif; }
.video-guided-output header p { margin:9px 0 0;color:#7f7770;font-size:13px; }
.video-guided-output-canvas { display:grid;width:min(100%,1120px);height:100%;min-height:0;place-items:center;justify-self:center;overflow:hidden;border:1px solid #eee9e2;border-radius:18px;background:#f7f5f1; }
.video-beta-2-static .video-guided-output-canvas > .video-beta-2-large-preview { display:block;width:100%;max-width:100%;height:100%;max-height:100%;object-fit:contain;background:#111; }
.video-beta-2-static .video-guided-output-canvas .video-beta-2-job-state { position:static;inset:auto;box-sizing:border-box;width:100%;height:100%;min-height:0;padding:clamp(20px,4vh,44px);background:transparent;backdrop-filter:none; }
.video-guided-output-canvas .video-beta-2-job-progress { gap:12px; }
.video-guided-output-canvas .video-beta-2-job-spinner { width:34px;height:34px; }
.video-guided-output-canvas .video-beta-2-job-progress strong { font-size:16px; }
.video-guided-output-canvas .video-beta-2-job-progress small { font-size:11px; }
.video-guided-output-actions { display:flex;min-height:56px;flex-wrap:wrap;align-items:end;justify-content:center;gap:10px;padding-top:14px; }
.video-beta-2-static .video-guided-output-actions .video-beta-2-download { position:static;display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:0 22px;border:0;border-radius:12px;background:var(--guided-gradient);color:#fff;font-size:12px;font-weight:800;box-shadow:0 12px 24px -17px rgba(236,72,153,.8);backdrop-filter:none; }
.video-guided-create-new { display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:0 22px;border:1px solid #ded8d0;border-radius:12px;background:#fff;color:#4d4844;font:800 12px/1 'Hanken Grotesk','Inter',sans-serif;cursor:pointer; }
.video-guided-create-new[hidden] { display:none!important; }
.video-guided-shell[data-output-state="error"] .video-guided-output-canvas { background:#fff; }
.video-guided-shell[data-output-state="error"] .video-beta-2-job-error { width:min(100%,560px);padding:28px;border-color:#eaded4;border-radius:18px;box-shadow:none; }
.video-guided-shell[data-output-state="error"] .video-beta-2-job-error h3 { font-size:26px; }
.video-guided-shell[data-output-state="error"] .video-beta-2-job-error p { font-size:12px; }
.video-guided-shell[data-output-state="error"] .video-beta-2-job-error[data-credit-recovery="none"] #video-beta-2-job-edit,
.video-guided-shell[data-output-state="error"] #video-beta-2-job-retry:not([hidden]) { border-color:transparent!important;background:var(--guided-gradient)!important;color:#fff!important;box-shadow:0 12px 24px -17px rgba(236,72,153,.8)!important; }
.video-guided-shell[data-output-state="error"] #video-beta-2-job-billing:not([hidden]) { order:-1;border-color:transparent;background:var(--guided-gradient);color:#fff; }
.video-guided-shell[data-output-state="error"] #video-beta-2-job-create-new { border:1px solid #ded8d0!important;background:#fff!important;color:#4d4844!important;box-shadow:none!important; }

.video-guided-shell > .video-beta-2-media-library { --guided-library-surface:#fff;--guided-library-muted:#f6f6f5;--guided-library-line:#e3e0dc;z-index:30;box-sizing:border-box;top:0;right:0;bottom:auto;left:0;width:100%;height:min(680px,calc(100dvh - 118px));max-height:calc(100dvh - 118px);padding:26px 30px 22px;border-radius:22px;background:var(--guided-library-surface);animation:none;opacity:1;transform:none; }.video-guided-shell > .video-beta-2-media-library:not([hidden]) { position:absolute;display:flex!important; }.video-guided-shell > .video-beta-2-media-library .beta-reference-library-close { border-color:var(--guided-library-line);background:var(--guided-library-surface); }.video-guided-shell > .video-beta-2-media-library .video-beta-2-library-tabs { border-color:var(--guided-library-line);background:var(--guided-library-muted); }.video-guided-shell > .video-beta-2-media-library .video-beta-2-library-tabs > button[aria-selected="true"] { border-color:var(--guided-library-line);background:var(--guided-library-surface); }.video-guided-shell > .video-beta-2-media-library .beta-reference-library-flow { display:grid;width:100%;grid-template-columns:repeat(auto-fill,minmax(150px,180px));gap:12px;columns:auto;align-items:start;justify-content:start; }.video-guided-shell > .video-beta-2-media-library .beta-reference-library-item { display:block;width:100%;margin:0;border-color:var(--guided-library-line);border-radius:14px;background:var(--guided-library-surface); }.video-guided-shell > .video-beta-2-media-library .beta-reference-library-item img { width:100%;height:auto;max-height:none;aspect-ratio:1;box-sizing:border-box;padding:7px;background:var(--guided-library-surface);object-fit:contain; }.video-guided-shell > .video-beta-2-media-library .beta-reference-library-item small { background:var(--guided-library-surface); }.video-guided-shell > .video-beta-2-media-library .beta-reference-library-empty,.video-guided-shell > .video-beta-2-media-library .video-beta-2-library-loading { grid-column:1/-1; }.video-guided-shell .video-guided-use-media { min-height:44px;padding:0 20px;border:0;border-radius:12px;background:var(--guided-gradient);color:#fff;font-size:12px;font-weight:800;cursor:pointer; }.video-guided-shell .video-guided-use-media[hidden] { display:none!important; }.video-guided-shell .beta-reference-library-upload,.video-guided-shell .beta-reference-library-footer.has-selection .beta-reference-library-upload { border:1px solid var(--guided-library-line)!important;background:var(--guided-library-surface)!important;color:#4b4540!important; }
.video-guided-shell > .video-beta-2-media-library:has(.video-beta-2-library-creator:not([hidden])) { height:auto; }
.video-guided-shell > .video-beta-2-media-library:has(.video-beta-2-library-creator:not([hidden])) .beta-reference-library-grid { flex:0 1 auto; }
.video-guided-shell > .video-beta-2-media-library .beta-reference-library-set-preview { display:grid;aspect-ratio:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;padding:7px;background:var(--guided-library-muted); }
.video-guided-shell > .video-beta-2-media-library .beta-reference-library-set-preview img { width:100%;height:100%;min-height:0;aspect-ratio:auto;padding:0;border-radius:7px;background:var(--guided-library-surface);object-fit:contain; }
.video-guided-shell > .video-beta-2-media-library .beta-reference-library-set small { display:grid;gap:2px; }

/* Guided mode never sets the light --layer tokens, so the media browser's search
   field and Upload button fell back to the old tan palette. Keep them on the
   same white surface as the rest of the panel. */
.video-guided-shell > .video-beta-2-media-library .video-beta-2-library-controls input,
.video-guided-shell > .video-beta-2-media-library .video-beta-2-library-controls select { border-color:var(--guided-library-line)!important;background-color:var(--guided-library-surface)!important;color:#3f3934!important; }
.video-guided-shell > .video-beta-2-media-library .video-beta-2-library-controls input::placeholder { color:#8c857e; }
.image-beta.image-beta-experiment .video-guided-shell .beta-reference-library .beta-reference-library-upload,
.image-beta.image-beta-experiment .video-guided-shell .beta-reference-library-footer.has-selection .beta-reference-library-upload { border:1px solid var(--guided-library-line)!important;background:var(--guided-library-surface)!important;color:#4b4540!important; }

/* The media browser responds to the Guided canvas itself, not only the page.
   This matters on small laptops where the persistent sidebar leaves the canvas
   narrow even though the browser viewport is still wider than the mobile breakpoint. */
@container (max-width:900px) {
  .video-guided-shell > .video-beta-2-media-library { padding:22px 22px 18px; }
  .video-guided-shell > .video-beta-2-media-library .beta-reference-library-head { padding-bottom:16px; }
  .video-guided-shell > .video-beta-2-media-library .beta-reference-library-title { font-size:34px; }
  .video-guided-shell > .video-beta-2-media-library .beta-reference-library-grid { padding-top:16px; }
  .video-guided-shell > .video-beta-2-media-library .video-creator-picker { gap:12px; }
  .video-guided-shell > .video-beta-2-media-library .video-creator-picker__head { grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:6px 16px; }
  .video-guided-shell > .video-beta-2-media-library .video-creator-picker__head > span { grid-column:1;grid-row:1; }
  .video-guided-shell > .video-beta-2-media-library .video-creator-picker__head p { grid-column:1/-1;grid-row:2;max-width:58ch; }
  .video-guided-shell > .video-beta-2-media-library .video-creator-picker__head a { grid-column:2;grid-row:1;align-self:end; }
  .video-guided-shell > .video-beta-2-media-library .video-creator-picker__profiles { grid-template-columns:minmax(0,1fr); }
  .video-guided-shell > .video-beta-2-media-library .video-creator-profile { min-height:94px;grid-template-columns:74px minmax(0,1fr) 20px;gap:12px;padding:8px; }
  .video-guided-shell > .video-beta-2-media-library .video-creator-profile > img { width:74px;height:78px; }
  .video-guided-shell > .video-beta-2-media-library .video-creator-profile b { font-size:12px; }
  .video-guided-shell > .video-beta-2-media-library .video-creator-profile small { font-size:9.5px; }
  .video-guided-shell > .video-beta-2-media-library .video-creator-picker__reference-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@container (max-width:620px) {
  .video-guided-shell > .video-beta-2-media-library { height:calc(100dvh - 92px);max-height:calc(100dvh - 92px);padding:18px 16px 16px;border-radius:18px; }
  .video-guided-shell > .video-beta-2-media-library:has(.video-beta-2-library-creator:not([hidden])) { height:auto; }
  .video-guided-shell > .video-beta-2-media-library .beta-reference-library-head { gap:12px;padding-bottom:14px; }
  .video-guided-shell > .video-beta-2-media-library .beta-reference-library-title { font-size:29px; }
  .video-guided-shell > .video-beta-2-media-library .beta-reference-library-copy { margin-top:6px;line-height:1.4; }
  .video-guided-shell > .video-beta-2-media-library .video-beta-2-library-tabs { gap:3px;padding:4px; }
  .video-guided-shell > .video-beta-2-media-library .video-beta-2-library-tabs > button { min-height:40px;padding-inline:6px; }
  .video-guided-shell > .video-beta-2-media-library .beta-reference-library-grid { padding:13px 1px 16px; }
  .video-guided-shell > .video-beta-2-media-library .video-creator-picker__head { grid-template-columns:minmax(0,1fr);gap:6px; }
  .video-guided-shell > .video-beta-2-media-library .video-creator-picker__head > span,
  .video-guided-shell > .video-beta-2-media-library .video-creator-picker__head p,
  .video-guided-shell > .video-beta-2-media-library .video-creator-picker__head a { grid-column:1; }
  .video-guided-shell > .video-beta-2-media-library .video-creator-picker__head > span { grid-row:1; }
  .video-guided-shell > .video-beta-2-media-library .video-creator-picker__head p { grid-row:2; }
  .video-guided-shell > .video-beta-2-media-library .video-creator-picker__head a { grid-row:3;justify-self:start;text-align:left; }
  .video-guided-shell > .video-beta-2-media-library .video-creator-profile { min-height:88px;grid-template-columns:64px minmax(0,1fr) 20px;gap:10px;padding:7px; }
  .video-guided-shell > .video-beta-2-media-library .video-creator-profile > img { width:64px;height:72px; }
  .video-guided-shell > .video-beta-2-media-library .video-creator-picker__reference-list { grid-template-columns:minmax(0,1fr); }
  .video-guided-shell > .video-beta-2-media-library .beta-reference-library-footer { grid-template-columns:minmax(0,1fr);gap:10px; }
  .video-guided-shell > .video-beta-2-media-library .beta-reference-library-actions { width:100%; }
  .video-guided-shell > .video-beta-2-media-library .beta-reference-library-upload { min-width:0;flex:1; }
}

html[data-theme="dark"] .video-guided-shell { border-color:#45413e;background:#262424;color:#f0ebe4; }.video-beta-2-guided[hidden] { display:none!important; }
html[data-theme="dark"] .video-guided-progress,html[data-theme="dark"] .video-guided-summary { border-color:#45413e;background:#211f1e; }html[data-theme="dark"] .video-guided-choice,html[data-theme="dark"] .video-guided-media-previews,html[data-theme="dark"] .video-guided-brief textarea,html[data-theme="dark"] .video-guided-optimize textarea,html[data-theme="dark"] .video-guided-building,html[data-theme="dark"] .video-guided-review-notice,html[data-theme="dark"] .video-guided-duration-select { border-color:#51483f;background:#2b2826;color:#f0ebe4; }html[data-theme="dark"] .video-guided-navigation { border-color:#45413e;background:rgba(38,36,36,.96); }
html[data-theme="dark"] .image-beta .video-guided-duration-select { border-color:#51483f!important;background:#2b2826!important;color:#f0ebe4!important; }
html[data-theme="dark"] .image-beta .video-guided-reference-role > select { border-color:#51483f!important;background:#2b2826!important;color:#f0ebe4!important; }
html[data-theme="dark"] .video-guided-shell > .video-beta-2-media-library { --guided-library-surface:#282625;--guided-library-muted:#211f1e;--guided-library-line:#514b47; }
html[data-theme="dark"] .video-guided-output-canvas,html[data-theme="dark"] .video-guided-shell[data-output-state="error"] .video-guided-output-canvas { border-color:#45413e;background:#211f1e; }
html[data-theme="dark"] .video-guided-shell[data-output-state="error"] #video-beta-2-job-create-new { border-color:#514b47!important;background:#2b2826!important;color:#f0ebe4!important; }
html[data-theme="dark"] .video-guided-create-new { border-color:#514b47;background:#2b2826;color:#f0ebe4; }

@container (max-width:1300px) { .video-guided-shell[data-step="style"] .video-guided-selection { display:block; }.video-guided-shell[data-step="style"] .video-guided-summary { display:none; }.video-guided-shell[data-step="style"] .video-guided-style-stage { grid-template-columns:clamp(190px,24cqi,260px) minmax(0,1fr);gap:18px; }.video-guided-shell[data-step="style"] .video-guided-style-grid { grid-auto-rows:minmax(78px,auto);gap:8px; }.video-guided-shell[data-step="style"] .video-guided-style-grid .video-guided-choice { min-height:78px;padding:9px 34px 9px 10px; }.video-guided-shell[data-step="style"] .video-guided-style-grid .video-guided-choice > video { width:clamp(70px,8cqi,86px);height:60px;flex-basis:clamp(70px,8cqi,86px); } }
@media (min-width:761px) and (max-width:1120px) { html body.image-beta.image-beta-2.image-beta-experiment.video-beta-2-guided .app-workspace { min-height:0!important;overflow:hidden!important; }html body.image-beta.image-beta-2.image-beta-experiment.video-beta-2-guided #main { flex:1 1 auto!important;height:auto!important;min-height:0!important;overflow:hidden!important; }html body.image-beta.image-beta-2.image-beta-experiment.video-beta-2-guided #panel-generate.panel.active { height:100%!important;min-height:0!important;overflow:hidden!important; }html body.image-beta.image-beta-2.image-beta-experiment.video-beta-2-guided #panel-generate > .split,html body.image-beta.image-beta-2.image-beta-experiment.video-beta-2-guided #panel-generate .split-left,html body.image-beta.image-beta-2.image-beta-experiment.video-beta-2-guided #gen-controls,html body.image-beta.image-beta-2.image-beta-experiment.video-beta-2-guided #video-beta-2-guided { height:100%!important;min-height:0!important;overflow:hidden!important; } }
@media (max-width:1180px) { .video-guided-layout { grid-template-columns:82px minmax(0,1fr); }.video-guided-progress { align-items:center;padding:22px 12px; }.video-guided-progress button { display:grid;width:52px;grid-template-columns:1fr;place-items:center;padding:6px; }.video-guided-progress button > span { display:none; }.video-guided-selection { display:block; }.video-guided-summary { display:none; }.video-guided-workspace { padding-inline:26px; } }
@media (max-width:1050px) { .video-guided-style-stage { grid-template-columns:240px minmax(0,1fr); }.video-guided-style-grid .video-guided-choice > video { width:78px;height:68px;flex-basis:78px; } }
@media (max-width:900px) { .video-guided-layout { grid-template-columns:82px minmax(0,1fr); }.video-guided-selection { display:block; }.video-guided-summary { display:none; }.video-guided-format-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.video-guided-style-stage { grid-template-columns:220px minmax(0,1fr); } }
@media (max-width:760px) { body.video-beta-2-guided #panel-generate > .split,body.video-beta-2-guided #panel-generate .split-left,body.video-beta-2-guided #gen-controls,body.video-beta-2-guided #video-beta-2-guided,.video-guided-shell,.video-guided-layout,.video-guided-selection,.video-guided-workspace { height:auto;overflow:visible!important; }.video-guided-shell { min-height:520px; }.video-guided-layout { display:block; }.video-guided-progress { display:grid;grid-template-columns:repeat(7,1fr);gap:5px;padding:12px 14px;border-right:0;border-bottom:1px solid #eee9e2;overflow:visible; }.video-guided-progress button { display:block;min-height:4px;padding:0;border-radius:999px;background:#e7e0d8; }.video-guided-progress button:is(.is-current,.is-complete) { background:#f65a3d; }.video-guided-progress button > * { display:none; }.video-guided-workspace { min-height:520px;padding:22px 18px 16px; }.video-guided-content { overflow:visible; }.video-guided-navigation { position:sticky;bottom:0;padding-bottom:10px; }.video-guided-step-header h2 { font-size:30px; }.video-guided-choice-grid,.video-guided-review,.video-guided-media-mode-grid { grid-template-columns:1fr; }.video-guided-output { grid-column:auto;padding:24px 18px; }.video-guided-format-grid { grid-template-columns:1fr; }.video-guided-style-stage { display:flex;flex-direction:column; }.video-guided-style-preview { order:1;width:100%;height:min(58vh,440px); }.video-guided-style-grid { order:2;display:flex;width:100%;max-height:none;overflow-x:auto;overflow-y:hidden; }.video-guided-style-grid .video-guided-choice { width:210px;min-width:210px; } }
@media (max-width:760px) { .video-guided-output { min-height:calc(100svh - 150px);grid-template-rows:auto minmax(320px,56svh) auto;overflow:visible; }.video-guided-output-canvas { height:auto; }.video-guided-output-actions { padding-bottom:8px; } }