/* Shared reference palette for the two independent studio applications. */
:root{color-scheme:light;--bg:var(--v85-base,#fafbf8);--panel:#fff;--raised:var(--v85-ice,#e2edf7);--line:rgba(40,54,59,.14);--fg:var(--v85-ink,#28363b);--muted:rgba(40,54,59,.78);--accent:var(--v85-lime,#ddede5);--on-accent:var(--v85-ink,#28363b);--danger:var(--v85-ink,#28363b);--success:var(--v85-ink,#28363b);background:var(--v85-base,#fafbf8);color:var(--v85-ink,#28363b)}
body.reference-app{color-scheme:light;background:var(--v85-base,#fafbf8)!important;color:var(--v85-ink,#28363b)!important}
body.reference-app :is(h1,h2,h3,h4,p,small,label,a,strong,b,.brand,.brand small,.brand b,.hint,.save-state,.credit-strip,.credit-strip a,.empty,.tag,.statusbar){color:var(--v85-ink,#28363b)!important}
body.reference-app :is(.studio,.app,.workspace,.controls,.account-page){background:var(--v85-base,#fafbf8)!important;color:var(--v85-ink,#28363b)!important}
body.reference-app :is(.panel,.preview,.studio-modal,.account-card,dialog,.fold,.stats>div,.package,.project-list>button,.version-grid>button,.menu-grid .btn){background:#fff!important;color:var(--v85-ink,#28363b)!important;border-color:rgba(40,54,59,.14)!important;box-shadow:none!important}
body.reference-app :is(.topbar,.steps,.mobile-tabs,.actionbar,.header,.tabs,.bottom,.statusbar,.account-top){background:var(--v85-base,#fafbf8)!important;color:var(--v85-ink,#28363b)!important;border-color:rgba(40,54,59,.14)!important;box-shadow:none!important}
body.reference-app :is(button,.btn,.button,.file-button){background:var(--v85-lime,#ddede5)!important;color:var(--v85-ink,#28363b)!important;border-color:rgba(40,54,59,.14)!important;box-shadow:none!important}
body.reference-app :is(.quiet,.icon-btn,.icon-button,.project-name,.statusbar button,.actionbar .back){background:transparent!important;color:var(--v85-ink,#28363b)!important}
body.reference-app :is(.selected,.active,.primary,.secondary,button[aria-pressed=true],button[aria-current]){background:var(--v85-ice,#e2edf7)!important;color:var(--v85-ink,#28363b)!important;border-color:rgba(40,54,59,.2)!important}
body.reference-app :is(input,textarea,select){color:var(--v85-ink,#28363b)!important;background:#fff!important;border-color:rgba(40,54,59,.18)!important;box-shadow:none!important}
body.reference-app :is(input,textarea)::placeholder{color:rgba(40,54,59,.64)!important}
body.reference-app :is(.notice,.sample-note,.safe-guide,.credit-strip,.job-status,.badge,.ok){background:var(--v85-ice,#e2edf7)!important;color:var(--v85-ink,#28363b)!important}
body.reference-app :is(.auth-error,.error,.job-error,.notice.error,.bad,[role=alert]){color:var(--v85-ink,#28363b)!important;background:var(--v85-lilac,#ece7f2)!important}
body.reference-app :is(a,button,input,textarea,select):focus-visible{outline:2px solid var(--v85-ink,#28363b)!important;outline-offset:3px}
body.reference-app :is(.image-view,.pattern-preview,.pattern-grid,.reference-grid,.scene-grid,.preview-top,.preview-caption){border-color:rgba(40,54,59,.14)!important;color:var(--v85-ink,#28363b)!important}
body.reference-app .status-dot:before,body.reference-app .online:before{background:var(--v85-ink,#28363b)!important}
body.reference-app dialog::backdrop{background:rgba(250,251,248,.5);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
body.reference-app [hidden]{display:none!important}

:root{--background:var(--v85-base,#fafbf8);--foreground:var(--v85-ink,#28363b);--popover:#fff;--popover-foreground:var(--v85-ink,#28363b);--primary:var(--v85-lime,#ddede5);--primary-foreground:var(--v85-ink,#28363b);--secondary:var(--v85-ice,#e2edf7);--secondary-foreground:var(--v85-ink,#28363b);--muted-foreground:var(--v85-ink,#28363b);--accent-foreground:var(--v85-ink,#28363b);--border:rgba(40,54,59,.14);--ring:var(--v85-ink,#28363b);--input:rgba(40,54,59,.18)}
body.reference-app :is(.segmented,.steps>button.active>span){background:var(--v85-lilac,#ece7f2)!important;color:var(--v85-ink,#28363b)!important;border-color:rgba(40,54,59,.18)!important}
body.reference-app .steps>button>span{color:var(--v85-ink,#28363b)!important;border-color:rgba(40,54,59,.18)!important}
body.reference-app :is(.tag,.hint,.approved,.job,.export-cover,#toast){background:var(--v85-ice,#e2edf7)!important;color:var(--v85-ink,#28363b)!important;box-shadow:none!important}
body.reference-app :is(.error-box,.job-error,.pattern-missing){background:var(--v85-lilac,#ece7f2)!important;color:var(--v85-ink,#28363b)!important;border-color:rgba(40,54,59,.18)!important}
body.reference-app :is(.dialog-header,.dialog-body-image,.ref-item img,.frame,.cast-placeholder,.cast-face,.image-view.editorial){background:#fff!important;color:var(--v85-ink,#28363b)!important;border-color:rgba(40,54,59,.14)!important}
body.reference-app :is(.thumb span,.safe-guide>span){background:rgba(250,251,248,.94)!important;color:var(--v85-ink,#28363b)!important}
body.reference-app .scene-num{color:var(--v85-ink,#28363b)!important}
body.reference-app :is(input[type=checkbox],input[type=radio],progress){accent-color:var(--v85-ink,#28363b)!important}

body.reference-app :is(.eyebrow,td,th){color:var(--v85-ink,#28363b)!important;border-color:rgba(40,54,59,.14)!important}
body.reference-app th{background:var(--v85-ice,#e2edf7)!important}
/* R7: readable detail choices and desktop workspace. */
body.reference-app :is(option,.grid3 button,.quality-picker,.segmented button){color:var(--v85-ink,#28363b)!important}
body.reference-app .grid3{align-items:stretch;gap:8px}
@media(min-width:760px){body.reference-app .app{max-width:1320px;margin-inline:auto;width:100%;min-height:100dvh}body.reference-app #main{min-height:300px}}