/* MUSE v10 — Monochrome Obsidian Studio Language (Clean · Tinh tế · Đơn sắc) */
:root{--studio-bg:#09090b;--studio-panel:#111114;--studio-canvas:#060608;--studio-border:rgba(255,255,255,0.08);--studio-text:#f4f4f5;--studio-secondary:#a1a1aa;--studio-muted:#71717a;--studio-accent:#ffffff;--studio-selected:rgba(255,255,255,0.08)}
:where(.quick-studio,.recreate-v5,.video-batch-page,.native-home,.sx-image,.sx-manager,.mw-settings-shell){color:var(--studio-text);background:var(--studio-bg);font-family:system-ui,-apple-system,sans-serif}
body #root .monday-navigation{background:#0e0e11!important;border-right:1px solid var(--studio-border)!important}body #root .monday-navigation nav button{border:1px solid transparent;box-shadow:none!important}body #root .monday-navigation nav button[aria-current=page]{background:rgba(255,255,255,0.08)!important;border-left:2.5px solid #ffffff!important;color:#ffffff!important;box-shadow:none!important}body #root .monday-navigation nav button:hover:not([aria-current=page]){background:rgba(255,255,255,0.04)!important}
body #root .sx-btn-primary,body #root .quick-submit,body #root .native-home .sx-btn-primary{background:#ffffff!important;border:1px solid rgba(255,255,255,0.25)!important;color:#09090b!important;font-weight:600!important;box-shadow:0 1px 3px rgba(0,0,0,0.5),inset 0 1px 0 rgba(255,255,255,0.4)!important;transition:all .15s ease!important}body #root .sx-btn-primary:hover:not(:disabled),body #root .quick-submit:hover:not(:disabled){transform:translateY(-1px)!important;box-shadow:0 0 20px rgba(255,255,255,0.18),inset 0 1px 0 rgba(255,255,255,0.6)!important;background:#f4f4f5!important}body #root .sx-btn-primary:disabled,body #root .quick-submit:disabled{background:#27272a!important;color:#71717a!important;border-color:rgba(255,255,255,0.05)!important;box-shadow:none!important;cursor:not-allowed!important}
:where(.quick-studio,.video-batch-page,.recreate-v5,.sx-image,.sx-manager) :where(.sx-btn,.sx-control,.sx-textarea){border-color:rgba(255,255,255,0.1);background:#141418;border-radius:8px;color:#f4f4f5;box-shadow:none}
:where(.quick-studio,.video-batch-page,.recreate-v5,.sx-image,.sx-manager) :where(.sx-control,.sx-textarea):focus{outline:none;border-color:rgba(255,255,255,0.35);box-shadow:0 0 0 2px rgba(255,255,255,0.06)}
:where(.quick-studio,.video-batch-page,.recreate-v5,.sx-image,.sx-manager) button:focus-visible{outline:2px solid #ffffff;outline-offset:2px}
:where(.quick-studio,.video-batch-page,.recreate-v5,.sx-image,.sx-manager) :where(input[type=checkbox],input[type=radio]){accent-color:#ffffff}
:where(.quick-studio,.video-batch-page,.recreate-v5,.sx-image) :where(h1,h2,h3){font-weight:500;letter-spacing:-.25px}
:where(.quick-studio,.video-batch-page,.recreate-v5,.sx-image) :where(.sx-hint,.native-eyebrow){color:var(--studio-secondary)}
/* Shared desktop geometry: inputs / working area / settings. */
.quick-studio,.video-batch-page,.recreate-v5{grid-template-columns:290px minmax(0,1fr) 246px;gap:12px;padding:16px;height:calc(100dvh - 42px);min-height:580px;overflow:hidden;background:#09090b}
.studio-settings{min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:18px;border:1px solid var(--studio-border);border-radius:14px;background:var(--studio-panel);display:flex;flex-direction:column;gap:20px}
.studio-settings>header{padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,0.06)}.studio-settings>header h2{font-size:16px;margin:8px 0 0;color:#f4f4f5}.studio-settings>header .native-eyebrow{font-size:9px;letter-spacing:1.5px;color:#a1a1aa}.studio-settings .sx-control{width:100%;min-height:38px}.studio-settings .sx-hint{font-size:11px;line-height:1.6;color:#a1a1aa}
/* Quick create */
.quick-compose{border-color:var(--studio-border);border-radius:14px;padding:18px;background:var(--studio-panel);gap:16px}.quick-compose h1{font-size:20px;line-height:1.3;letter-spacing:-.4px;color:#f4f4f5}.quick-compose .native-eyebrow{color:var(--studio-secondary);font-size:9px}.quick-media-toggle{background:#111215;border-color:var(--studio-border);border-radius:9px;padding:4px}.quick-media-toggle button{font-size:12px;padding:11px 5px;gap:7px;color:#a1a1aa}.quick-media-toggle button.active{background:rgba(255,255,255,0.08);color:#ffffff;box-shadow:none}.quick-reference-strip{gap:8px}.quick-reference-strip img,.quick-add-image{border-color:rgba(255,255,255,0.12);background:#141418}.quick-add-image{color:#a1a1aa;border:1px dashed rgba(255,255,255,0.18)}.quick-add-image:hover{border-color:rgba(255,255,255,0.35);color:#ffffff}.quick-prompt-label textarea{border-color:rgba(255,255,255,0.1);border-radius:9px;background:#141418;min-height:200px;padding:12px;font-size:12.5px;color:#f4f4f5}.quick-submit{margin-top:auto;height:44px!important;min-height:44px!important;font-size:13px!important;border-radius:9px!important}.quick-output{border:1px solid var(--studio-border);border-radius:14px;background:#111114;gap:0;overflow:hidden}.quick-output>header{height:54px;flex-shrink:0;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,0.06)}.quick-output h2{font-size:12px;color:#f4f4f5}.quick-output header small{font-size:10px;color:var(--studio-secondary)}.quick-canvas{border:0;border-radius:0;padding:10px;background:var(--studio-canvas);min-height:0}.quick-canvas img,.quick-canvas video{max-height:100%;object-fit:contain}.quick-empty h2{font-size:18px;color:#f4f4f5}.quick-orb{height:62px;width:62px;border:0;border-radius:18px;background:rgba(255,255,255,0.06);box-shadow:none;color:#ffffff}.quick-history{padding:12px;background:var(--studio-panel);border-top:1px solid rgba(255,255,255,0.06);min-height:78px}.quick-history button{height:52px;width:56px;border-color:rgba(255,255,255,0.1);border-radius:7px;background:#141418}.quick-history button.active{border-color:#ffffff}.quick-download{margin:7px 12px;min-height:30px!important;height:30px!important;background:transparent!important;border-color:transparent!important}.quick-settings .quick-options{flex-direction:column;gap:20px}.quick-settings .quick-options label{gap:10px;font-size:12px;color:#d4d4d8}.quick-settings .quick-footnote{font-size:11px;line-height:1.7;color:var(--studio-secondary)}.quick-settings .quick-advanced{margin-top:auto;line-height:1.6}.quick-settings .inline-muse{order:2}.quick-settings .quick-footnote{order:3}.quick-settings .quick-advanced{order:4}
.inline-muse{background:rgba(255,255,255,0.03);border-color:rgba(255,255,255,0.08);border-radius:9px}.inline-muse button{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);color:#f4f4f5}.inline-muse strong{color:#f4f4f5}.muse-gradient-icon{background:rgba(255,255,255,0.08);color:#ffffff}
/* Image Studio */
.sx-image{grid-template-columns:290px minmax(0,1fr) 246px!important;gap:12px!important;padding:16px!important;background:var(--studio-bg)!important}.sx-image .sx-composer-panel,.sx-image .image-preset-panel{border:1px solid var(--studio-border)!important;border-radius:14px!important;background:var(--studio-panel)!important;padding:18px!important}.sx-image .sx-composer-panel h1{font-size:20px!important}.sx-image .sx-main{border:1px solid var(--studio-border);border-radius:14px;background:#111114;padding:0!important;min-width:0}.sx-image .sx-compare{padding:12px;gap:10px}.sx-image .sx-stage{background:var(--studio-canvas);border-color:rgba(255,255,255,0.06);border-radius:8px}.sx-image .sx-frame-box{background:var(--studio-canvas)}.sx-image .sx-toolbar{min-height:34px}.sx-image .sx-seg{background:#141418;border-color:rgba(255,255,255,0.08);border-radius:8px}.sx-image .sx-seg-btn{font-size:11px;min-height:32px;color:#a1a1aa}.sx-image .sx-seg-btn.active{background:rgba(255,255,255,0.08);color:#ffffff}.sx-image .sx-actions .sx-icon-action{width:32px!important;height:32px!important;min-height:32px!important;border-radius:7px;background:rgba(255,255,255,0.04);border-color:rgba(255,255,255,0.08);color:#d4d4d8}.sx-image .sx-actions .sx-icon-action:hover{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.2);color:#ffffff}.sx-image .sx-result-strip{height:64px;min-height:64px;max-height:64px;padding:4px 0}.sx-image .sx-result-thumb{width:52px;height:54px;border-color:rgba(255,255,255,0.1)}.sx-image .sx-result-thumb.active{border-color:#ffffff;background:rgba(255,255,255,0.08)}.image-presets{gap:23px}.image-presets header h2{font-size:16px;color:#f4f4f5}.image-preset-grid{gap:8px}.image-preset-grid button{min-height:78px;border:1px solid rgba(255,255,255,0.08);background:#141418;border-radius:9px;padding:10px 5px;gap:9px;color:#d4d4d8;transition:all .15s}.image-preset-grid button span{font-size:12px}.image-preset-grid .studio-function-icon{width:22px;height:22px;color:#a1a1aa!important}.image-preset-grid button.active{background:#222226!important;border-color:rgba(255,255,255,0.35)!important;color:#ffffff!important;box-shadow:0 0 16px rgba(255,255,255,0.06)!important}.image-preset-grid button.active .studio-function-icon{color:#ffffff!important}.image-preset-grid button:hover:not(:disabled){background:#18181d;border-color:rgba(255,255,255,0.2);color:#ffffff}.image-presets .preset-help{font-size:11px;color:var(--studio-secondary)}.preset-group h3{font-size:12px;font-weight:500;color:#f4f4f5}.image-presets .preset-group>.sx-btn{font-size:11px;min-height:36px;height:36px}.sx-task-popup{background:#18181cf8!important;border-color:rgba(255,255,255,0.15)!important;box-shadow:0 8px 28px rgba(0,0,0,0.5)!important}
/* Concurrent video: prompt and actions left, queue center, settings right. */
.video-batch-page .sx-panel{border:1px solid var(--studio-border);border-radius:14px;background:var(--studio-panel);padding:18px}.video-batch-page .batch-composer{align-self:stretch;min-height:0;overflow:auto;scrollbar-width:thin;gap:12px}.video-batch-page .batch-composer>section:first-child{background:var(--studio-panel);flex:1;min-height:340px;gap:16px}.video-batch-page h1{font-size:22px;line-height:1.3}.video-batch-page h2{font-size:14px}.video-batch-page .batch-composer>section:first-child>header{align-items:flex-start;flex-direction:column;gap:5px}.video-batch-page .batch-video-prompts{min-height:200px;flex:1;background:#111215;border-color:#ffffff19;font-size:12px}.video-batch-page .batch-results{align-self:stretch;overflow:auto;scrollbar-width:thin;min-height:0;background:#141518}.video-batch-page .batch-results>header{padding-bottom:15px;border-bottom:1px solid #ffffff0b}.video-batch-page .batch-status-tabs{gap:5px}.video-batch-page .batch-status-tabs .sx-btn{font-size:10px;min-height:30px;height:30px;padding:0 7px;background:#ffffff03}.video-batch-page .batch-status-tabs .sx-btn-primary{background:rgba(255,255,255,0.1)!important;border-color:rgba(255,255,255,0.25)!important;color:#ffffff!important}.video-batch-page .batch-video-row{background:#191a1e;border-color:#ffffff12;padding:11px;box-shadow:none}.video-batch-page .batch-video-row:hover{border-color:rgba(255,255,255,0.2)}.batch-video-thumb{height:56px;width:70px;border-color:#ffffff12;box-shadow:none;border-radius:7px}.batch-video-meta code{font-size:9px;color:#a1a1aa}.batch-video-meta p{font-size:11px}.batch-status.running{background:rgba(255,255,255,0.08);color:#f4f4f5;border-color:rgba(255,255,255,0.2)}.batch-status.completed{background:rgba(255,255,255,0.04);color:#a1a1aa;border-color:rgba(255,255,255,0.12)}.video-settings{padding:0;gap:0}.video-settings>.sx-panel{border:0;border-radius:0;background:transparent!important;padding:18px;gap:16px}.video-settings>.sx-panel:first-child{border-bottom:1px solid #ffffff0b}.video-settings .batch-video-options{grid-template-columns:1fr;gap:18px}.video-settings .batch-concurrency{grid-template-columns:1fr}.video-settings .batch-concurrency small{font-size:10px}.video-settings .sx-btn{font-size:11px}.video-settings .batch-video-reference{height:130px;background:var(--studio-canvas)}.video-batch-page .batch-selection{gap:6px}.video-batch-page .batch-selection .sx-btn{font-size:10px;padding:0 8px;min-height:30px;height:30px}.video-batch-page .batch-composer>section:last-child .sx-row{gap:8px;flex-wrap:wrap}.video-batch-page .batch-composer>section:last-child .sx-btn{flex:1;min-width:85px;font-size:11px;height:38px}.video-batch-page .batch-video-summary>a.sx-btn{width:30px;height:30px;min-height:30px;padding:0;font-size:0;border-color:#ffffff10;background:#ffffff04}.video-batch-page .batch-video-summary>a.sx-btn::before{content:'↓';font-size:18px}.video-batch-page .batch-video-summary>a.sx-btn:hover{color:#ffffff;border-color:rgba(255,255,255,0.3)}
/* Batch recreation */
.recreate-v5-controls{background:var(--studio-panel);border:1px solid var(--studio-border);border-radius:14px;padding:18px;gap:20px}.recreate-v5-controls>header{padding:0}.recreate-v5 h1{font-size:23px;line-height:1.3}.recreate-v5-controls .recreate-section,.recreate-settings .recreate-section{background:transparent;border:0;border-top:1px solid #ffffff0b;border-radius:0;padding:18px 0 0;gap:13px}.recreate-settings .recreate-section h2{font-size:12px;color:#d1cbdc}.recreate-section h2{font-size:12px;color:#cbc6d6}.recreate-segment{background:#111215;border-color:#ffffff12}.recreate-segment button{min-height:38px;font-size:12px}.recreate-segment button.active{background:rgba(255,255,255,0.08);color:#ffffff}.recreate-mode-grid{gap:8px}.recreate-mode-grid button{min-height:78px;font-size:12px;border-color:#ffffff12;background:#ffffff03;padding:10px 6px}.recreate-mode-grid button strong{font-size:12px}.recreate-mode-grid button .studio-function-icon{color:#a1a1aa!important;width:22px;height:22px}.recreate-mode-grid button.active{background:#222226!important;border-color:rgba(255,255,255,0.35)!important;color:#ffffff!important}.recreate-mode-grid button.active .studio-function-icon{color:#ffffff!important}.recreate-source-preview,.recreate-source-empty{background:#111215;border-color:#ffffff20;border-radius:9px}.recreate-source-preview{height:170px}.recreate-locks label,.recreate-background-options label{padding:10px;background:#ffffff03;border:1px solid #ffffff0c;font-size:11px;min-height:38px;line-height:1.5;gap:8px}.recreate-locks input,.recreate-background-options input{height:15px;width:15px}.recreate-v5-results{background:#141518;border:1px solid var(--studio-border);border-radius:14px;padding:16px;scrollbar-width:thin}.recreate-result-header h2{font-size:14px}.recreate-result-header .sx-control{min-width:110px;font-size:10px}.recreate-result-actions{border-color:#ffffff0b;padding:10px 0 14px}.recreate-result-actions label{font-size:10px}.recreate-v5-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.recreate-v5-card{padding:10px;border-color:#ffffff12;background:#191a1e;border-radius:10px;gap:8px}.recreate-v5-image{background:var(--studio-canvas);border-color:#ffffff0b}.recreate-v5.gallery-only{grid-template-columns:minmax(0,1fr)!important}.recreate-settings .sx-textarea{min-height:100px}.recreate-selected-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:210px}.recreate-notice{font-size:11px;background:rgba(255,255,255,0.04);border-color:rgba(255,255,255,0.08);color:#a1a1aa}
/* Home, library, asset picker and settings use the same restrained surfaces. */
.native-home{padding:24px;height:calc(100dvh - 42px)}.native-hero{border-color:var(--studio-border);border-radius:14px;background:var(--studio-panel);min-height:330px}.native-hero-copy{padding:30px}.native-hero h1{background:none;-webkit-text-fill-color:initial;color:#e9e5f1;font-weight:500;font-size:clamp(28px,3vw,43px)}.native-hero-copy p{font-size:12px;color:var(--studio-muted)}.native-feature,.native-feature:nth-child(2),.native-feature:nth-child(3){background:var(--studio-panel);border-color:var(--studio-border);border-radius:12px;padding:22px;transition:border-color .15s}.native-feature:hover{transform:none;border-color:rgba(255,255,255,0.25)}.native-feature h2{font-size:17px;font-weight:500}.native-feature p{font-size:12px;color:var(--studio-muted)}.native-feature small{color:#a1a1aa}.native-showcase{gap:12px;padding:8px 0 18px;perspective:none}.native-showcase button,.native-showcase button:nth-child(even){transform:none;background:var(--studio-panel);border-color:var(--studio-border);box-shadow:none;flex-basis:220px;border-radius:12px}.native-showcase button:hover,.native-showcase button:focus-visible{transform:none;border-color:rgba(255,255,255,0.25);box-shadow:none}.sx-manager{padding:20px!important;background:var(--studio-bg)!important}.sx-manager .sx-panel,.sx-manager .sx-media-card{background:var(--studio-panel)!important;border-color:var(--studio-border)!important;border-radius:12px}.sx-manager .sx-media-grid{column-gap:14px}.sx-manager .sx-media-card{margin-bottom:14px}.sx-manager .sx-media-card img{transition:none}.sx-manager .sx-media-card:hover img{transform:none}.asset-picker{background:#191a1e;border:1px solid #ffffff1c;border-radius:16px;padding:22px;max-width:min(1120px,calc(100vw - 32px));box-shadow:0 30px 100px rgba(0,0,0,0.85),0 0 0 1px rgba(255,255,255,0.1)}.asset-picker-item{background:#111215;border-color:#ffffff10;border-width:1px;border-radius:9px}.asset-picker-item.selected{background:rgba(255,255,255,0.08);border-color:#ffffff}.asset-picker-item b{background:#ffffff;color:#09090b}.asset-picker footer{border-color:#ffffff0b}.asset-picker h2{font-size:18px;font-weight:500}.asset-picker .sx-btn-primary{background:#ffffff;color:#09090b}.mw-settings-shell{background:var(--studio-bg)!important}.mw-settings,.mw-settings-card,.mw-settings-compact{background:var(--studio-panel)!important;border-color:var(--studio-border)!important;border-radius:14px!important}.mw-settings-grid{gap:14px!important}.mw-settings-card{box-shadow:none!important}.mw-legacy-settings{background:var(--studio-panel)!important;border-color:var(--studio-border)!important;border-radius:12px!important}.face-workspace .muse-gradient-icon{background:rgba(255,255,255,0.06)}.face-empty>.muse-gradient-icon{width:72px;height:72px;padding:16px}
@media(min-width:1500px){.quick-studio,.video-batch-page,.recreate-v5{grid-template-columns:310px minmax(0,1fr) 260px}}
@media(max-width:1200px){.quick-studio,.video-batch-page,.recreate-v5{grid-template-columns:260px minmax(0,1fr) 220px;padding:10px;gap:9px}.sx-image{grid-template-columns:260px minmax(0,1fr) 220px!important;padding:10px!important;gap:9px!important}.studio-settings,.quick-compose,.recreate-v5-controls,.video-batch-page .sx-panel{padding:14px}.video-settings{padding:0}.video-settings>.sx-panel{padding:14px}.image-preset-grid button span{font-size:11px}.sx-image .sx-composer-panel,.sx-image .image-preset-panel{padding:14px!important}.recreate-v5-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.batch-video-summary{flex-wrap:wrap}.batch-video-meta{min-width:55%}}
@media(max-width:1000px){.quick-studio,.video-batch-page,.recreate-v5{grid-template-columns:260px minmax(0,1fr);height:auto;overflow:auto;min-height:calc(100dvh - 42px);align-content:start}.studio-settings{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;overflow:visible}.studio-settings>header{grid-column:1/-1;padding:0;border:0}.quick-compose,.batch-composer,.recreate-v5-controls{max-height:74dvh;min-height:560px}.quick-output,.video-batch-page .batch-results,.recreate-v5-results{height:74dvh;min-height:560px}.video-settings{padding:14px}.video-settings>.sx-panel:first-child{border-bottom:0}.video-settings>.sx-panel{padding:0}.video-settings>.sx-panel:last-child{grid-column:2/-1}.video-settings .batch-video-options{grid-template-columns:1fr 1fr}.quick-settings .quick-advanced{margin-top:0}.recreate-settings>.recreate-section{margin:0;padding:0;border:0}.sx-image{grid-template-columns:260px minmax(0,1fr)!important}.sx-image .image-preset-panel{grid-column:1/-1}.image-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.image-presets>header{grid-column:1/-1}}
@media(max-width:700px){.quick-studio,.video-batch-page,.recreate-v5{display:flex;flex-direction:column;min-height:0;height:auto;overflow:visible}.quick-compose,.video-batch-page .batch-composer,.recreate-v5-controls{max-height:none;min-height:0;overflow:visible}.quick-prompt-label textarea{min-height:140px}.quick-output{min-height:500px;height:65dvh}.quick-canvas{flex:1;height:auto}.studio-settings{display:flex;flex-direction:column;min-height:0}.video-batch-page .batch-results,.recreate-v5-results{height:auto;min-height:400px;overflow:visible}.video-batch-page .batch-composer>section:first-child{min-height:0}.video-batch-page .batch-video-prompts{min-height:180px}.sx-image{grid-template-columns:1fr!important}.image-presets{display:flex}.image-preset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.native-home{padding:14px}.native-hero-copy{padding:22px}.native-showcase button{flex-basis:180px}}
@media(prefers-reduced-motion:reduce){body #root .sx-btn-primary,.native-feature,.native-showcase button{transition:none!important;transform:none!important}}
:root{color-scheme:dark}.studio-settings,.quick-compose,.quick-output,.recreate-v5-controls,.recreate-v5-results,.batch-results,.sx-composer-panel,.image-preset-panel{scrollbar-width:thin;scrollbar-color:#45434f transparent;overflow-x:hidden}.recreate-v5-controls .sx-row{flex-wrap:wrap}.recreate-v5-controls .sx-row .sx-btn{flex:1;min-width:90px}.video-settings label{display:flex;flex-direction:column;gap:9px}.studio-drop{position:relative;min-height:80px;border-radius:10px}.studio-drop.is-over{outline:2px solid #ffffff;outline-offset:3px}.studio-drop-overlay{position:absolute;inset:0;z-index:12;display:grid;place-items:center;background:#111114f0;border:1px dashed rgba(255,255,255,0.4);border-radius:10px;padding:15px;color:#f4f4f5;font-size:12px;pointer-events:none}.face-input-wrap{flex-shrink:0}.face-input-wrap>.face-input{width:100%}.face-input-remove{position:absolute;right:7px;top:7px;z-index:2;height:25px;width:25px;border:1px solid #ffffff30;border-radius:50%;background:#17151fe8;color:#eee;font-size:18px;cursor:pointer}.face-before-after{display:grid;grid-template-columns:1fr 1fr;width:100%;height:100%;gap:10px;min-height:0}.face-before-after figure{position:relative;margin:0;min-width:0;min-height:0;background:#101114;border:1px solid #ffffff0d;border-radius:8px;overflow:hidden}.face-before-after img{width:100%;height:100%;object-fit:contain}.face-before-after figcaption{position:absolute;top:10px;left:10px;padding:5px 9px;border:1px solid #ffffff17;border-radius:6px;background:#17151fd9;color:#ddd3ee;font-size:11px}.face-compare-toggle{height:31px;border:1px solid rgba(255,255,255,0.15);background:rgba(255,255,255,0.06);color:#ffffff;border-radius:7px;font-size:10px;padding:0 9px;cursor:pointer}.face-failures>div>.sx-btn{font-size:10px;min-height:29px;flex-shrink:0}.quick-reference-strip{min-height:88px}
.face-mode-select{display:grid;grid-template-columns:1fr 1fr;gap:7px;flex-shrink:0}.face-mode-select button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:12px 5px;min-height:88px;border:1px solid #ffffff12;border-radius:9px;background:#ffffff03;color:#aaa4b6;cursor:pointer}.face-mode-select strong{font-size:11px;font-weight:500}.face-mode-select small{font-size:9px;color:#97909f}.face-mode-select .active{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.3);color:#ffffff}.face-account-notice{padding:12px;background:#e6b57e09;border:1px solid #e6b57e25;border-radius:9px;font-size:11px;color:#c6af93}.face-account-notice strong{font-weight:500}.face-account-notice p{font-size:10px;line-height:1.6}.face-account-notice button{padding:6px 0;border:0;background:none;color:#ffffff;font-size:11px;cursor:pointer}.face-submit{font-size:12px!important}
.face-canvas-label{position:absolute;left:20px;top:20px;max-width:calc(100% - 40px);background:#16151fe0;border:1px solid #ffffff16;color:#c6b9d9;padding:6px 10px;border-radius:7px;font-size:10px;pointer-events:none}

/* ===== DEFINITIVE MONOCHROME OBSIDIAN OVERRIDES (MAGNIFIC STUDIO STANDARD) ===== */
body #root .monday-navigation {
    background: #08080b !important;
    border-right: 1px solid rgba(255, 255, 255, 0.07) !important;
}
body #root .monday-navigation nav button {
    border-radius: 10px !important;
    color: #a1a1aa !important;
    font-weight: 500 !important;
    border: 1px solid transparent !important;
    transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
body #root .monday-navigation nav button:hover:not([aria-current=page]) {
    background: rgba(255, 255, 255, 0.04) !important;
    color: #ffffff !important;
}
body #root .monday-navigation nav button[aria-current=page] {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0.04)) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    box-shadow: 0 2px 14px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
    position: relative !important;
    font-weight: 600 !important;
}
body #root .monday-navigation nav button[aria-current=page]::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 22% !important;
    bottom: 22% !important;
    width: 3px !important;
    border-radius: 0 3px 3px 0 !important;
    background: #ffffff !important;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.85) !important;
}
body #root .monday-navigation nav button[aria-current=page] svg {
    color: #ffffff !important;
    stroke: #ffffff !important;
    filter: drop-shadow(0 0 6px rgba(255, 255, 255, 0.3)) !important;
}

body #root .sx-btn-primary,
body #root .quick-submit,
body #root .native-home .sx-btn-primary {
    background: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: #09090b !important;
    font-weight: 600 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
    transition: all .15s ease !important;
}
body #root .sx-btn-primary:hover:not(:disabled),
body #root .quick-submit:hover:not(:disabled) {
    background: #f4f4f5 !important;
    box-shadow: 0 0 18px rgba(255, 255, 255, 0.15) !important;
    transform: translateY(-1px) !important;
}
body #root .sx-btn-primary:disabled,
body #root .quick-submit:disabled {
    background: #27272a !important;
    color: #71717a !important;
    border-color: rgba(255, 255, 255, 0.05) !important;
    box-shadow: none !important;
    cursor: default !important;
}

body #root .muse-workspace-tabs {
    background: #09090b !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}
body #root .muse-workspace-tabs button {
    background: transparent !important;
    border: 1px solid transparent !important;
    color: #a1a1aa !important;
    border-radius: 7px !important;
}
body #root .muse-workspace-tabs button:hover:not([aria-selected=true]) {
    background: rgba(255, 255, 255, 0.04) !important;
    color: #ffffff !important;
}
body #root .muse-workspace-tabs button[aria-selected=true] {
    background: #18181c !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #ffffff !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

body #root .muse-viewer-toolbar {
    background: #111114 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}
body #root .muse-viewer-tools :is(button, select, a) {
    background: #18181c !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #d4d4d8 !important;
}
body #root .muse-viewer-tools :is(button, select, a):hover:not(:disabled) {
    background: #222226 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
}
body #root .muse-viewer-tools button[aria-pressed=true],
body #root .muse-viewer-tools button.is-active,
body #root .muse-viewer-tools button[aria-expanded=true] {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
    color: #ffffff !important;
}

