/* Vayro 87. One flat workspace; the video owns the color. */
html[data-theme] body.workspace-redesign.studio87 {
  --s87-bg:#151615; --s87-panel:#1c1e1c; --s87-raised:#242724;
  --s87-text:#f2f3ed; --s87-muted:#adb3a8; --s87-border:#343932;
  --s87-accent:#d6ef77; --s87-accent-ink:#20270f; --s87-accent-soft:#2c341d;
  --canvas:var(--s87-bg); --bg:var(--s87-bg); --surface:var(--s87-panel);
  --panel:var(--s87-panel); --panel-2:var(--s87-raised); --surface-subtle:var(--s87-raised);
  --surface-raised:#2b2e29; --surface-hover:#30352d; --surface-pressed:#353c2e;
  --text:var(--s87-text); --white:var(--s87-text); --text-secondary:var(--s87-muted);
  --text-muted:var(--s87-muted); --text-tertiary:var(--s87-muted); --muted:var(--s87-muted);
  --border:var(--s87-border); --line:var(--s87-border); --border-strong:#555e4e;
  --accent:var(--s87-accent); --lime:var(--s87-accent); --accent-text:var(--s87-accent);
  --accent-soft:var(--s87-accent-soft); --accent-border:#687b3c;
  --on-accent:var(--s87-accent-ink); --on-primary:var(--s87-accent-ink);
  --primary-start:var(--s87-accent); --primary-end:var(--s87-accent);
  --danger:#ffaaa5; --danger-soft:#3b2525; --red:var(--danger);
  --warning:#eccd87; --warning-soft:#352e20; --success:#a2d9aa; --success-soft:#233328;
  --chart-primary:var(--s87-accent); --chart-secondary:#9fc6b5; --chart-neutral:#a7ada1;
  --glass-input:var(--s87-bg); --glass-edge:var(--border); --glass-shadow:none;
  --radius-sm:7px; --radius-md:10px; --radius-lg:12px; --rail-width:188px;
  --sans:Onest,Arial,sans-serif; --display:Onest,Arial,sans-serif; --mono:Onest,Arial,sans-serif;
  font:14px/1.5 Onest,Onest,Arial,sans-serif;
  background:var(--s87-bg); color:var(--s87-text); caret-color:var(--s87-accent);
  scrollbar-color:var(--border-strong) transparent; scrollbar-width:thin;
}
html[data-theme="light"] body.workspace-redesign.studio87 {
  --s87-bg:#f5f6f0; --s87-panel:#fff; --s87-raised:#edf0e7;
  --s87-text:#24291f; --s87-muted:#5e6756; --s87-border:#d9dfd1;
  --s87-accent:#d6ed85; --s87-accent-ink:#26340e; --s87-accent-soft:#e9f1d5;
  --surface-raised:#f8f9f4; --surface-hover:#e6ebdd; --surface-pressed:#dfe8d0;
  --border-strong:#a5b097; --accent-text:#466119; --accent-border:#a6bd6d;
  --danger:#a23532; --danger-soft:#ffefed; --warning:#78591b; --warning-soft:#fff5df;
  --success:#32643a; --success-soft:#e6f4e8; --chart-primary:#617e25;
}
html[data-theme] body.workspace-redesign.studio87::before,html[data-theme] body.workspace-redesign.studio87::after { display:none; }
html[data-theme] body.workspace-redesign.studio87 .app-shell { max-width:none; margin:0 0 0 var(--rail-width); padding:0; background:var(--bg); min-height:100dvh; }
html[data-theme] body.workspace-redesign.studio87 .studio-rail { position:fixed; inset:0 auto 0 0; width:var(--rail-width); height:100dvh; box-sizing:border-box; padding:25px 12px 16px; gap:28px; background:var(--surface); border:0; border-right:1px solid var(--border); border-radius:0; box-shadow:none; backdrop-filter:none; overflow:auto; }
html[data-theme] body.workspace-redesign.studio87 .studio-rail>.brand { padding:0 10px; gap:9px; min-height:36px; }
html[data-theme] body.workspace-redesign.studio87 .studio-rail .brand b { font-size:24px; font-weight:700; letter-spacing:-.035em; color:var(--text); }
html[data-theme] body.workspace-redesign.studio87 .studio-rail .vayro-app-icon { width:31px; height:31px; }
html[data-theme] body.workspace-redesign.studio87 .studio-rail-group { display:grid; gap:5px; }
html[data-theme] body.workspace-redesign.studio87 .studio-rail-link { display:flex; align-items:center; width:100%; min-height:44px; gap:11px; padding:10px 12px; border:1px solid transparent; border-radius:8px; font:500 13px/1.4 var(--sans,Onest,system-ui,sans-serif); color:var(--text-secondary); background:transparent; box-shadow:none; transform:none; }
html[data-theme] body.workspace-redesign.studio87 .studio-rail-link>span:first-of-type { flex:1; text-align:left; }
html[data-theme] body.workspace-redesign.studio87 .studio-rail-link.active { background:var(--accent-soft); border-color:transparent; color:var(--accent-text); font-weight:600; box-shadow:none; }
html[data-theme] body.workspace-redesign.studio87 .studio-rail-link.active .s87-icon { color:var(--accent-text); }
html[data-theme] body.workspace-redesign.studio87 .studio-rail-link #calendarTabCount { min-width:20px; padding:1px 5px; border-radius:4px; background:var(--surface-hover); color:var(--text-secondary); font:500 10px/1.6 var(--sans,Onest,system-ui,sans-serif); text-align:center; }
html[data-theme] body.workspace-redesign.studio87 .studio-rail-bottom { display:grid; gap:4px; padding:0; margin-top:auto; }
html[data-theme] body.workspace-redesign.studio87 .studio-plan { display:grid; grid-template-columns:1fr auto; gap:4px; padding:15px 10px 0; margin:14px 0 0; border:0; border-top:1px solid var(--border); background:none; box-shadow:none; border-radius:0; }
html[data-theme] body.workspace-redesign.studio87 .studio-plan>b { grid-column:2; grid-row:1; align-self:center; margin:0; font:500 11px/1.5 var(--sans,Onest,system-ui,sans-serif); color:var(--text-secondary); }
html[data-theme] body.workspace-redesign.studio87 .studio-plan>p { grid-column:1/-1; grid-row:2; min-height:0; margin:0; color:var(--text-secondary); font:11px/1.5 var(--sans,Onest,system-ui,sans-serif); }
html[data-theme] body.workspace-redesign.studio87 .studio-plan>p:empty { display:none; }
html[data-theme] body.workspace-redesign.studio87 #studioPlanManage { display:flex; grid-column:1/-1; grid-row:3; gap:8px; align-items:center; padding:8px 0; font:500 12px/1.5 var(--sans,Onest,system-ui,sans-serif); color:var(--text); text-align:left; }
html[data-theme] body.workspace-redesign.studio87 .studio-plan .s87-icon { width:16px; height:16px; }
html[data-theme] body.workspace-redesign.studio87 .topbar { height:68px; min-height:68px; padding:0 32px; margin:0; border:0; border-bottom:1px solid var(--border); background:var(--bg); box-shadow:none; gap:20px; }
html[data-theme] body.workspace-redesign.studio87 .studio-breadcrumb { flex:1; min-width:0; }
html[data-theme] body.workspace-redesign.studio87 #studioCurrentPage { font:500 13px/1.5 var(--sans,Onest,system-ui,sans-serif); color:var(--text-secondary); }
html[data-theme] body.workspace-redesign.studio87 .top-actions { display:flex; align-items:center; gap:8px; min-width:0; margin-left:auto; }
.s87-processes { display:flex; align-items:center; gap:8px; }
html[data-theme] body.workspace-redesign.studio87 .s87-process { gap:7px; min-height:34px; padding:6px 9px; border-color:transparent; background:transparent; color:var(--text-secondary); font-size:12px; }
html[data-theme] body.workspace-redesign.studio87 .s87-process .s87-icon { width:16px; height:16px; }
html[data-theme] body.workspace-redesign.studio87 :is(.eyebrow,.studio-kicker,.studio-heading,.auto-spark) { display:none; }
html[data-theme] body.workspace-redesign.studio87 :is(h1,h2,h3,h4) { font-family:inherit; color:var(--text); letter-spacing:-.025em; }
html[data-theme] body.workspace-redesign.studio87 h1 { font-size:28px; font-weight:600; line-height:1.2; margin:0; }
html[data-theme] body.workspace-redesign.studio87 h2 { font-size:19px; font-weight:600; line-height:1.3; }
html[data-theme] body.workspace-redesign.studio87 h3 { font-size:16px; font-weight:600; line-height:1.35; }
html[data-theme] body.workspace-redesign.studio87 :is(.settings-view,.personal-cloud-view,.calendar-view,.v3-home,.analytics-view,.admin-view,.workspace-history-view,.workspace-view,.creation-shell) { max-width:1600px; margin:auto; padding:28px 32px 48px; }
html[data-theme] body.workspace-redesign.studio87 :is(.settings-page-heading,.workspace-page-heading,.calendar-toolbar,.creation-intro) { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:0 0 25px; padding:0; }
html[data-theme] body.workspace-redesign.studio87 :is(.settings-page-heading,.workspace-page-heading,.calendar-toolbar,.creation-intro) p:not(.eyebrow) { font-size:13px; line-height:1.6; color:var(--text-secondary); margin:7px 0 0; max-width:65ch; }
html[data-theme] body.workspace-redesign.studio87 :is(.panel,.studio-card,.workspace-home-panel,.workspace-settings-section,.workspace-week,.workspace-current,.workspace-upcoming) { background:var(--surface); border:1px solid var(--border); border-radius:10px; box-shadow:none; }
html[data-theme] body.workspace-redesign.studio87 :is(.button,.icon-button,.text-button) { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:38px; padding:8px 13px; border-radius:7px; font:500 13px/1.4 var(--sans,Onest,system-ui,sans-serif); letter-spacing:0; box-shadow:none; transform:none; cursor:pointer; transition:background-color 120ms ease,border-color 120ms ease,color 120ms ease; }
html[data-theme] body.workspace-redesign.studio87 :is(.button-primary,#remixGenerate) { background:var(--accent); border:1px solid var(--accent); color:var(--on-accent); font-weight:600; box-shadow:none; }
html[data-theme] body.workspace-redesign.studio87 :is(.button-outline,.button-quiet,.icon-button) { border:1px solid var(--border); background:var(--surface); color:var(--text); }
html[data-theme] body.workspace-redesign.studio87 .button-quiet { background:transparent; }
html[data-theme] body.workspace-redesign.studio87 .text-button { border:0; background:transparent; color:var(--text-secondary); min-height:32px; padding:5px 8px; }
html[data-theme] body.workspace-redesign.studio87 .button-danger { background:var(--danger-soft); border:1px solid color-mix(in srgb,var(--danger) 35%,var(--border)); color:var(--danger); }
html[data-theme] body.workspace-redesign.studio87 .button-small { min-height:34px; padding:6px 10px; font-size:12px; }
html[data-theme] body.workspace-redesign.studio87 :is(.button,.icon-button,.text-button):disabled { opacity:.45; cursor:not-allowed; filter:none; transform:none; }
html[data-theme] body.workspace-redesign.studio87 .s87-icon-button { width:36px; min-width:36px; height:36px; padding:8px; flex:none; }
.s87-icon { display:block; width:19px; height:19px; min-width:19px; flex:0 0 19px; pointer-events:none; }
.s87-sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
html[data-theme] body.workspace-redesign.studio87 :is(input,select,textarea) { min-width:0; max-width:100%; border:1px solid var(--border-strong); border-radius:7px; background:var(--bg); color:var(--text); font:inherit; box-shadow:none; accent-color:var(--accent); }
html[data-theme] body.workspace-redesign.studio87 :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea) { min-height:40px; padding:9px 11px; }
html[data-theme] body.workspace-redesign.studio87 :is(input[type=checkbox],input[type=radio]) { width:16px; height:16px; min-height:0; flex:0 0 16px; }
html[data-theme] body.workspace-redesign.studio87 :is(input[role=switch],.remix-feature input[type=checkbox]) { appearance:none; -webkit-appearance:none; position:relative; display:inline-block; flex:0 0 38px; width:38px; min-width:38px; height:22px; min-height:22px; padding:0; margin:0; border:1px solid var(--border-strong); border-radius:20px; background:var(--surface-hover); box-shadow:none; cursor:pointer; transition:background-color 120ms ease,border-color 120ms ease; }
html[data-theme] body.workspace-redesign.studio87 :is(input[role=switch],.remix-feature input[type=checkbox])::before { content:none; }
html[data-theme] body.workspace-redesign.studio87 :is(input[role=switch],.remix-feature input[type=checkbox])::after { content:''; display:block; position:absolute; left:2px; top:2px; width:16px; height:16px; border-radius:50%; background:var(--text-secondary); border:0; box-shadow:none; transform:translateX(0); transition:transform 120ms cubic-bezier(.23,1,.32,1); }
html[data-theme] body.workspace-redesign.studio87 :is(input[role=switch],.remix-feature input[type=checkbox]):checked { background:var(--accent); border-color:var(--accent); }
html[data-theme] body.workspace-redesign.studio87 :is(input[role=switch],.remix-feature input[type=checkbox]):checked::after { transform:translateX(16px); background:var(--on-accent); }
html[data-theme] body.workspace-redesign.studio87 :is(input[role=switch],.remix-feature input[type=checkbox]):disabled { cursor:not-allowed; opacity:.45; }
html[data-theme] body.workspace-redesign.studio87 .remix-feature b { color:var(--text); }
html[data-theme] body.workspace-redesign.studio87 input::placeholder,html[data-theme] body.workspace-redesign.studio87 textarea::placeholder { color:var(--text-muted); opacity:1; }
html[data-theme] body.workspace-redesign.studio87 :is(.field-label,.workspace-field,.calendar-form-label) { font:500 12px/1.5 var(--sans,Onest,system-ui,sans-serif); color:var(--text-secondary); letter-spacing:0; text-transform:none; }
html[data-theme] body.workspace-redesign.studio87 :is(.workspace-field,.field-label)>:is(input,select,textarea) { margin-top:6px; width:100%; }
html[data-theme] body.workspace-redesign.studio87 :is(.settings-hint,.folder-import-note) { font-size:12px; line-height:1.6; color:var(--text-secondary); }
html[data-theme] body.workspace-redesign.studio87 [role=status]:empty { display:none; }
html[data-theme] body.workspace-redesign.studio87 :is(button,a,input,select,textarea,summary,[tabindex]):focus-visible { outline:2px solid var(--accent-text); outline-offset:3px; }
html[data-theme] body.workspace-redesign.studio87 ::selection { background:var(--accent); color:var(--on-accent); }
html[data-theme] body.workspace-redesign.studio87 :is(progress,time,.timecode,.calendar-status-badge,[data-library-count]) { font-variant-numeric:tabular-nums; }
html[data-theme] body.workspace-redesign.studio87 summary { cursor:pointer; }
html[data-theme] body.workspace-redesign.studio87 a { text-underline-offset:3px; }
html[data-theme] body.workspace-redesign.studio87 :is(.s87-help,.studio-day-help) { margin-top:12px; color:var(--text-secondary); font-size:12px; }
html[data-theme] body.workspace-redesign.studio87 :is(.s87-help,.studio-day-help)>summary { min-height:32px; display:flex; align-items:center; gap:8px; }
html[data-theme] body.workspace-redesign.studio87 :is(.s87-help,.studio-day-help)>summary:before { content:''; width:5px; height:5px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(-45deg); margin-right:3px; }
html[data-theme] body.workspace-redesign.studio87 :is(.s87-help,.studio-day-help)[open]>summary:before { transform:rotate(45deg); }
html[data-theme] body.workspace-redesign.studio87 :is(.s87-help,.studio-day-help)>summary::-webkit-details-marker { display:none; }
html[data-theme] body.workspace-redesign.studio87 .s87-help p { display:block!important; margin:8px 0; max-width:70ch; font-size:12px; line-height:1.65; color:var(--text-secondary); }

