/* Shared owner workspace: quiet surfaces, clear fields and visible state. */
html body.te-studio {
  background:var(--te-bg,#121212);
  color:var(--te-text,#f1f1f1);
}
html body.te-studio main {
  width:auto;
  max-width:1500px;
  margin-inline:auto;
  padding:32px clamp(16px,3vw,40px) 72px;
  box-sizing:border-box;
  min-width:0;
  color:var(--te-text,#f1f1f1);
}
html body.te-studio main h1 {
  margin:8px 0 12px;
  font-size:clamp(28px,3.2vw,40px);
  line-height:1.2;
  letter-spacing:-.025em;
}
html body.te-studio main h2 {font-size:22px;line-height:1.35}
html body.te-studio main h3 {font-size:18px;line-height:1.4}
html body.te-studio main :is(h1,h2,h3,p,small,label,legend,summary,a,button) {overflow-wrap:anywhere}
html body.te-studio main :is(p,small,label) {line-height:1.55}
html body.te-studio main > p:not(.eyebrow):not(.watch-kicker) {max-width:75ch;color:var(--te-muted,#b6bac1)}
html body.te-studio main :is(section,aside,form,fieldset,details,label) {min-width:0}
html body.te-studio main :is(.gear-studio-grid,.video-studio-layout,.guide-editor-grid) {gap:24px;align-items:start}
html body.te-studio main :is(.gear-studio-grid>section,.video-studio-layout>section,.guide-edit,.cs-card,.feedback-review-card,.review-card,.cs-filters,.studio-image-controls) {
  background:var(--te-surface,#202020);
  color:var(--te-text,#f1f1f1);
  border:1px solid var(--te-border,#474b52);
  border-radius:var(--te-radius,12px);
  padding:24px;
  box-shadow:none;
}
html body.te-studio main :is(.gear-studio-grid>section,.video-studio-layout>section) {margin-top:20px}
html body.te-studio main :is(.studio-fields,.studio-classification,.studio-additional-placements,.gear-offer-row,.video-studio fieldset,.gear-bulk-delete) {
  border:1px solid var(--te-border,#474b52);
  border-radius:10px;
  background:transparent;
  padding:16px;
  margin-block:20px;
}
html body.te-studio main :is(.studio-classification,.studio-placement-preview,.studio-photo-drop,.cs-bulk,.feedback-metric,.studio-stat,.video-tool-result,.video-tool-card) {
  background:var(--te-surface,#202020);
  color:var(--te-text,#f1f1f1);
  border-color:var(--te-border,#474b52);
  border-radius:10px;
}
html body.te-studio main :is(.studio-section-row,.studio-members>div,.studio-table-wrap th,.studio-table-wrap td,.guide-edit section,.video-bulk,.review-feedback) {border-color:var(--te-border,#474b52)}
html body.te-studio main label {
  color:var(--te-text,#f1f1f1);
  font-size:15px;
  text-transform:none;
  letter-spacing:0;
}
html body.te-studio main :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea) {
  box-sizing:border-box;
  width:100%;
  max-width:100%;
  min-width:0;
  border:1px solid var(--te-border,#474b52);
  border-radius:8px;
  background:var(--te-bg,#121212);
  color:var(--te-text,#f1f1f1);
  font:inherit;
  font-size:16px;
  line-height:1.4;
  padding:11px 12px;
  min-height:44px;
}
html body.te-studio main input:not([type=checkbox]):not([type=radio]):not([type=range]) {height:auto}
html body.te-studio main select {height:auto;min-height:44px}
html body.te-studio main :is(select[multiple],textarea) {height:auto}
html body.te-studio main textarea {resize:vertical;min-height:120px}
html body.te-studio main :is(input,textarea)::placeholder {color:var(--te-muted,#b6bac1);opacity:1}
html body.te-studio main input[type=file] {white-space:normal;overflow:hidden}
html body.te-studio main input::file-selector-button {
  min-height:44px;
  margin:-7px 12px -7px -8px;
  border:1px solid var(--te-border,#474b52);
  border-radius:6px;
  padding:8px 12px;
  background:var(--te-elevated,#282828);
  color:var(--te-text,#f1f1f1);
  font:inherit;
  cursor:pointer;
}
html body.te-studio main :is(input[type=checkbox],input[type=radio]) {
  width:18px;height:18px;min-width:18px;min-height:18px;
  margin:0;flex:0 0 18px;accent-color:var(--te-primary,#2468dc);
}
html body.te-studio main :is(.gear-check,.check-label,.video-checks label,.video-related-list label,.cs-meta>label,.cs-bulk>label,.studio-placement-choices label) {
  min-height:44px;
  display:flex;
  align-items:center;
  gap:10px;
  padding-block:6px;
  box-sizing:border-box;
}
html body.te-studio main :is(button,.gear-button,.te-button) {
  min-height:44px;
  max-width:100%;
  border:1px solid var(--te-border,#474b52);
  border-radius:8px;
  padding:10px 14px;
  font:inherit;
  font-size:14px;
  font-weight:650;
  line-height:1.4;
  white-space:normal;
  background:var(--te-elevated,#282828);
  color:var(--te-text,#f1f1f1);
  cursor:pointer;
  box-shadow:none;
}
html body.te-studio main :is(.gear-button,.te-button):not(.secondary):not(.danger) {
  background:var(--te-primary,#2468dc);
  color:#fff;
  border-color:var(--te-primary,#2468dc);
  text-decoration:none;
}
html body.te-studio main :is(.gear-button.secondary,.te-button.secondary,.text-button,.gear-save,.guide-section-buttons button,.studio-tabs button) {
  background:var(--te-elevated,#282828);
  color:var(--te-text,#f1f1f1);
  border-color:var(--te-border,#474b52);
  text-decoration:none;
}
html body.te-studio main :is(.studio-tabs [aria-current=page],.studio-tabs [aria-current=step],.cs-tabs [aria-pressed=true],.guide-list [aria-pressed=true]) {
  border-color:var(--te-blue,#69aaff);
  box-shadow:inset 0 -3px 0 var(--te-blue,#69aaff);
  background:var(--te-elevated,#282828);
  color:var(--te-text,#f1f1f1);
  outline:none;
}
html body.te-studio main :is(button:disabled,input:disabled,select:disabled,textarea:disabled) {opacity:.6;cursor:not-allowed}
html body.te-studio main :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible {
  outline:var(--te-focus,2px solid #69aaff);
  outline-offset:3px;
}
html body.te-studio main :is(summary,.guide-actions>a,.gear-studio-actions>a,.video-save-bar>a) {min-height:44px;box-sizing:border-box}
html body.te-studio main summary {padding-block:12px}
html body.te-studio main :is(.gear-studio-actions,.guide-actions,.video-save-bar,.review-actions,.cs-actions,.cs-paging,.studio-toolbar) {gap:12px;align-items:center;flex-wrap:wrap}
html body.te-studio main :is(.gear-studio-actions,.guide-actions,.video-save-bar) > a {display:inline-flex;align-items:center;padding-block:10px}
html body.te-studio main :is(.guide-actions,.video-save-bar) {
  border-top:1px solid var(--te-border,#474b52);
  margin-top:24px;
  padding-top:20px;
  background:transparent;
}
html body.te-studio main :is(.gear-fine,.fine-print,.form-note,.guide-list small,.gear-studio-list small,.video-studio small,.studio-preview-caption small,.studio-photo-drop small) {
  color:var(--te-muted,#b6bac1);
  font-size:14px;
  opacity:1;
}
html body.te-studio main :is(.studio-status,.guide-status-chip,.cs-state) {
  display:inline-flex;align-items:center;min-height:28px;
  border:1px solid var(--te-border,#474b52);
  border-radius:6px;padding:3px 8px;
  background:var(--te-elevated,#282828);
  color:var(--te-text,#f1f1f1);
  font-size:13px;font-weight:650;line-height:1.4;
}
html body.te-studio main :is(.studio-status-draft,.guide-status-chip.draft,.cs-state-open,.cs-state-unreviewed) {color:#f5d580;border-color:#9d874a}
html body.te-studio main :is(.studio-status-archived,.guide-status-chip.archived,.cs-state-hidden) {color:#edbe94;border-color:#987557}
html body.te-studio main :is(.studio-status-listed,.guide-status-chip.listed,.cs-state-visible,.cs-state-reviewed,.cs-state-resolved) {color:#b8dbc2;border-color:#648a70}
html body.te-studio main :is([role=alert]:not(#edit-status),.form-error,.cs-danger,.guide-delete,.gear-review-flags) {color:#ffb4b4!important}
html body.te-studio main :is(.cs-danger,.guide-delete,.gear-button.danger) {border-color:#a45b5b;background:#3b2525!important;color:#ffd1d1!important}
html body.te-studio main :is(#v-message,#g-message,.cs-status,#studio-notice,.feedback-review-status,[data-draft-status],#edit-status,#section-status,#studio-save-status,.studio-save-status) {
  font-size:14px;line-height:1.55;color:var(--te-text,#f1f1f1);
  overflow-wrap:anywhere;
}
html body.te-studio main :is(#v-message,#g-message,#studio-notice):not(:empty) {
  border:1px solid var(--te-border,#474b52);
  border-left:3px solid var(--te-blue,#69aaff);
  border-radius:8px;background:var(--te-surface,#202020);padding:12px 14px;
}
html body.te-studio main .studio-save-status {flex-basis:100%;margin:0;min-height:22px}
html body.te-studio main .studio-brand-options {
  background:var(--te-elevated,#282828);
  border-color:var(--te-border,#474b52);
  max-height:min(320px,45dvh);
}
html body.te-studio main .studio-brand-options :is(button:hover,button:focus-visible,[aria-selected=true]) {background:var(--te-surface,#202020);color:var(--te-text,#f1f1f1)}
html body.te-studio main :is(.gear-studio-list,.guide-list,.studio-members,.video-related-list,.studio-placement-choices) {overscroll-behavior:contain;scrollbar-gutter:stable}
html body.te-studio main :is(.gear-studio-list button,.guide-list button) {background:transparent;color:var(--te-text,#f1f1f1);border-color:var(--te-border,#474b52);text-align:left}
html body.te-studio main :is(.gear-studio-list button:hover,.guide-list button:hover) {background:var(--te-elevated,#282828)}
html body.te-studio main :is(#v-preview,.guide-preview-frame) {max-width:100%;background:var(--te-bg,#121212);border-color:var(--te-border,#474b52);border-radius:8px}
html body.te-studio main .guide-editor-cover {background:transparent}
html body.te-studio main .review-fields {grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))}
html body.te-studio main .feedback-review-filters {align-items:end}
html body.te-studio main .feedback-review-filters label {flex:1 1 180px}
html body.te-studio main .cs-filters {grid-template-columns:minmax(0,1fr) minmax(160px,.35fr) auto}
html body.te-studio main .cs-bulk:has(button:not([disabled])) {position:static;box-shadow:none}
@media(min-width:1000px) {
  html body.te-studio main .guide-editor-grid {grid-template-columns:minmax(240px,.65fr) minmax(0,1.65fr)}
  html body.te-studio main .video-studio-layout {grid-template-columns:minmax(300px,.65fr) minmax(0,1.65fr)}
}
@media(max-width:950px) {
  html body.te-studio main :is(.video-studio-layout,.guide-editor-grid,.gear-studio-grid) {grid-template-columns:minmax(0,1fr)}
  html body.te-studio main :is(.video-library .gear-studio-list,.guide-list) {max-height:320px;max-height:min(320px,45dvh);overflow:auto}
}
@media(max-width:650px) {
  html body.te-studio main {padding-top:24px}
  html body.te-studio main :is(.gear-studio-grid>section,.video-studio-layout>section,.guide-edit,.cs-card,.feedback-review-card,.review-card,.cs-filters,.studio-image-controls) {padding:16px}
  html body.te-studio main :is(.cs-filters,.video-field-grid,.studio-classification) {grid-template-columns:minmax(0,1fr)}
  html body.te-studio main :is(.studio-toolbar,.studio-section-row,.studio-members>div) {align-items:stretch}
  html body.te-studio main .studio-toolbar>div {min-width:0;width:100%}
  html body.te-studio main :is(.guide-actions,.video-save-bar,.gear-studio-actions)>:is(button,a) {flex:1 1 180px}
  html body.te-studio main.video-studio .studio-tabs button {flex:1 1 calc(50% - 6px)}
  html body.te-studio main .cs-actions button {flex:1 1 180px}
  html body.te-studio main .feedback-review-filters select {min-width:0}
}
@media(max-height:500px) and (min-width:651px) {
  html body.te-studio main {padding-top:20px}
  html body.te-studio main :is(.video-library .gear-studio-list,.guide-list) {max-height:230px}
  html body.te-studio main :is(#v-preview,.guide-preview-frame) {min-height:220px;height:75dvh}
}
@media(prefers-reduced-motion:reduce) {
  html body.te-studio main,html body.te-studio main * {scroll-behavior:auto;transition:none;animation:none}
}
@media(forced-colors:active) {
  html body.te-studio main :is(button,input,select,textarea,.cs-card,.feedback-review-card,.guide-edit,.studio-status,.cs-state,.guide-status-chip) {
    background:Canvas!important;color:CanvasText!important;border-color:CanvasText;
  }
  html body.te-studio main :is(a,button,input,select,textarea,summary):focus-visible {outline-color:Highlight}
}

html body.te-studio main .studio-workspaces {
  display:flex;flex-wrap:wrap;gap:8px;
  margin:24px 0;padding-bottom:20px;
  border-bottom:1px solid var(--te-border,#474b52);
}
html body.te-studio main .studio-workspaces a {
  display:inline-flex;align-items:center;justify-content:center;
  min-height:44px;box-sizing:border-box;padding:10px 14px;
  border:1px solid var(--te-border,#474b52);border-radius:8px;
  background:var(--te-elevated,#282828);color:var(--te-text,#f1f1f1);
  font-size:14px;line-height:1.4;font-weight:650;text-decoration:none;
}
html body.te-studio main .studio-workspaces a[aria-current=page] {
  border-color:var(--te-blue,#69aaff);
  box-shadow:inset 0 -3px 0 var(--te-blue,#69aaff);
}
html body.te-studio main :is(.studio-workspaces,.studio-tabs,.cs-tabs,.guide-list) :is(button,a):focus-visible {
  outline:var(--te-focus,2px solid #69aaff);outline-offset:3px;
}

/* Nested lists and preview windows adapt when orientation or the keyboard reduces visible height. */
html body.te-studio main .studio-brand-options {box-sizing:border-box}
html body.te-studio main .studio-brand-options[data-side=above] {top:auto;bottom:100%}
html body.te-studio main :is(.video-library .gear-studio-list,.guide-list) {
  max-height:min(640px,calc(var(--studio-viewport-height,100dvh) * .7));
  overflow:auto;
}
html body.te-studio main :is(.studio-members,.studio-placement-choices,.video-related-list) {
  max-height:min(360px,calc(var(--studio-viewport-height,100dvh) * .5));
}
html body.te-studio main :is(.guide-actions,.video-save-bar,.gear-studio-actions) {scroll-margin-block:100px 24px}
html body.te-studio main :is(.guide-section-buttons,.studio-section-row>div:last-child) {display:flex;flex-wrap:wrap;gap:8px}
html body.te-studio main .studio-section-row>div {min-width:0}
html body.te-studio main .studio-section-row button {margin:0}
html body.te-studio main .studio-placement-choices {grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}
@media(max-width:950px) {
  html body.te-studio main :is(.video-library .gear-studio-list,.guide-list) {
    max-height:min(320px,calc(var(--studio-viewport-height,100dvh) * .45));
  }
}
@media(max-width:650px) {
  html body.te-studio main .studio-members select {max-width:100%}
  html body.te-studio main :is(.guide-section-buttons,.studio-section-row>div:last-child)>button {flex:1 1 140px}
}
@media(max-height:500px) {
  html body.te-studio main :is(#v-preview,.guide-preview-frame) {
    min-height:160px;height:min(560px,calc(var(--studio-viewport-height,100dvh) * .75));
  }
}

/* Keep destructive inventory actions distinct from normal editing. */
html body.te-studio main.gear-studio :is(.danger,[data-delete],#owner-delete){border-color:#ef6660}