body #root .muse-ratios {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(46px, 1fr)) !important;
    gap: 6px !important;
}
body #root .muse-ratios > button {
    background: #141418 !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    color: #71717a !important;
}
body #root .muse-ratios > button:hover:not(:disabled) {
    background: #18181c !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
    color: #d4d4d8 !important;
}
body #root .muse-ratios > button[aria-pressed=true] {
    background: #222226 !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
    color: #ffffff !important;
    box-shadow: 0 0 14px rgba(255, 255, 255, 0.05) !important;
}
body #root .muse-ratios > button[aria-pressed=true] > .muse-ratio-icon {
    background: rgba(255, 255, 255, 0.15) !important;
    border-color: #ffffff !important;
    box-shadow: 0 0 8px rgba(255, 255, 255, 0.1) !important;
}
body #root .muse-ratio-icon.is-auto {
    background: transparent !important;
    border-style: dashed !important;
    border-color: currentColor !important;
}
body #root .muse-ratios > button[aria-pressed=true] > .muse-ratio-icon.is-auto {
    background: rgba(255, 255, 255, 0.15) !important;
    border-style: solid !important;
    border-color: #ffffff !important;
}

body #root input[type=checkbox],
body #root input[type=radio] {
    accent-color: #ffffff !important;
}

/* Ensure Provider Header Menu is strictly on 1 horizontal row without breaking words */
body #root .flow-create-toolbar,
body #root .flow-provider-toolbar {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
    gap: 14px !important;
    padding: 8px 16px !important;
    min-height: 48px !important;
    background: #09090b !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
    box-sizing: border-box !important;
}