/* Video library: one useful row per file, compact storage and controls. */
.s87-page-actions { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
html[data-theme] body.workspace-redesign.studio87 .personal-cloud-upload { display:flex; flex-wrap:wrap; align-items:center; gap:12px 24px; padding:14px 0; margin:0 0 20px; border:0; border-top:1px solid var(--border); border-bottom:1px solid var(--border); border-radius:0; background:transparent; }
html[data-theme] body.workspace-redesign.studio87 .personal-cloud-usage { display:flex; align-items:baseline; gap:24px; padding:0; margin:0; width:auto; flex:1; background:none; border:0; }
html[data-theme] body.workspace-redesign.studio87 .personal-cloud-usage>div { display:flex; align-items:baseline; gap:8px; }
html[data-theme] body.workspace-redesign.studio87 .personal-cloud-usage span { font-size:12px; color:var(--text-secondary); }
html[data-theme] body.workspace-redesign.studio87 .personal-cloud-usage b { font-size:13px; font-weight:500; letter-spacing:0; }
html[data-theme] body.workspace-redesign.studio87 #personalCloudMeter { width:100px; height:4px; margin:0; flex:none; }
html[data-theme] body.workspace-redesign.studio87 .workspace-cloud-details { display:flex; align-items:center; flex-wrap:wrap; margin:0; gap:10px; }
html[data-theme] body.workspace-redesign.studio87 .personal-cloud-upload-actions { gap:8px; margin:0; }
html[data-theme] body.workspace-redesign.studio87 .personal-cloud-upload-actions:has(> :not(.hidden):not([hidden]):not(:empty)) { flex-wrap:wrap; }
html[data-theme] body.workspace-redesign.studio87 .personal-cloud-status { flex-basis:100%; margin:0; padding:0; font-size:12px; }
html[data-theme] body.workspace-redesign.studio87 .workspace-library-filters { display:flex; align-items:end; gap:12px; flex-wrap:wrap; margin:0 0 18px; }
html[data-theme] body.workspace-redesign.studio87 .workspace-library-filters>.workspace-field:first-child { flex:1; min-width:200px; max-width:none; }
html[data-theme] body.workspace-redesign.studio87 .workspace-library-filters>.workspace-field { min-width:140px; }
html[data-theme] body.workspace-redesign.studio87 .cloud-folder-filter { display:flex; flex-direction:column; min-width:150px; gap:6px; margin:0; font-size:12px; color:var(--text-secondary); }
html[data-theme] body.workspace-redesign.studio87 .cloud-folder-filter select { min-width:150px; width:100%; }
html[data-theme] body.workspace-redesign.studio87 [data-library-count] { width:auto; flex-basis:auto; margin:0; min-height:28px; align-self:center; font-size:12px; color:var(--text-secondary); }
html[data-theme] body.workspace-redesign.studio87 .workspace-library-filters>.s87-help { order:9; margin:0 0 0 auto; }
html[data-theme] body.workspace-redesign.studio87 .personal-cloud-files,html[data-theme] body.workspace-redesign.studio87 .personal-cloud-files[data-layout=list] { display:grid; grid-template-columns:minmax(0,1fr); gap:0; border:1px solid var(--border); border-radius:10px; overflow:hidden; }
html[data-theme] body.workspace-redesign.studio87 .personal-cloud-files[data-layout=list] .personal-cloud-file { display:grid; grid-template-columns:20px 50px minmax(120px,1fr) auto; align-items:center; padding:14px 18px; gap:14px; border:0; border-bottom:1px solid var(--border); border-radius:0; background:var(--surface); contain-intrinsic-size:auto 94px; }
html[data-theme] body.workspace-redesign.studio87 .personal-cloud-file:last-child { border-bottom:0!important; }
html[data-theme] body.workspace-redesign.studio87 .personal-cloud-files[data-layout=list] :is(.personal-cloud-poster,.personal-cloud-file-icon) { width:50px; height:64px; border:0; border-radius:5px; object-fit:cover; background:var(--bg); color:var(--text-secondary); }
html[data-theme] body.workspace-redesign.studio87 .personal-cloud-file .cloud-select-file { position:static; display:flex; align-items:center; padding:0; background:none; }
html[data-theme] body.workspace-redesign.studio87 .personal-cloud-file-info h2 { font-size:14px; font-weight:500; letter-spacing:0; line-height:1.5; margin:0 0 3px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
html[data-theme] body.workspace-redesign.studio87 .personal-cloud-file-info small,html[data-theme] body.workspace-redesign.studio87 .personal-cloud-file-info>span { font-size:11px; line-height:1.5; color:var(--text-secondary); }
html[data-theme] body.workspace-redesign.studio87 .personal-cloud-file-info>span { margin-top:3px; }
html[data-theme] body.workspace-redesign.studio87 .personal-cloud-files[data-layout=list] .personal-cloud-file-actions { display:flex; align-items:center; gap:5px; grid-column:4; flex-wrap:nowrap; }
html[data-theme] body.workspace-redesign.studio87 .personal-cloud-file-actions .button { min-height:34px; padding:7px 10px; font-size:12px; }
html[data-theme] body.workspace-redesign.studio87 .personal-cloud-file-actions .s87-icon-button { width:34px; min-width:34px; padding:7px; }
html[data-theme] body.workspace-redesign.studio87 .personal-cloud-file-actions [data-cloud-delete] { background:transparent; color:var(--text-secondary); border-color:transparent; }
html[data-theme] body.workspace-redesign.studio87 .personal-cloud-empty { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:300px; padding:40px 24px; border:0; border-radius:0; text-align:center; background:var(--surface); }
html[data-theme] body.workspace-redesign.studio87 .personal-cloud-empty>b { font-size:18px; font-weight:500; }
html[data-theme] body.workspace-redesign.studio87 .personal-cloud-empty>p { max-width:40ch; margin:9px 0 22px; color:var(--text-secondary); font-size:13px; }
html[data-theme] body.workspace-redesign.studio87 .personal-cloud-empty>.s87-icon { order:-1; width:34px; height:34px; margin-bottom:18px; color:var(--text-secondary); }
html[data-theme] body.workspace-redesign.studio87 .s87-library-empty #personalCloudChoose { display:none; }
html[data-theme] body.workspace-redesign.studio87 .s87-cleanup { margin:22px 0 0; padding:12px 0; border:0; border-top:1px solid var(--border); border-radius:0; font-size:12px; color:var(--text-secondary); background:transparent; }
html[data-theme] body.workspace-redesign.studio87 .s87-cleanup p { max-width:70ch; }

/* Calendar stays a full-width month with its existing day window and history. */
html[data-theme] body.workspace-redesign.studio87 .calendar-toolbar { flex-wrap:wrap; }
html[data-theme] body.workspace-redesign.studio87 .calendar-toolbar-actions { display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin-left:auto; }
html[data-theme] body.workspace-redesign.studio87 .calendar-workspace-filters { gap:12px; margin:0 0 18px; padding:0; background:none; border:0; }
html[data-theme] body.workspace-redesign.studio87 .calendar-workspace-filters label { font-size:12px; color:var(--text-secondary); }
html[data-theme] body.workspace-redesign.studio87 .calendar-projection-summary { margin:0; font-size:12px; color:var(--text-secondary); }
html[data-theme] body.workspace-redesign.studio87 .calendar-live-bar { padding:0; margin:0 0 18px; font-size:11px; color:var(--text-secondary); border:0; background:none; }
html[data-theme] body.workspace-redesign.studio87 .studio-calendar-layout { display:grid; grid-template-columns:minmax(0,1fr); gap:20px; }
html[data-theme] body.workspace-redesign.studio87 .studio-month-card { padding:0; border:1px solid var(--border); border-radius:10px; overflow:hidden; }
html[data-theme] body.workspace-redesign.studio87 .studio-month-header { padding:16px 20px; margin:0; border-bottom:1px solid var(--border); }
html[data-theme] body.workspace-redesign.studio87 .studio-month-header h1 { font-size:19px; font-weight:500; }
html[data-theme] body.workspace-redesign.studio87 .studio-month-header>div { display:flex; gap:5px; align-items:center; }
html[data-theme] body.workspace-redesign.studio87 .calendar-weekdays { margin:0; padding:8px; font-size:10px; letter-spacing:.06em; color:var(--text-secondary); }
html[data-theme] body.workspace-redesign.studio87 .calendar-weekdays span { text-align:center; padding:5px 0; font-size:10px; }
html[data-theme] body.workspace-redesign.studio87 .calendar-grid { gap:1px; padding:1px; background:var(--border); }
html[data-theme] body.workspace-redesign.studio87 .studio-month-card[data-calendar-mode=month] .calendar-day { height:auto; min-height:94px; padding:9px; border:0; border-radius:0; background:var(--surface); color:var(--text); }
html[data-theme] body.workspace-redesign.studio87 .calendar-day.calendar-day-muted { opacity:1; background:var(--bg); }
html[data-theme] body.workspace-redesign.studio87 .calendar-day.calendar-day-muted .calendar-day-number { color:var(--text-secondary); }
html[data-theme] body.workspace-redesign.studio87 .calendar-day.calendar-day-today { background:var(--surface); outline:1px solid var(--accent-border); outline-offset:-1px; box-shadow:none; }
html[data-theme] body.workspace-redesign.studio87 .calendar-day.studio-day-selected { background:var(--accent-soft); outline:1px solid var(--accent-border); outline-offset:-1px; }
html[data-theme] body.workspace-redesign.studio87 .calendar-day-number { min-width:27px; min-height:27px; padding:4px; font-size:12px; border-radius:5px; background:transparent; color:var(--text-secondary); }
html[data-theme] body.workspace-redesign.studio87 .calendar-day.calendar-day-today .calendar-day-number { color:var(--on-accent); background:var(--accent); }
html[data-theme] body.workspace-redesign.studio87 .calendar-compact-event { border:0; border-radius:5px; background:var(--surface-raised); padding:7px 8px; color:var(--text); box-shadow:none; }
html[data-theme] body.workspace-redesign.studio87 .calendar-compact-event b { font-size:11px; font-weight:500; }
html[data-theme] body.workspace-redesign.studio87 .calendar-compact-event time { font-size:10px; color:var(--text-secondary); }
html[data-theme] body.workspace-redesign.studio87 .calendar-status-badge { font-size:10px; padding:2px 5px; border-radius:4px; }
html[data-theme] body.workspace-redesign.studio87 .calendar-month-preview .calendar-status-badge { display:none; }
html[data-theme] body.workspace-redesign.studio87 .calendar-more { min-height:24px; padding:4px 2px; font-size:10px; color:var(--text-secondary); }
html[data-theme] body.workspace-redesign.studio87 .calendar-grid[data-range-mode=list] { background:none; gap:8px; padding:16px; }
html[data-theme] body.workspace-redesign.studio87 .calendar-list-entry { border:1px solid var(--border); }
html[data-theme] body.workspace-redesign.studio87 :is(.calendar-workspace-status,.calendar-notice) { font-size:12px; }

/* Preferences, overview, analytics and secondary windows share the same system. */
html[data-theme] body.workspace-redesign.studio87 .workspace-settings-layout { display:grid; grid-template-columns:180px minmax(0,1fr); gap:32px; max-width:1100px; }
html[data-theme] body.workspace-redesign.studio87 .workspace-settings-tabs { display:flex; flex-direction:column; align-self:start; position:sticky; top:20px; padding:0; gap:5px; border:0; border-radius:0; background:transparent; }
html[data-theme] body.workspace-redesign.studio87 .workspace-settings-tabs .button { justify-content:flex-start; border-color:transparent; min-height:40px; }
html[data-theme] body.workspace-redesign.studio87 .workspace-settings-tabs [aria-selected=true] { background:var(--accent-soft); color:var(--accent-text); border-color:transparent; }
html[data-theme] body.workspace-redesign.studio87 .workspace-settings-section { display:block; padding:0; border:0; border-radius:0; background:transparent; }
html[data-theme] body.workspace-redesign.studio87 .workspace-settings-section>.panel { padding:22px; margin-bottom:20px; }
html[data-theme] body.workspace-redesign.studio87 .workspace-settings-section>h2 { margin:0 0 20px; font-size:20px; }
html[data-theme] body.workspace-redesign.studio87 .workspace-settings-section>p { max-width:70ch; color:var(--text-secondary); font-size:13px; }
html[data-theme] body.workspace-redesign.studio87 .theme-preferences { padding:22px; border:1px solid var(--border); border-radius:10px; background:var(--surface); }
html[data-theme] body.workspace-redesign.studio87 .theme-preferences h2 { font-size:16px; }
html[data-theme] body.workspace-redesign.studio87 .theme-preferences p { color:var(--text-secondary); font-size:12px; }
html[data-theme] body.workspace-redesign.studio87 .workspace-form-actions { gap:8px; margin-top:22px; padding:0; }
html[data-theme] body.workspace-redesign.studio87 .workspace-form-actions:not(:has(>:not(.hidden):not([hidden]))) { display:none; }
html[data-theme] body.workspace-redesign.studio87 .workspace-settings-section :is(fieldset,.settings-check) { border:1px solid var(--border); border-radius:8px; }
html[data-theme] body.workspace-redesign.studio87 .workspace-home-status { display:flex; flex-wrap:wrap; border:0; border-top:1px solid var(--border); border-bottom:1px solid var(--border); border-radius:0; background:transparent; padding:16px 0; gap:36px; margin-bottom:26px; }
html[data-theme] body.workspace-redesign.studio87 .workspace-home-status>div { display:flex; flex-direction:row; align-items:center; min-height:30px; height:auto; gap:10px; border:0; background:none; padding:0; }
html[data-theme] body.workspace-redesign.studio87 .workspace-home-status strong { font-size:20px; font-weight:500; }
html[data-theme] body.workspace-redesign.studio87 .workspace-home-status span { font-size:12px; color:var(--text-secondary); order:2; }
html[data-theme] body.workspace-redesign.studio87 .workspace-home-status strong { order:1; }
html[data-theme] body.workspace-redesign.studio87 .workspace-home-status svg { display:none; }
html[data-theme] body.workspace-redesign.studio87 .workspace-attention { background:var(--danger-soft); border:1px solid var(--border); border-radius:8px; color:var(--danger); }
html[data-theme] body.workspace-redesign.studio87 .workspace-home-columns { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr); gap:24px; }
html[data-theme] body.workspace-redesign.studio87 .workspace-home-side { display:grid; gap:20px; }
html[data-theme] body.workspace-redesign.studio87 :is(.workspace-current,.workspace-upcoming,.workspace-week) { padding:22px; }
html[data-theme] body.workspace-redesign.studio87 :is(.workspace-current,.workspace-upcoming,.workspace-week) h2 { font-size:16px; }
html[data-theme] body.workspace-redesign.studio87 .workspace-upcoming-row { min-height:65px; gap:12px; border-bottom:1px solid var(--border); background:none; }
html[data-theme] body.workspace-redesign.studio87 :is(.remix-analytics-source,.remix-analytics-monitor,.analytics-card) { border:1px solid var(--border); background:var(--surface); border-radius:10px; box-shadow:none; }
html[data-theme] body.workspace-redesign.studio87 .remix-analytics-verdict { border:0; border-radius:6px; background:var(--surface-subtle); }
html[data-theme] body.workspace-redesign.studio87 :is(dialog,.s87-results,.calendar-day-window,.calendar-publication-history,.workspace-quick-window) { max-width:calc(100vw - 32px); max-height:calc(100dvh - 40px); border:1px solid var(--border-strong); border-radius:13px; background:var(--surface); color:var(--text); box-shadow:0 20px 70px #0004; padding:24px; }
html[data-theme] body.workspace-redesign.studio87 dialog::backdrop { background:#080b08a6; backdrop-filter:none; }
html[data-theme] body.workspace-redesign.studio87 :is(dialog,.s87-results)>header { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:0 0 22px; }
html[data-theme] body.workspace-redesign.studio87 dialog h2 { margin:0; font-size:21px; }
html[data-theme] body.workspace-redesign.studio87 .s87-results { width:min(1100px,92vw); }
html[data-theme] body.workspace-redesign.studio87 .s87-results .simple-render-queue { margin:0; padding:0; border:0; background:none; }
html[data-theme] body.workspace-redesign.studio87 .s87-results .simple-render-queue>summary { display:none; }
html[data-theme] body.workspace-redesign.studio87 .s87-results .queue-panel { border:0; background:none; padding:0; }
html[data-theme] body.workspace-redesign.studio87 .calendar-day-window { padding:0; }
html[data-theme] body.workspace-redesign.studio87 .calendar-day-window .studio-day-card { padding:24px; border:0; background:var(--surface); }
html[data-theme] body.workspace-redesign.studio87 .calendar-publication-history { width:min(850px,calc(100vw - 32px)); }
html[data-theme] body.workspace-redesign.studio87 .calendar-history-entry { border:0; border-bottom:1px solid var(--border); background:transparent; padding:16px 0; border-radius:0; }
html[data-theme] body.workspace-redesign.studio87 .calendar-history-entry:last-child { border-bottom:0; }
html[data-theme] body.workspace-redesign.studio87 .calendar-history-warning { color:var(--warning); }
html[data-theme] body.workspace-redesign.studio87 .calendar-history-filters { gap:12px; }
html[data-theme] body.workspace-redesign.studio87 .calendar-history-filters label { font-size:12px; color:var(--text-secondary); }
html[data-theme] body.workspace-redesign.studio87 .calendar-permanent-delete { border-top:1px solid var(--border); padding-top:10px; }
html[data-theme] body.workspace-redesign.studio87 .calendar-permanent-delete>summary { min-height:34px; color:var(--text-secondary); font-size:12px; }
html[data-theme] body.workspace-redesign.studio87 .workspace-resource-tabs { border-bottom:1px solid var(--border); gap:8px; padding-bottom:12px; }
html[data-theme] body.workspace-redesign.studio87 .workspace-resource-tabs button { background:transparent; color:var(--text-secondary); border:0; padding:8px 12px; border-radius:6px; }
html[data-theme] body.workspace-redesign.studio87 .workspace-resource-tabs [aria-selected=true] { color:var(--accent-text); background:var(--accent-soft); }
html[data-theme] body.workspace-redesign.studio87 :is(.workspace-quick-window,.s87-results) p { line-height:1.6; }
html[data-theme] body.workspace-redesign.studio87 [hidden],html[data-theme] body.workspace-redesign.studio87 .hidden { display:none!important; }

@media (hover:hover) and (pointer:fine) {
  html[data-theme] body.workspace-redesign.studio87 .studio-rail-link:hover { background:var(--surface-hover); color:var(--text); }
  html[data-theme] body.workspace-redesign.studio87 :is(.button,.icon-button,.text-button):hover:not(:disabled) { background:var(--surface-hover); border-color:var(--border-strong); color:var(--text); filter:none; transform:none; }
  html[data-theme] body.workspace-redesign.studio87 .button-primary:hover:not(:disabled) { background:#e2f69e; color:var(--on-accent); border-color:#e2f69e; }
  html[data-theme] body.workspace-redesign.studio87 .button-danger:hover:not(:disabled),html[data-theme] body.workspace-redesign.studio87 [data-cloud-delete]:hover:not(:disabled) { background:var(--danger-soft); color:var(--danger); }
}
html[data-theme] body.workspace-redesign.studio87 :is(.button,.icon-button,.text-button):active:not(:disabled) { filter:brightness(.94); transform:none; }
@media(max-width:1100px) {
  html[data-theme] body.workspace-redesign.studio87 { --rail-width:164px; }
  html[data-theme] body.workspace-redesign.studio87 .studio-rail { padding:22px 9px 12px; }
  html[data-theme] body.workspace-redesign.studio87 .studio-rail-link { padding:10px; font-size:12px; gap:9px; }
  html[data-theme] body.workspace-redesign.studio87 .topbar { padding:0 22px; }
  html[data-theme] body.workspace-redesign.studio87 :is(.settings-view,.personal-cloud-view,.calendar-view,.v3-home,.analytics-view,.admin-view,.workspace-history-view,.workspace-view,.creation-shell) { padding:24px 22px 40px; }
  html[data-theme] body.workspace-redesign.studio87 .personal-cloud-usage { gap:16px; flex-wrap:wrap; }
  html[data-theme] body.workspace-redesign.studio87 .personal-cloud-files[data-layout=list] .personal-cloud-file { gap:10px; padding:12px; grid-template-columns:18px 44px minmax(100px,1fr) auto; }
  html[data-theme] body.workspace-redesign.studio87 .personal-cloud-files[data-layout=list] :is(.personal-cloud-poster,.personal-cloud-file-icon) { width:44px; height:58px; }
  html[data-theme] body.workspace-redesign.studio87 .personal-cloud-file-actions [data-cloud-preview] .s87-icon { display:none; }
  html[data-theme] body.workspace-redesign.studio87 .workspace-settings-layout { gap:22px; grid-template-columns:150px minmax(0,1fr); }
}
@media(max-width:820px) {
  html[data-theme] body.workspace-redesign.studio87 .workspace-home-columns { grid-template-columns:minmax(0,1fr); }
  html[data-theme] body.workspace-redesign.studio87 .studio-month-card[data-calendar-mode=month] .calendar-day { min-height:90px; padding:6px; }
  html[data-theme] body.workspace-redesign.studio87 .calendar-toolbar { align-items:flex-start; }
  html[data-theme] body.workspace-redesign.studio87 .calendar-toolbar-actions { margin-left:0; }
  html[data-theme] body.workspace-redesign.studio87 .personal-cloud-files[data-layout=list] .personal-cloud-file { grid-template-columns:18px 44px minmax(0,1fr); }
  html[data-theme] body.workspace-redesign.studio87 .personal-cloud-files[data-layout=list] .personal-cloud-file-actions { grid-column:3; justify-content:flex-start; flex-wrap:wrap; }
  html[data-theme] body.workspace-redesign.studio87 .workspace-settings-layout { grid-template-columns:minmax(0,1fr); }
  html[data-theme] body.workspace-redesign.studio87 .workspace-settings-tabs { position:static; flex-direction:row; overflow-x:auto; flex-wrap:nowrap; padding-bottom:5px; }
  html[data-theme] body.workspace-redesign.studio87 .workspace-settings-tabs .button { white-space:nowrap; flex:none; }
}
@media(max-width:640px) {
  html[data-theme] body.workspace-redesign.studio87 .studio-rail { position:sticky; inset:0 0 auto; width:100%; height:auto; min-height:60px; padding:8px 12px; gap:10px; border:0; border-bottom:1px solid var(--border); overflow:visible; display:flex; flex-direction:row; flex-wrap:wrap; align-items:center; }
  html[data-theme] body.workspace-redesign.studio87 .studio-rail>.brand { padding:0 3px; min-height:32px; }
  html[data-theme] body.workspace-redesign.studio87 .studio-rail .brand span { display:none; }
  html[data-theme] body.workspace-redesign.studio87 .studio-rail .vayro-app-icon { width:28px; height:28px; }
  html[data-theme] body.workspace-redesign.studio87 .studio-rail-group { display:flex; flex:1; gap:3px; justify-content:space-between; }
  html[data-theme] body.workspace-redesign.studio87 .studio-rail-link { min-width:0; width:auto; flex:1; display:flex; flex-direction:column; gap:3px; padding:5px 6px; min-height:44px; font-size:10px; white-space:nowrap; }
  html[data-theme] body.workspace-redesign.studio87 .studio-rail-link .s87-icon { width:18px; height:18px; min-width:18px; flex-basis:18px; }
  html[data-theme] body.workspace-redesign.studio87 .studio-rail-link #calendarTabCount { display:none; }
  html[data-theme] body.workspace-redesign.studio87 .studio-rail-bottom { display:flex; flex-direction:row; gap:3px; margin:0; width:100%; padding:5px 0 0; border-top:1px solid var(--border); }
  html[data-theme] body.workspace-redesign.studio87 .studio-rail-bottom .studio-rail-link { flex-direction:row; min-height:30px; font-size:10px; padding:4px 6px; }
  html[data-theme] body.workspace-redesign.studio87 .studio-rail-bottom .studio-rail-link .s87-icon { width:15px; height:15px; min-width:15px; flex-basis:15px; }
  html[data-theme] body.workspace-redesign.studio87 .studio-plan { display:none; }
  html[data-theme] body.workspace-redesign.studio87 .app-shell { margin:0; padding:0; }
  html[data-theme] body.workspace-redesign.studio87 .topbar { height:48px; min-height:48px; padding:0 16px; gap:8px; }
  html[data-theme] body.workspace-redesign.studio87 #studioCurrentPage { font-size:12px; }
  html[data-theme] body.workspace-redesign.studio87 .s87-process { font-size:11px; gap:5px; padding:6px; min-height:34px; }
  html[data-theme] body.workspace-redesign.studio87 .s87-process .s87-icon { width:14px; height:14px; min-width:14px; flex-basis:14px; }
  .s87-processes { gap:2px; }
  html[data-theme] body.workspace-redesign.studio87 :is(.settings-view,.personal-cloud-view,.calendar-view,.v3-home,.analytics-view,.admin-view,.workspace-history-view,.workspace-view,.creation-shell) { padding:23px 16px 36px; }
  html[data-theme] body.workspace-redesign.studio87 :is(.settings-page-heading,.workspace-page-heading,.calendar-toolbar,.creation-intro) { gap:16px; margin-bottom:20px; align-items:flex-start; flex-wrap:wrap; }
  html[data-theme] body.workspace-redesign.studio87 h1 { font-size:25px; }
  html[data-theme] body.workspace-redesign.studio87 :is(.settings-page-heading,.workspace-page-heading,.calendar-toolbar,.creation-intro) p:not(.eyebrow) { font-size:12px; }
  html[data-theme] body.workspace-redesign.studio87 .s87-page-actions { width:100%; }
  html[data-theme] body.workspace-redesign.studio87 .s87-page-actions #personalCloudChoose { margin-left:auto; }
  html[data-theme] body.workspace-redesign.studio87 :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea) { font-size:16px; min-height:42px; }
  html[data-theme] body.workspace-redesign.studio87 .button { min-height:40px; }
  html[data-theme] body.workspace-redesign.studio87 .s87-icon-button { min-height:40px; width:40px; min-width:40px; }
  html[data-theme] body.workspace-redesign.studio87 .personal-cloud-usage { gap:10px 20px; }
  html[data-theme] body.workspace-redesign.studio87 .personal-cloud-usage>div { gap:6px; }
  html[data-theme] body.workspace-redesign.studio87 #personalCloudMeter { display:none; }
  html[data-theme] body.workspace-redesign.studio87 .workspace-library-filters { gap:10px; }
  html[data-theme] body.workspace-redesign.studio87 .workspace-library-filters>.workspace-field:first-child { flex-basis:100%; }
  html[data-theme] body.workspace-redesign.studio87 .workspace-library-filters>.workspace-field,html[data-theme] body.workspace-redesign.studio87 .cloud-folder-filter { flex:1; min-width:0; }
  html[data-theme] body.workspace-redesign.studio87 .workspace-library-filters select { min-width:0; }
  html[data-theme] body.workspace-redesign.studio87 .personal-cloud-files[data-layout=list] .personal-cloud-file { grid-template-columns:18px 40px minmax(0,1fr); padding:14px 10px; }
  html[data-theme] body.workspace-redesign.studio87 .personal-cloud-files[data-layout=list] :is(.personal-cloud-poster,.personal-cloud-file-icon) { width:40px; height:56px; }
  html[data-theme] body.workspace-redesign.studio87 .personal-cloud-files[data-layout=list] .personal-cloud-file-actions { grid-column:2/-1; gap:5px; }
  html[data-theme] body.workspace-redesign.studio87 .personal-cloud-file-actions .button { min-height:38px; }
  html[data-theme] body.workspace-redesign.studio87 .personal-cloud-file-actions .s87-icon-button { width:38px; min-width:38px; }
  html[data-theme] body.workspace-redesign.studio87 .calendar-toolbar-actions { gap:6px; }
  html[data-theme] body.workspace-redesign.studio87 .studio-month-header { padding:12px; }
  html[data-theme] body.workspace-redesign.studio87 .studio-month-header h1 { font-size:16px; }
  html[data-theme] body.workspace-redesign.studio87 .studio-month-card[data-calendar-mode=month] .calendar-day { min-height:84px; padding:4px; }
  html[data-theme] body.workspace-redesign.studio87 .calendar-day-number { min-width:23px; min-height:23px; font-size:11px; }
  html[data-theme] body.workspace-redesign.studio87 .calendar-compact-event { padding:5px; }
  html[data-theme] body.workspace-redesign.studio87 .calendar-compact-event b { font-size:10px; }
  html[data-theme] body.workspace-redesign.studio87 .calendar-month-preview .calendar-event-destination { display:none; }
  html[data-theme] body.workspace-redesign.studio87 .calendar-more { font-size:9px; padding:3px 0; }
  html[data-theme] body.workspace-redesign.studio87 .workspace-home-status { gap:18px; }
  html[data-theme] body.workspace-redesign.studio87 .workspace-home-status>div { gap:6px; }
  html[data-theme] body.workspace-redesign.studio87 .workspace-home-status span { font-size:11px; }
  html[data-theme] body.workspace-redesign.studio87 :is(.workspace-current,.workspace-upcoming,.workspace-week) { padding:17px; }
  html[data-theme] body.workspace-redesign.studio87 :is(dialog,.s87-results,.workspace-quick-window,.calendar-publication-history) { padding:20px; }
  html[data-theme] body.workspace-redesign.studio87 .calendar-day-window { padding:0; }
}
@media(prefers-reduced-motion:reduce) {
  html[data-theme] body.workspace-redesign.studio87 *,html[data-theme] body.workspace-redesign.studio87 *::before,html[data-theme] body.workspace-redesign.studio87 *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}

html[data-theme] body.workspace-redesign.studio87 .workspace-choice-buttons .button[aria-pressed="true"]{background:var(--s87-accent);color:var(--s87-accent-ink);border-color:var(--s87-accent)}