body #root .flow-create-toolbar .flow-studio-field,
body #root .flow-provider-toolbar .flow-studio-field {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
    white-space: nowrap !important;
}

body #root .flow-create-toolbar .flow-field-label,
body #root .flow-provider-toolbar .flow-field-label,
body #root .flow-create-toolbar .flow-studio-field > span,
body #root .flow-provider-toolbar .flow-studio-field > span {
    display: inline-block !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #a1a1aa !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    line-height: 1 !important;
}

body #root .flow-create-toolbar select,
body #root .flow-provider-toolbar select,
body #root .flow-create-toolbar .flow-studio-field .sx-control,
body #root .flow-provider-toolbar .flow-studio-field .sx-control {
    width: auto !important;
    min-width: 130px !important;
    max-width: 220px !important;
    height: 32px !important;
    min-height: 32px !important;
    line-height: 32px !important;
    background: #141418 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 6px !important;
    color: #f4f4f5 !important;
    font-size: 12px !important;
    padding: 0 10px !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    flex: 0 0 auto !important;
    transition: all .15s ease !important;
}

body #root .flow-create-toolbar select:hover,
body #root .flow-provider-toolbar select:hover {
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
    background: #18181c !important;
}

body #root .flow-provider-toolbar .flow-settings-link {
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 12px !important;
    background: #141418 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 6px !important;
    color: #d4d4d8 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
    cursor: pointer !important;
    transition: all .15s ease !important;
}

body #root .flow-provider-toolbar .flow-settings-link:hover:not(:disabled) {
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
    background: #18181c !important;
}