/* Champagne studio. Keep the real workspace controls and their save lifecycle. */ :root.champagne,body.champagne { color-scheme:dark; --bg:#08080a; --surface:#111114; --surface-2:#15151a; --raise:#1a1a20; --line:rgba(255,255,255,.075); --line-2:rgba(255,255,255,.12); --ink:#ece8e1; --text:#ece8e1; --text-2:#b6b1a8; --muted:#918c84; --faint:#736f68; --gold:#c9a96a; --gold-soft:#e3cf9f; --gold-dim:rgba(201,169,106,.12); --sage:#a6bfa6; --danger:#d9a08a; --brand:var(--gold); --brand-dark:var(--gold-soft); --brand-soft:var(--gold-dim); --sidebar:252px; --serif:"Palatino Linotype","Book Antiqua",Palatino,"Songti SC",STSong,Georgia,serif; --sans:"Inter","PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif; --mono:"JetBrains Mono","Cascadia Mono",Consolas,monospace; } body.champagne { font-family:var(--sans); } body.champagne :is(button,input,select,textarea) { font-family:var(--sans); } body.champagne :is(code,kbd) { font-family:var(--mono); } body.account-app.atelier-v2.champagne { background:var(--bg); color:var(--text); font-family:var(--sans); } body.account-app.atelier-v2.champagne::before { inset:0; height:auto; filter:none; background:radial-gradient(ellipse at 62% -20%,#c9a96a07,transparent 58%); pointer-events:none; } body.account-app.atelier-v2.champagne::after { content:""; position:fixed; inset:0; background:url('/grain.svg'); opacity:.022; pointer-events:none; z-index:50; } body.account-app.atelier-v2.champagne ::selection { background:#c9a96a40; color:#fff3dc; } body.account-app.atelier-v2.champagne * { scrollbar-color:#c9a96a33 transparent; } body.account-app.atelier-v2.champagne :is(button,a,input,select,textarea,summary):focus-visible { outline:2px solid var(--gold); outline-offset:3px; } body.account-app.atelier-v2.champagne .sidebar { padding:30px 18px 22px; background:#0b0b0dee; border-right:1px solid var(--line); backdrop-filter:none; overflow-y:auto; overscroll-behavior:contain; } body.account-app.atelier-v2.champagne .brand { gap:12px; padding:0 8px; font:19px var(--serif); letter-spacing:2px; color:var(--text); } body.account-app.atelier-v2.champagne .brand-mark { width:34px; height:34px; border:1px solid #c9a96a55; border-radius:10px; background:linear-gradient(135deg,#c9a96a1a,#c9a96a03); color:var(--gold-soft); font:17px var(--serif); box-shadow:inset 0 1px 0 #fff1; } body.account-app.atelier-v2.champagne .brand small { font:8px var(--mono); letter-spacing:2.5px; color:var(--faint); margin-top:7px; } body.account-app.atelier-v2.champagne .nav-label { margin:36px 10px 12px; padding:0; color:var(--faint); font-size:10px; letter-spacing:2px; } body.account-app.atelier-v2.champagne .side-nav { gap:4px; } body.account-app.atelier-v2.champagne .side-nav .tab { min-height:39px; padding:10px 12px; font-size:13px; font-weight:400; color:var(--text-2); border:0; border-radius:9px; background:transparent; } body.account-app.atelier-v2.champagne .side-nav .tab svg { width:16px; height:16px; color:var(--muted); stroke-width:1.5; } body.account-app.atelier-v2.champagne .side-nav .tab:hover { color:var(--text); background:#ffffff04; } body.account-app.atelier-v2.champagne .side-nav .tab.active { color:var(--gold-soft); background:linear-gradient(95deg,#c9a96a12,#c9a96a04); box-shadow:none; } body.account-app.atelier-v2.champagne .side-nav .tab.active svg { color:var(--gold); } body.account-app.atelier-v2.champagne .side-nav .tab.active::after { left:-18px; right:auto; width:2px; height:16px; border-radius:0; background:var(--gold); box-shadow:0 0 12px #c9a96a44; } .nav-index { margin-left:auto; color:var(--faint); font:9px var(--mono); } .side-group-label { padding:22px 12px 10px; font-size:10px; color:var(--faint); letter-spacing:2px; } .side-wallet { display:flex; flex-direction:column; flex-shrink:0; text-align:left; gap:16px; width:100%; margin:44px 0 0; margin-top:auto; padding:18px 15px; background:linear-gradient(150deg,#ffffff03,transparent); border:1px solid var(--line); border-radius:12px; color:var(--text); cursor:pointer; } .side-wallet:hover { border-color:#c9a96a40; } .side-wallet-label { font:9px var(--mono); color:var(--muted); letter-spacing:1px; } .side-wallet>strong { font:30px var(--serif); font-variant-numeric:tabular-nums; overflow-wrap:anywhere; } .side-wallet-meta { display:flex; flex-wrap:wrap; gap:10px; justify-content:space-between; border-top:1px solid var(--line); padding-top:12px; font-size:10px; color:var(--muted); } .side-wallet-meta b { font-weight:400; color:var(--text-2); } body.account-app.atelier-v2.champagne .sidebar-help { margin-top:14px; padding:6px 10px; color:var(--muted); } body.account-app.atelier-v2.champagne .sidebar-footer { display:flex; align-items:center; gap:11px; margin:15px 4px 0; padding:0; border:0; letter-spacing:0; } .side-avatar { display:grid; place-items:center; width:29px; height:29px; flex-shrink:0; border-radius:50%; color:#211c12; background:linear-gradient(145deg,#e3cf9f,#b4965d); font:15px var(--serif); } .side-user { min-width:0; } body.account-app.atelier-v2.champagne .side-user strong { font-size:11px; color:var(--text-2); letter-spacing:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .side-user small { color:var(--faint); font:8px var(--mono); letter-spacing:1px; } body.account-app.atelier-v2.champagne .topbar { height:64px; padding:0 40px; background:#08080af5; border-color:var(--line); backdrop-filter:none; } body.account-app.atelier-v2.champagne .workspace-crumb { gap:14px; color:var(--muted); font-size:11px; } body.account-app.atelier-v2.champagne .workspace-crumb i { background:var(--line-2); } body.account-app.atelier-v2.champagne .workspace-crumb strong { color:var(--gold-soft); } body.account-app.atelier-v2.champagne .sync-label { color:var(--muted); } body.account-app.atelier-v2.champagne .sync-label i { background:var(--sage); box-shadow:none; } body.account-app.atelier-v2.champagne .account-button { color:var(--text-2); border-color:var(--line); } body.account-app.atelier-v2.champagne .top-avatar { color:var(--gold-soft); border-color:#c9a96a33; background:#c9a96a0b; } body.account-app.atelier-v2.champagne .container { max-width:1540px; padding:0 40px; } body.account-app.atelier-v2.champagne .atmosphere,body.account-app.atelier-v2.champagne .scene-mode-toggle { display:none; } body.account-app.atelier-v2.champagne .page-head { min-height:136px; } body.account-app.atelier-v2.champagne .page-eyebrow { color:var(--gold); font-family:var(--mono); } body.account-app.atelier-v2.champagne h1 { font:32px/1.4 var(--serif); color:var(--text); } body.account-app.atelier-v2.champagne .page-head p { color:var(--muted); } body.account-app.atelier-v2.champagne[data-view=workbench] .page-head { display:none; } body.account-app.atelier-v2.champagne .footer { color:var(--faint); border-top:1px solid var(--line); margin-top:50px; font-size:10px; } body.account-app.atelier-v2.champagne .footer .text-button { color:var(--muted); } body.account-app.atelier-v2.champagne .btn { border-radius:7px; min-height:36px; font-size:12px; font-weight:400; transition:background .18s,border-color .18s,color .18s,transform .18s; } body.account-app.atelier-v2.champagne .btn.small { min-height:32px; padding:0 12px; font-size:11px; } body.account-app.atelier-v2.champagne .btn.primary { background:linear-gradient(135deg,#e3cf9f,#c9a96a); color:#201a0e; border-color:#c9a96a; box-shadow:inset 0 1px 0 #fff5,0 3px 14px #c9a96a0a; } body.account-app.atelier-v2.champagne .btn.primary:hover:not(:disabled) { background:linear-gradient(135deg,#efdfbb,#d4b777); border-color:var(--gold-soft); box-shadow:0 3px 15px #c9a96a18; color:#201a0e; transform:translateY(-1px); } body.account-app.atelier-v2.champagne .btn.secondary { background:#ffffff02; border-color:var(--line-2); color:var(--text-2); box-shadow:none; } body.account-app.atelier-v2.champagne .btn.secondary:hover:not(:disabled) { background:#ffffff07; border-color:#c9a96a40; color:var(--text); box-shadow:none; } body.account-app.atelier-v2.champagne .text-button { color:var(--gold); font-size:11px; padding:5px 3px; background:transparent; } body.account-app.atelier-v2.champagne .text-button:hover:not(:disabled) { background:#c9a96a08; color:var(--gold-soft); } body.account-app.atelier-v2.champagne .icon-btn { color:var(--muted); } body.account-app.atelier-v2.champagne .icon-btn:hover { color:var(--gold-soft); background:#c9a96a0a; border-color:var(--line); } body.account-app.atelier-v2.champagne :is(input:not([type=checkbox]):not([type=radio]),select,textarea) { color:var(--text-2); background:#0d0d10; border-color:var(--line-2); border-radius:7px; } body.account-app.atelier-v2.champagne :is(input:not([type=checkbox]),select,textarea):focus { border-color:#c9a96a70; box-shadow:0 0 0 2px #c9a96a0c; } body.account-app.atelier-v2.champagne :is(input,textarea)::placeholder { color:var(--faint); } body.account-app.atelier-v2.champagne input[type=checkbox] { accent-color:var(--gold); } body.account-app.atelier-v2.champagne :is(.modal,.wb-image-dialog,.wb-original-dialog) { background:#141417; border-color:var(--line-2); color:var(--text); box-shadow:0 24px 80px #0008; } body.account-app.atelier-v2.champagne .studio-dialog { background:#141417; border-color:var(--line-2); border-radius:12px; color:var(--text-2); box-shadow:0 24px 80px #0008; } body.account-app.atelier-v2.champagne .studio-dialog::backdrop { background:#050506b3; backdrop-filter:blur(6px); } body.account-app.atelier-v2.champagne :is(.modal,.studio-dialog,.wb-image-dialog,.wb-original-dialog)>h2 { color:var(--text); font:26px/1.5 var(--serif); letter-spacing:.5px; } body.account-app.atelier-v2.champagne :is(.panel-head,.settings-card,.connection-card) h2 { font-family:var(--serif); font-weight:400; } body.account-app.atelier-v2.champagne :is(.studio-prompt-editor,.studio-mention-menu,.studio-dropzone,.studio-import-preview,.studio-reference-picker) { background:#0d0d10; color:var(--text-2); border-color:var(--line-2); } body.account-app.atelier-v2.champagne .studio-mention-option.active { color:var(--gold-soft); background:var(--gold-dim); } body.account-app.atelier-v2.champagne .toast { background:#1a1813f5; border-color:#c9a96a44; color:var(--gold-soft); } /* Shared account and batch-video surfaces. */ body.account-app.atelier-v2.champagne :is(.panel-box,.summary-card,.settings-card,.connection-card,.plugin-download-card,.studio-board,.studio-stage,.studio-inspector,.studio-layout>.studio-board-head,.studio-batch-progress) { background:var(--surface); border-color:var(--line); backdrop-filter:none; box-shadow:none; } body.account-app.atelier-v2.champagne .main-balance { background:linear-gradient(130deg,#29241b,#151419); } body.account-app.atelier-v2.champagne .balance-number strong { color:var(--text); } body.account-app.atelier-v2.champagne .studio-workbench { border-color:var(--line); } body.account-app.atelier-v2.champagne .studio-stage-media { background:radial-gradient(ellipse at 70% 0%,#c9a96a08,transparent 70%),#0c0c0e; border-color:var(--line); } body.account-app.atelier-v2.champagne :is(.studio-project-button.active,.studio-shot.is-current,.studio-segment button.active,.ui-choice-segments button[aria-pressed=true],.studio-ref-button.selected,.auth-tabs button.active) { background:var(--gold-dim); border-color:#c9a96a35; color:var(--gold-soft); box-shadow:none; } body.account-app.atelier-v2.champagne :is(.studio-shot.is-current::before) { background:var(--gold); } body.account-app.atelier-v2.champagne :is(.studio-ref-button,.ui-choice-segments,.ui-choice-trigger,.studio-filterbar .studio-segment,.modal .auth-tabs) { background:#0d0d10; border-color:var(--line); color:var(--text-2); } body.account-app.atelier-v2.champagne .ui-choice-popover { background:#17171b; border-color:var(--line-2); } body.account-app.atelier-v2.champagne :is(.ui-choice-option:hover,.ui-choice-option:focus-visible,.ui-choice-option[aria-selected=true]) { background:var(--gold-dim); border-color:#c9a96a30; } body.account-app.atelier-v2.champagne .studio-mention { background:#c9a96a10; border-color:#c9a96a30; color:var(--gold-soft); } body.account-app.atelier-v2.champagne .announcement-banner { background:linear-gradient(110deg,#c9a96a0b,#111114); border-color:#c9a96a25; backdrop-filter:none; } body.account-app.atelier-v2.champagne :is(.ui-choice-menu,.studio-project-dialog,.studio-import-dialog,.studio-frame-dialog,.studio-asset-dialog) { background:#151518f8; border-color:var(--line-2); color:var(--text-2); backdrop-filter:blur(16px); } body.account-app.atelier-v2.champagne .ui-choice-search { background:#0d0d10!important; } body.account-app.atelier-v2.champagne :is(.ui-choice-option strong,.studio-board-title,.studio-project-button strong,.studio-shot strong,.task-identity h3,.task-row-amount strong,.model-name) { color:var(--text); } body.account-app.atelier-v2.champagne :is(.ui-choice-heading,.ui-choice-option small,.ui-choice-foot,.ui-choice-empty,.ui-choice-chevron,.studio-inspector label,.studio-empty p,.studio-board-note,.studio-shot-meta,.studio-status-text,.card-label,.card-hint,.task-specs,.task-prompt-excerpt) { color:var(--muted); } body.account-app.atelier-v2.champagne :is(.studio-batchbar,.studio-batchbar.has-selection,.studio-run,.studio-inline-status,.studio-submission-result,.studio-asset-card,.model-card,.task-row) { background:#111114; border-color:var(--line); box-shadow:none; } body.account-app.atelier-v2.champagne :is(.studio-batchbar strong,.studio-batchbar small,.studio-asset-name,.studio-ref-button,.studio-asset-description,.studio-count,.table-wrap,.copy-field input) { color:var(--text-2); } body.account-app.atelier-v2.champagne .studio-batchbar.has-selection { border-color:#c9a96a55; } body.account-app.atelier-v2.champagne :is(.studio-run p,.studio-run small,.studio-inline-status) { color:var(--text-2); } body.account-app.atelier-v2.champagne :is(.studio-filterbar,.studio-asset-toolbar,.filter-bar,.model-card-foot,.form-actions,.studio-inspector-divider) { border-color:var(--line); } body.account-app.atelier-v2.champagne .studio-inspector-divider { background:var(--line); } body.account-app.atelier-v2.champagne :is(.plugin-package-icon,.entry-icon,.count-badge,.spec-tags span) { color:var(--gold-soft); background:#c9a96a07; border-color:#c9a96a25; } body.account-app.atelier-v2.champagne :is(.plugin-download-copy h2,.announcement-item-title,.announcement-banner h2,.panel-head h2,.settings-card h2) { color:var(--text); font-weight:500; } body.account-app.atelier-v2.champagne :is(.plugin-download-copy p,.plugin-download-eyebrow,.plugin-package-meta,.plugin-download-actions>span,.announcement-content,.announcement-dialog-intro,.announcement-dialog-toolbar,.announcement-message,.announcement-item-time,.task-id-label,.task-id-line code,.task-query-feedback,.task-query-message,.task-query-time,.task-selection-label,.task-select-page,.task-selection-count,.recharge-purchase span,.manual-recharge p,.manual-recharge summary) { color:var(--muted); } body.account-app.atelier-v2.champagne :is(.task-query-button,.task-id-copy,.task-selection-label:has(input:checked),.announcement-item-heading>svg,.op-cell button,.op-cell a) { color:var(--gold); } body.account-app.atelier-v2.champagne :is(.task-timing-note,.task-timing[data-timing-state=unknown] .task-timing-value) { color:var(--muted); } body.account-app.atelier-v2.champagne :is(.task-timing-value,.task-timing[data-timing-state=generated] .task-timing-value,.task-download-ready,.task-download-progress) { color:var(--sage); } body.account-app.atelier-v2.champagne .task-query-feedback.is-error { color:var(--danger); } body.account-app.atelier-v2.champagne :is(.page-button,.filter-chip,.auth-tabs button) { color:var(--text-2); border-color:var(--line); background:transparent; } body.account-app.atelier-v2.champagne :is(.filter-chip.active,.page-button.active,.auth-tabs button.active) { color:var(--gold-soft); background:var(--gold-dim); border-color:#c9a96a40; } body.account-app.atelier-v2.champagne :is(.btn.danger,.danger-action) { color:var(--danger); border-color:#d9a08a55; background:#d9a08a0b; } body.account-app.atelier-v2.champagne .btn.danger:hover:not(:disabled) { background:#d9a08a20; border-color:#d9a08a88; } body.account-app.atelier-v2.champagne .balance-number strong { font-family:var(--serif); font-weight:400; } body.account-app.atelier-v2.champagne .welcome { background:radial-gradient(at 70% 10%,#c9a96a0c,transparent 70%),var(--bg); } body.account-app.atelier-v2.champagne .welcome-features>button { background:var(--surface); border-color:var(--line); } body.account-app.atelier-v2.champagne .welcome h1 { font-family:var(--serif); } body.account-app.atelier-v2.champagne :is(.demo-label,.subtle-badge,.connection-icon) { color:var(--gold); border:1px solid #c9a96a33; background:#c9a96a0b; } body.account-app.atelier-v2.champagne .demo-notice { background:#c9a96a04; border-color:#c9a96a22; color:var(--muted); } body.account-app.atelier-v2.champagne :is(.metric-badge-rate,.success-rate-value) { color:var(--gold-soft); background:#c9a96a09; border-color:#c9a96a28; } body.account-app.atelier-v2.champagne :is(.metric-badge-duration,.metric-badge-duration>span,.success-duration-value) { color:var(--text-2); background:transparent; border-color:var(--line); } body.account-app.atelier-v2.champagne .wb-action-icon { width:13px; height:13px; flex-shrink:0; } body.account-app.atelier-v2.champagne .wb-action-icon.back { transform:rotate(180deg); } body.account-app.atelier-v2.champagne .btn.is-copied { color:var(--sage); border-color:#a6bfa655; background:#a6bfa60b; } /* Workflow: three steps followed by a single, borderless canvas. */ #panel-workbench { --wb-line:var(--line); --wb-muted:var(--muted); --wb-text:var(--text); min-width:0; padding-top:0; } #panel-workbench .wb-topline { display:none; } #panel-workbench .wb-flowbar { position:relative; top:auto; z-index:8; padding:24px 0 22px; margin:0 0 32px; background:transparent; border:0; border-bottom:1px solid var(--line); border-radius:0; backdrop-filter:none; } #panel-workbench .wb-flowbar>button { color:var(--text-2); gap:12px; } #panel-workbench .wb-flowbar b { width:33px; height:33px; border-radius:9px; border-color:var(--line-2); color:var(--muted); font:11px var(--mono); background:#ffffff02; } #panel-workbench .wb-flowbar button.active { color:var(--text); } #panel-workbench .wb-flowbar button.active b { background:linear-gradient(135deg,#d8bd83,#bf9c57); border-color:#c9a96a88; color:#fcf6e7; box-shadow:0 6px 20px #c9a96a15; } #panel-workbench .wb-flowbar button.active small { color:var(--gold); } #panel-workbench .wb-flowbar button.done b { font-size:0; color:var(--gold); border-color:#c9a96a44; } #panel-workbench .wb-flowbar button.done b::after { content:'✓'; font-size:12px; } #panel-workbench .wb-flowbar small { font-size:10px; letter-spacing:.4px; color:var(--faint); } #panel-workbench .wb-flow-line { margin:0 22px; background:var(--line-2); } #panel-workbench .wb-flowbar button.done+.wb-flow-line { background:linear-gradient(90deg,#c9a96a99,#c9a96a20); } #panel-workbench .wb-surface { background:#ffffff02; border:1px solid var(--line); border-radius:12px; box-shadow:none; padding:26px; } #panel-workbench .wb-result { padding:0; border:0; border-radius:0; background:transparent; scroll-margin-top:24px; } #panel-workbench .wb-section-head { align-items:flex-end; margin-bottom:22px; gap:22px; } #panel-workbench .wb-section-head>div:first-child { min-width:0; } #panel-workbench .wb-section-head h2 { color:var(--text); font:27px/1.5 var(--serif); margin:10px 0 0; overflow-wrap:anywhere; } #panel-workbench .wb-result-head h2 { font-size:31px; } #panel-workbench .wb-kicker { display:flex; align-items:center; gap:10px; color:var(--gold); font:9px var(--mono); letter-spacing:2px; line-height:1.7; } #panel-workbench .wb-kicker::before { content:''; height:1px; width:22px; background:#c9a96a77; flex-shrink:0; } #panel-workbench .wb-title-count { color:var(--gold-soft); font-weight:400; white-space:nowrap; } #panel-workbench .wb-result-head>.wb-actions { margin-left:auto; justify-content:flex-end; } #panel-workbench .wb-result-head .text-button { color:var(--muted); } #panel-workbench .wb-text-billing { margin:0 0 25px; border:1px solid var(--line); border-left-color:#c9a96a55; border-radius:8px; padding:12px 17px; color:var(--text-2); font-size:11px; background:linear-gradient(100deg,#c9a96a05,transparent); } #panel-workbench .wb-text-billing::before { content:'ⓘ'; color:var(--gold); margin-right:11px; } #panel-workbench .wb-stages { gap:0; margin:20px 0 15px; } #panel-workbench .wb-stages li { position:relative; border-top:1px solid var(--line); padding:17px 0 0; font-size:10px; font-family:var(--mono); color:var(--faint); } #panel-workbench .wb-stages li::before { content:''; position:absolute; top:-5px; left:0; width:9px; height:9px; border-radius:50%; border:1px solid var(--line-2); background:var(--bg); } #panel-workbench .wb-stages li.done { color:var(--text-2); border-color:#c9a96a66; } #panel-workbench .wb-stages li.done::before { border-color:var(--gold); background:var(--gold); } #panel-workbench .wb-stages li.current { color:var(--gold-soft); border-color:#c9a96a66; } #panel-workbench .wb-stages li.current::before { border-color:var(--gold); box-shadow:0 0 0 4px #c9a96a0c; } #panel-workbench .wb-result-note { color:var(--muted); padding:0; font-size:11px; margin:10px 0 22px; } #panel-workbench .wb-result-note:empty { display:none; } #panel-workbench .wb-metrics { gap:0; padding:0; margin:22px 0 18px; } #panel-workbench .wb-metrics>div { position:relative; padding:22px 24px; border-left:1px solid var(--line); gap:9px; } #panel-workbench .wb-metrics>div:first-child { padding-left:0; border-left:0; } #panel-workbench .wb-metrics strong { font:34px/1.2 var(--serif); color:var(--text); } #panel-workbench .wb-metrics span { font-size:11px; } #panel-workbench .wb-result-tabs { margin-top:18px; gap:26px; scrollbar-width:none; } #panel-workbench .wb-result-tab { display:flex; align-items:center; gap:7px; padding:15px 0; font-size:12px; color:var(--muted); border-bottom-width:1px; transition:color .16s,border-color .16s; } #panel-workbench .wb-result-tab:hover { color:var(--text); } #panel-workbench .wb-result-tab.active { color:var(--text); border-bottom-color:var(--gold); } #panel-workbench .wb-tab-count { font:9px var(--mono); color:var(--faint); } #panel-workbench .wb-result-tab.active .wb-tab-count { color:var(--gold); } #panel-workbench .wb-result-pane { padding-top:14px; min-width:0; } /* Editable five-column shot rows. No overlay or decorative layer intercepts input. */ #panel-workbench .wb-shot-row { position:relative; display:grid; grid-template-columns:56px minmax(170px,.9fr) minmax(160px,.78fr) minmax(300px,1.6fr) minmax(150px,.62fr); margin:0 0 14px; gap:0; overflow:hidden; isolation:isolate; border:1px solid var(--line); border-radius:12px; background:linear-gradient(180deg,#ffffff04,#ffffff01); transition:border-color .2s,background .2s; } #panel-workbench .wb-shot-row:hover { border-color:#c9a96a33; background:linear-gradient(180deg,#ffffff07,#ffffff02); } #panel-workbench .wb-shot-row:focus-within { border-color:#c9a96a66; } #panel-workbench .wb-shot-number { position:relative; grid-row:auto; padding:25px 0; gap:9px; justify-content:center; border:0; border-right:1px solid var(--line); background:linear-gradient(#ffffff03,transparent); } #panel-workbench .wb-shot-number::before { content:''; position:absolute; inset:0 auto 0 0; width:2px; background:linear-gradient(transparent,var(--gold),transparent); opacity:0; transition:opacity .2s; } #panel-workbench .wb-shot-row:focus-within .wb-shot-number::before,#panel-workbench .wb-shot-row:hover .wb-shot-number::before { opacity:.8; } #panel-workbench .wb-shot-number strong { font:25px var(--serif); color:var(--text-2); } #panel-workbench .wb-shot-number small { font:9px var(--mono); color:var(--faint); } #panel-workbench .wb-shot-cell { padding:18px 17px; min-width:0; grid-column:auto; border:0; border-left:1px solid var(--line); } #panel-workbench .wb-shot-draft { border-left:0; } #panel-workbench .wb-shot-cell>h3 { display:flex; align-items:center; gap:8px; color:var(--faint); font:10px/1.6 var(--mono); letter-spacing:1px; margin:0 0 14px; } #panel-workbench .wb-shot-cell>h3::after { content:''; flex:1; height:1px; background:var(--line); } body.account-app.atelier-v2.champagne #panel-workbench .wb-shot-cell textarea.wb-inline-input { height:344px; min-height:240px; max-height:720px; padding:7px 6px; margin:-7px -6px; width:calc(100% + 12px); background:transparent; border:1px solid transparent; border-radius:5px; box-shadow:none; color:var(--text-2); font:12.5px/2.05 var(--sans); resize:vertical; scrollbar-color:#c9a96a33 transparent; } body.account-app.atelier-v2.champagne #panel-workbench .wb-shot-prompt textarea.wb-inline-input { color:#ccc7bd; } body.account-app.atelier-v2.champagne #panel-workbench .wb-shot-cell textarea.wb-inline-input:hover:not(:read-only) { border-color:var(--line-2); background:#ffffff02; } body.account-app.atelier-v2.champagne #panel-workbench .wb-shot-cell textarea.wb-inline-input:focus { border-color:#c9a96a66; background:#c9a96a04; outline:1px solid #c9a96a33; outline-offset:1px; } #panel-workbench .wb-reference-group { padding:11px 0; } #panel-workbench .wb-reference-kind { color:var(--muted); font-size:10px; } #panel-workbench .wb-reference-chips { gap:7px; } #panel-workbench .wb-reference-chip { padding:4px 9px 4px 4px; border-radius:999px; background:#ffffff03; color:var(--text-2); font-size:10.5px; gap:7px; transition:border-color .2s; } #panel-workbench .wb-reference-chip:hover { border-color:#c9a96a55; } #panel-workbench .wb-reference-chip img,#panel-workbench .wb-reference-initial { width:24px; height:24px; border-radius:50%; flex-shrink:0; } #panel-workbench .wb-reference-initial { display:grid; place-items:center; font:11px var(--serif); background:linear-gradient(145deg,#d8ccb7,#a6957f); color:#201c16; } #panel-workbench .wb-reference-initial.scenes { background:linear-gradient(145deg,#ccd3ca,#92a194); } #panel-workbench .wb-reference-initial.items { background:linear-gradient(145deg,#d9c9ae,#ae945f); } #panel-workbench .wb-shot-actions { display:flex; flex-direction:column; flex-wrap:nowrap; gap:11px; grid-column:auto; align-items:stretch; } #panel-workbench .wb-delivery-state { display:flex; padding:16px 0; gap:12px; } #panel-workbench .wb-delivery-state strong { color:var(--text-2); font-size:12px; } #panel-workbench .wb-delivery-state .wb-help { color:var(--muted); font-size:11px; } #panel-workbench .wb-ready-mark { width:38px; height:38px; color:var(--sage); background:radial-gradient(at 30% 20%,#a6bfa622,#a6bfa605); border-color:#a6bfa644; } #panel-workbench .wb-shot-actions>.btn { width:100%; min-height:33px; padding:7px 8px; font-size:11px; } body.account-app.atelier-v2.champagne .wb-shot-actions>.wb-regenerate { color:var(--gold); border-color:#c9a96a33; background:#c9a96a03; } #panel-workbench .wb-autosave-status { font-size:10px; gap:5px; flex-basis:auto; } #panel-workbench .wb-autosave-message.error { color:var(--danger); } /* Import, assets, image generation, and the remaining result tabs. */ #panel-workbench :is(.wb-field,.wb-name-toggle,.wb-script-label,.wb-setup-recap,.wb-job-note,.wb-text,.wb-dialogue,.wb-checks) { color:var(--text-2); } #panel-workbench :is(.wb-drop,.wb-image-toolbar,.wb-asset-section,.wb-asset,.wb-duration,.wb-preview-loader,.wb-asset-columns .wb-asset-visual) { background:#0f0f12; border-color:var(--line); } #panel-workbench .wb-drop.dragover { border-color:var(--gold); } #panel-workbench .wb-asset-section { background:#ffffff01; } #panel-workbench .wb-asset-header { position:sticky; top:0; background:#08080af5; backdrop-filter:blur(12px); padding:15px 0; z-index:7; } #panel-workbench .wb-asset-header h2 { font-size:26px; } #panel-workbench .wb-category-head h3 { color:var(--text); font-weight:400; } #panel-workbench .wb-asset-info h4 { color:var(--text); } #panel-workbench :is(.wb-asset p,.wb-asset-description,.wb-asset .wb-voice) { color:var(--text-2); } #panel-workbench .wb-asset-visual { color:var(--muted); background:radial-gradient(at 50% 10%,#c9a96a0b,transparent),#0e0e11; } #panel-workbench .wb-asset-initial { color:var(--gold-soft); opacity:.6; } #panel-workbench .wb-asset-preview { transition:border-color .2s; } #panel-workbench .wb-asset-preview:focus-within,#panel-workbench .wb-asset-preview.is-generating { border-color:#c9a96a55; box-shadow:none; } #panel-workbench .wb-image-hit:not(:disabled):hover { background:#c9a96a05; } #panel-workbench .wb-image-hint { background:#181714e8; border-color:#c9a96a33; color:var(--gold-soft); } #panel-workbench .wb-image-hit:not(:disabled):hover .wb-image-hint { background:#27231cf2; } #panel-workbench .wb-generation-overlay { background:#0c0b09cf; color:var(--gold-soft); } #panel-workbench .wb-spinner,#panel-workbench .wb-generation-overlay .wb-spinner { border-color:#c9a96a33; border-top-color:var(--gold); } #panel-workbench .wb-preview-retry { background:#1b1914; color:var(--gold-soft); } #panel-workbench .wb-asset-info .wb-image-progress { color:var(--gold); } #panel-workbench .wb-asset-info .wb-image-error,#panel-workbench .wb-form-error,#panel-workbench .wb-result-note.error { color:var(--danger); } #panel-workbench .wb-live-note { background:#c9a96a05; color:var(--text-2); } #panel-workbench .wb-duration strong { font:34px var(--serif); color:var(--text); } #panel-workbench .wb-duration.selected,#panel-workbench .wb-draft.selected { background:#c9a96a0b; color:var(--gold-soft); border-color:#c9a96a77; box-shadow:none; } #panel-workbench .wb-job:hover,#panel-workbench .wb-job.selected { background:#c9a96a06; border-color:#c9a96a25; } #panel-workbench .wb-status { border-color:var(--line); color:var(--text-2); } #panel-workbench .wb-status.running { color:var(--gold); } #panel-workbench .wb-status.completed { color:var(--sage); } #panel-workbench .wb-status.failed { color:var(--danger); } #panel-workbench .wb-checks .wb-missing { color:var(--danger); } #panel-workbench .wb-frame-label { font-family:var(--mono); color:var(--gold); } #panel-workbench .wb-event { padding:9px 0; border-bottom:1px solid var(--line); font-size:11px; } @media(min-width:1600px) { #panel-workbench .wb-result-head .wb-actions { gap:10px; } } @media(max-width:1280px) { :root.champagne { --sidebar:216px; } body.account-app.atelier-v2.champagne :is(.topbar,.container) { padding-left:28px; padding-right:28px; } #panel-workbench .wb-section-head { flex-wrap:wrap; } #panel-workbench .wb-result-head>.wb-actions { margin-left:0; justify-content:flex-start; } #panel-workbench .wb-shot-cell { padding:16px 12px; } #panel-workbench .wb-shot-row { grid-template-columns:44px minmax(160px,.9fr) minmax(145px,.78fr) minmax(250px,1.6fr) minmax(140px,.62fr); } } @media(max-width:1150px) { #panel-workbench .wb-shot-row { grid-template-columns:44px minmax(150px,.9fr) minmax(140px,.75fr) minmax(240px,1.5fr); } #panel-workbench .wb-shot-number { grid-row:1/3; } #panel-workbench .wb-shot-actions { grid-column:2/-1; flex-direction:row; flex-wrap:wrap; align-items:center; border-top:1px solid var(--line); } #panel-workbench .wb-shot-actions>.btn { width:auto; } #panel-workbench .wb-shot-actions>h3 { display:none; } #panel-workbench .wb-delivery-state { flex:1; flex-direction:row; padding:0; min-width:130px; } #panel-workbench .wb-delivery-state .wb-help { display:none; } #panel-workbench .wb-ready-mark { width:26px; height:26px; flex-shrink:0; } #panel-workbench .wb-autosave-status { flex-basis:100%; } } @media(max-width:1000px) { #panel-workbench .wb-flowbar { margin-bottom:24px; } #panel-workbench .wb-flow-line { margin:0 12px; } #panel-workbench .wb-layout { grid-template-columns:1fr; } #panel-workbench .wb-shot-row { grid-template-columns:40px minmax(0,1fr); } #panel-workbench .wb-shot-number { grid-row:1/5; } #panel-workbench .wb-shot-cell { grid-column:2; border-left:0; border-bottom:1px solid var(--line); } #panel-workbench .wb-shot-references { display:flex; flex-wrap:wrap; gap:12px; align-items:center; } #panel-workbench .wb-shot-references>h3 { flex-basis:100%; margin:0; } #panel-workbench .wb-reference-group { border:0; padding:0; } #panel-workbench .wb-reference-kind { margin-bottom:6px; } #panel-workbench .wb-shot-actions { border:0; } body.account-app.atelier-v2.champagne #panel-workbench .wb-shot-cell textarea.wb-inline-input { height:280px; min-height:180px; } } @media(max-width:760px) { body.account-app.atelier-v2.champagne .topbar { height:58px; padding:0 18px; } body.account-app.atelier-v2.champagne .container { padding:0 18px; } body.account-app.atelier-v2.champagne .sidebar { width:252px; background:#0c0c0f; } body.account-app.atelier-v2.champagne .app-shell { margin-left:0; } body.account-app.atelier-v2.champagne .topbar-left { gap:8px; min-width:0; } body.account-app.atelier-v2.champagne .workspace-crumb { gap:8px; } body.account-app.atelier-v2.champagne .workspace-crumb>span,body.account-app.atelier-v2.champagne .workspace-crumb>i { display:none; } body.account-app.atelier-v2.champagne .topbar-right { gap:8px; } body.account-app.atelier-v2.champagne .account-button { padding-left:8px; } body.account-app.atelier-v2.champagne .page-head { min-height:120px; } #panel-workbench .wb-flowbar { padding:20px 0; margin-bottom:24px; } #panel-workbench .wb-flowbar>button { gap:7px; } #panel-workbench .wb-flowbar span:not(.wb-flow-line) { font-size:11px; } #panel-workbench .wb-flowbar b { width:25px; height:28px; border-radius:7px; font-size:10px; } #panel-workbench .wb-flowbar small { display:none; } #panel-workbench .wb-flow-line { margin:0 8px; } #panel-workbench .wb-section-head { align-items:flex-start; gap:16px; } #panel-workbench .wb-section-head h2 { font-size:24px; } #panel-workbench .wb-result-head h2 { font-size:27px; } #panel-workbench .wb-result-head>.wb-actions { width:100%; gap:8px; } #panel-workbench .wb-text-billing { padding:11px 12px; margin-bottom:25px; line-height:1.9; } #panel-workbench .wb-stages { grid-template-columns:repeat(5,minmax(0,1fr)); } #panel-workbench .wb-stages li { font-size:9px; padding:13px 4px 0 0; line-height:1.8; } #panel-workbench .wb-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } #panel-workbench .wb-metrics>div { padding:16px; } #panel-workbench .wb-metrics>div:nth-child(3) { padding-left:0; border-left:0; } #panel-workbench .wb-metrics>div:nth-child(n+3) { border-top:1px solid var(--line); } #panel-workbench .wb-metrics strong { font-size:29px; } #panel-workbench .wb-result-tabs { gap:22px; } #panel-workbench .wb-shot-cell { padding:17px 14px; } #panel-workbench .wb-shot-number strong { font-size:21px; } #panel-workbench .wb-delivery-state { justify-content:flex-start; } #panel-workbench .wb-delivery-state strong { font-size:11px; } #panel-workbench .wb-surface:not(.wb-result) { padding:19px; } #panel-workbench .wb-asset-header { top:0; } #panel-workbench .wb-duration { padding:22px 14px; } } @media(prefers-reduced-motion:reduce) { body.account-app.atelier-v2.champagne *,body.account-app.atelier-v2.champagne *::before,body.account-app.atelier-v2.champagne *::after { transition:none; scroll-behavior:auto; } } /* Asset descriptions share the studio controls and save without confirmation. */ .champagne .wb-asset-editor {width:min(760px,calc(100vw - 32px));max-height:90dvh;overflow:auto;padding:26px;border:1px solid #34302a;border-radius:16px;background:#111113;color:#d6d1c7;} .champagne .wb-asset-editor::backdrop{background:#000a;backdrop-filter:blur(5px);} .champagne .wb-asset-editor .wb-field{margin-top:18px;} .champagne .wb-asset-editor textarea.wb-asset-prompt-input{min-height:220px;height:32dvh;resize:vertical;line-height:1.8;} .champagne .wb-asset-editor textarea.wb-asset-voice-input{min-height:85px;resize:vertical;} .champagne .wb-asset-save-status.error{color:#dca293;} /* Refined studio: preserve the original identity and improve working density. */ :root.champagne,body.champagne{--platinum:#e8e5df;--success:#a6bfa6;--warning:#d7c18e;--muted:#a29b90;--faint:#888176} body.account-app.atelier-v2.champagne{font-size:14px;line-height:1.6} body.account-app.atelier-v2.champagne .side-nav .tab{min-height:43px} body.account-app.atelier-v2.champagne .page-head p{font-size:13px;line-height:1.8} body.account-app.atelier-v2.champagne .btn{min-height:39px;font-size:13px;padding:0 16px;border-radius:8px} body.account-app.atelier-v2.champagne .btn.small{min-height:34px;font-size:12px;padding:0 12px} body.account-app.atelier-v2.champagne .text-button{font-size:12px} body.account-app.atelier-v2.champagne :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:13px} body.account-app.atelier-v2.champagne :is(.panel-box,.settings-card,.connection-card,.model-card,.studio-board,.studio-stage,.studio-inspector){background:linear-gradient(150deg,#ffffff02,transparent 55%),var(--surface);box-shadow:inset 0 1px 0 #ffffff05,0 5px 20px #00000016} body.account-app.atelier-v2.champagne:not([data-view=activity]) .summary-grid{display:none} body.account-app.atelier-v2.champagne[data-view=studio] .container{max-width:1800px;padding-left:30px;padding-right:30px} body.account-app.atelier-v2.champagne :is(.state-failed,.state-cancelled){color:var(--danger);background:#d9a08a12} body.account-app.atelier-v2.champagne :is(.state-settled,.state-completed){color:var(--sage);background:#a6bfa612} /* Homepage imagery is local, responsive and static; it adds no playback or WebGL work. */ body.account-app.atelier-v2.champagne .welcome{max-width:1320px;margin:auto;padding:0 34px;background:none} body.account-app.atelier-v2.champagne .welcome-nav{padding:27px 0;border-bottom:1px solid var(--line)} body.account-app.atelier-v2.champagne .welcome-stage{position:relative;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:50px;min-height:600px;padding:75px 0 95px;overflow:visible} body.account-app.atelier-v2.champagne .welcome-orbit{display:none} body.account-app.atelier-v2.champagne .welcome-copy{position:relative;z-index:1;max-width:none} body.account-app.atelier-v2.champagne .welcome-copy h1{font:400 clamp(38px,4.1vw,62px)/1.4 var(--serif);letter-spacing:1px;margin:24px 0} body.account-app.atelier-v2.champagne .welcome-copy h1 span{color:#d4d6d5;background:linear-gradient(100deg,#dadcdb,#b1b3b2);background-clip:text;-webkit-text-fill-color:transparent} body.account-app.atelier-v2.champagne .welcome-copy p{font:14px/2 var(--sans);color:#b8bab9} body.account-app.atelier-v2.champagne .welcome-copy .editorial-label{font:11px var(--mono);letter-spacing:2px;color:#b6b1a8} body.account-app.atelier-v2.champagne .welcome-actions{margin-top:30px;display:flex;gap:12px;flex-wrap:wrap} .future-hero{position:relative;border:1px solid #d1d3d235;border-radius:16px;padding:9px;background:linear-gradient(140deg,#202022,#141416);box-shadow:0 25px 90px #0005,0 0 100px #74767519;transform:perspective(1300px) rotateY(-6deg) rotateX(2deg)} .future-hero-top{display:flex;justify-content:space-between;gap:12px;padding:11px 9px 18px;font:9px var(--mono);letter-spacing:1px;color:#b1b3b2} .future-hero-top i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#e8e5df;box-shadow:0 0 10px #e8e5df;margin-right:6px} .future-hero-screen{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:9px;background:#0b0b0d} .future-hero-screen img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0} .future-hero-screen::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 25%,#0d0f0ecc)} .future-hero-caption{position:absolute;z-index:1;left:26px;right:26px;bottom:27px;display:flex;flex-direction:column;gap:12px} .future-hero-caption small{font:9px var(--mono);letter-spacing:2px;color:#d6d8d7} .future-hero-caption strong{font:550 clamp(20px,2vw,28px) var(--sans);letter-spacing:1px} .future-hero-caption>span{font-size:11px;color:#c2c4c3;letter-spacing:2px} .future-frame-corner{position:absolute;z-index:1;inset:18px;border:1px solid #e8eae926;clip-path:polygon(0 0,6% 0,6% 1px,1px 1px,1px 8%,0 8%,0 0,100% 0,100% 8%,calc(100% - 1px) 8%,calc(100% - 1px) 1px,94% 1px,94% 0)} .future-timeline{height:58px;display:flex;gap:5px;align-items:center;color:#adafae;font:10px var(--mono);padding:9px} .future-timeline>span{margin-right:9px}.future-timeline>b{margin-left:9px;font-weight:400} .future-timeline>i{height:24px;flex:1;border-radius:4px;background:linear-gradient(110deg,#5a5c5b,#3d3f3e);border:1px solid #c3c5c42a} .future-timeline>i:first-of-type{border-color:#e8e5df;background:linear-gradient(110deg,#717372,#606261)} .future-hero-float{position:absolute;right:18px;bottom:-28px;display:flex;gap:12px;align-items:center;padding:15px 20px;background:#1b1b1d;border:1px solid #bfc1c044;border-radius:12px;box-shadow:0 12px 35px #0004} .future-hero-float svg{width:24px;height:24px;stroke:var(--gold);fill:none;stroke-width:1.4}.future-hero-float div{display:flex;flex-direction:column;gap:5px}.future-hero-float strong{font-size:12px;font-weight:550}.future-hero-float span{font-size:10px;color:var(--muted)} body.account-app.atelier-v2.champagne .welcome-features{gap:16px;padding:0 0 40px} body.account-app.atelier-v2.champagne .welcome-features>button{background:#141416;border:1px solid var(--line);border-radius:12px;padding:22px} body.account-app.atelier-v2.champagne .welcome-features strong{font-size:14px}.welcome-features small{font-size:12px} body.account-app.atelier-v2.champagne .welcome-footer{padding:28px 0;border-top:1px solid var(--line);color:#adafae} /* The dashboard uses recent account data rather than decorative metrics. */ .home-hero{position:relative;overflow:hidden;min-height:230px;display:flex;align-items:center;border:1px solid var(--line);border-radius:16px;background:radial-gradient(at 92% 20%,#55575638,transparent 50%),linear-gradient(115deg,#19191c,#141416);padding:36px;margin-bottom:28px} .home-hero>div:first-child{z-index:1}.home-eyebrow{font:10px var(--mono);letter-spacing:2px;color:#c5c7c6}.home-hero h2{font:400 32px/1.5 var(--serif);margin:12px 0}.home-hero p{font-size:13px;color:#bbbdbc}.home-actions{display:flex;gap:12px;margin-top:25px;flex-wrap:wrap} .home-orbit{position:absolute;width:260px;height:260px;border:1px solid #b4b6b533;right:7%;top:-20px;border-radius:50%;box-shadow:0 0 60px #93959415,inset 0 0 60px #e8e5df0a;transform:rotate(-30deg) scaleY(.55)} .home-orbit::before,.home-orbit::after{content:'';position:absolute;inset:25px;border:1px solid #c9a96a33;border-radius:50%;transform:rotate(50deg)}.home-orbit::after{inset:70px;background:#e8e5df0b;box-shadow:0 0 40px #e8e5df22} .home-columns{display:grid;grid-template-columns:1fr 1.1fr;gap:24px}.home-section{min-width:0;background:#111114;border:1px solid var(--line);border-radius:14px;padding:22px}.home-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.home-section-head h3{font:600 16px var(--sans);margin:0} .home-project,.home-task{width:100%;display:flex;align-items:center;gap:15px;background:transparent;border:0;border-bottom:1px solid var(--line);text-align:left;color:var(--text);padding:18px 0;font-family:var(--sans)} .home-project:last-child,.home-task:last-child{border-bottom:0}.home-project:hover,.home-task:hover{background:#e8e5df05}.home-project>span:nth-child(2),.home-task>span:first-of-type{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.home-project strong,.home-task strong{font-size:14px;font-weight:550}.home-project small,.home-task small{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .home-project-mark{display:grid;place-items:center;flex:none;width:46px;height:46px;border:1px solid #c3c5c425;border-radius:10px;background:linear-gradient(135deg,#28282a,#202022);font:13px var(--mono);color:#d4d6d5}.home-arrow{color:#c2c4c3}.home-empty,.home-muted{font-size:13px;color:var(--muted);padding:20px 0}.home-status-dot{width:7px;height:7px;border-radius:50%;background:#e8e5df;flex:none}.home-status-dot.success{background:#9fc6ac}.home-status-dot.error{background:#dfa89d}.home-status-dot.warning{background:#d7c18e} /* Model picker: stable native selection, explicit account pricing and saved preferences. */ body.account-app.atelier-v2.champagne .ui-choice-menu{background:#141416;border:1px solid #797b7a55;border-radius:14px;padding:16px;color:var(--text);box-shadow:0 20px 70px #0009;max-width:calc(100vw - 24px);overflow:auto} body.account-app.atelier-v2.champagne .ui-choice-trigger{background:#0c0c0e;border:1px solid var(--line-2);border-radius:8px;min-height:42px;color:var(--text);font:13px var(--sans);padding:10px 12px;gap:12px} body.account-app.atelier-v2.champagne .ui-choice-trigger>span:first-child{white-space:normal;overflow-wrap:anywhere;text-align:left;line-height:1.5} body.account-app.atelier-v2.champagne .ui-choice-option{background:transparent;color:var(--text);padding:13px 10px;font-family:var(--sans);border-radius:8px} body.account-app.atelier-v2.champagne .ui-choice-option strong{font-size:13px;font-weight:550;line-height:1.5} body.account-app.atelier-v2.champagne .ui-choice-option:hover,body.account-app.atelier-v2.champagne .ui-choice-option:is([aria-selected=true],[aria-pressed=true]){background:#e8e5df0c;color:var(--text)} .ui-model-option{display:flex;align-items:center;border-bottom:1px solid var(--line)}.ui-model-option>.ui-choice-option{flex:1;min-width:0}.ui-model-option>.ui-choice-option>span{min-width:0}.ui-model-option small{display:flex;flex-wrap:wrap;gap:7px;align-items:center;font-size:11px;color:var(--muted);line-height:1.6;margin-top:6px}.ui-model-option small>span:first-child{flex-basis:100%}.ui-model-price{font:600 13px var(--sans);color:#e0e2e1} .ui-model-favorite{width:36px;height:38px;flex:none;border:0;background:transparent;color:#a29b90;font-size:21px;border-radius:7px}.ui-model-favorite:hover{background:#ffffff08}.ui-model-favorite[aria-pressed=true]{color:#d7c18e} .ui-model-filters{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.ui-model-filters select{width:100%;min-width:0;font-size:12px!important;min-height:36px!important}.ui-model-filters select:last-child{grid-column:1/-1} .ui-model-scopes{display:flex;gap:7px;margin:12px 0}.ui-model-scopes button{padding:7px 14px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--muted);font:12px var(--sans)}.ui-model-scopes button[aria-pressed=true]{color:#f1eee8;border-color:#e8e5df45;background:#e8e5df10} body.account-app.atelier-v2.champagne .ui-choice-segments button{min-height:35px;font-size:12px;background:#0c0c0e;color:#c8cac9}.ui-choice-segments button[aria-pressed=true]{background:#333335!important;color:#f1f3f2!important} body.account-app.atelier-v2.champagne .model-card{position:relative;padding:25px;transition:border-color .18s,transform .18s} body.account-app.atelier-v2.champagne .model-card:hover{border-color:#e8e5df50;transform:translateY(-2px)} body.account-app.atelier-v2.champagne .model-card-head h3{font:550 17px/1.65 var(--sans);overflow-wrap:anywhere;padding-right:4px} body.account-app.atelier-v2.champagne .model-card .model-index{color:#a7a9a8;font:11px var(--mono)} body.account-app.atelier-v2.champagne .model-card .model-price{font:600 20px var(--sans);color:#f1eee8;font-variant-numeric:tabular-nums} body.account-app.atelier-v2.champagne .spec-tags span{font-size:11px;border:1px solid var(--line);background:#242625;color:#c6c8c7} /* Editor: larger type, more preview space, readable reference variants. */ body.account-app.atelier-v2.champagne[data-view=studio] .page-head{min-height:102px;padding:19px 0} body.account-app.atelier-v2.champagne[data-view=studio] h1{font-size:24px} body.account-app.atelier-v2.champagne .studio-layout>.studio-board-head{padding:8px 0 18px;background:none;border-radius:0} body.account-app.atelier-v2.champagne .studio-layout>.studio-board-head h2{font:550 18px/1.4 var(--sans)} body.account-app.atelier-v2.champagne .studio-project-button{background:#141416;border:1px solid var(--line);padding:9px 12px}.studio-project-button strong{font-size:12px!important} body.account-app.atelier-v2.champagne .studio-workbench{gap:16px} body.account-app.atelier-v2.champagne .studio-shot{border-radius:10px;background:#171719;border:1px solid var(--line);padding:14px;margin-bottom:10px} body.account-app.atelier-v2.champagne .studio-shot.is-current{border-color:#e8e5df70;background:linear-gradient(135deg,#252527,#202022);box-shadow:inset 2px 0 #e8e5df} body.account-app.atelier-v2.champagne .studio-shot-title{display:flex;align-items:center;gap:10px}.studio-shot-thumbnail{width:48px;height:42px;object-fit:cover;border-radius:6px;flex:none;border:1px solid var(--line)} body.account-app.atelier-v2.champagne .studio-shot-title strong{font-size:13px}.studio-shot-specs{overflow-wrap:anywhere} body.account-app.atelier-v2.champagne .studio-shot-prompt{font-size:12px;line-height:1.8;color:#c8c2b8} body.account-app.atelier-v2.champagne .studio-shot-specs{font-size:10px;line-height:1.6;color:#a2a4a3} body.account-app.atelier-v2.champagne .studio-stage-head{padding:16px 20px;border-bottom:1px solid var(--line)} body.account-app.atelier-v2.champagne .studio-stage-head h3{font-size:15px}.studio-stage-nav{flex-wrap:wrap;gap:8px!important} body.account-app.atelier-v2.champagne .studio-stage-media{background:radial-gradient(ellipse at 50% 20%,#33353455,transparent 65%),#0b0b0d} body.account-app.atelier-v2.champagne .studio-stage-placeholder strong{font:550 19px var(--sans)} body.account-app.atelier-v2.champagne .studio-stage-placeholder>span:not(.studio-generation-spinner){font-size:12px;color:#b0b2b1} body.account-app.atelier-v2.champagne .studio-stage-media-note{font-size:12px;padding:12px 18px;background:#141416;border-color:var(--line)} body.account-app.atelier-v2.champagne .studio-stage-prompt{padding:20px;max-height:300px;background:#171719} body.account-app.atelier-v2.champagne .studio-stage-prompt>p{font:13px/1.9 var(--sans);max-height:140px;color:#d0d2d1} body.account-app.atelier-v2.champagne .studio-stage-prompt-head>strong{font-size:13px} body.account-app.atelier-v2.champagne .studio-asset-chip{max-width:100%;height:auto;min-height:32px;white-space:normal;border-radius:7px;font-size:11px;line-height:1.5;padding:5px 8px;border:1px solid #b3b5b430;background:#202022;color:#dddfde;cursor:pointer} body.account-app.atelier-v2.champagne .studio-asset-chip img{width:28px;height:28px;border-radius:4px;object-fit:cover} .studio-reference-preview-body{display:flex;flex-direction:column;gap:16px}.studio-reference-preview-body h3{font-size:18px}.studio-reference-preview-image{width:100%;max-height:50dvh;object-fit:contain;background:#0e100f;border-radius:10px}.studio-reference-preview-body p{font-size:14px;line-height:1.9;white-space:pre-wrap} body.account-app.atelier-v2.champagne .studio-inspector{padding:20px}.studio-inspector-title{font-size:14px!important;letter-spacing:.5px!important} body.account-app.atelier-v2.champagne .studio-inspector .studio-field>span:first-child{font-size:12px} body.account-app.atelier-v2.champagne .studio-inspector>.studio-muted{font-size:12px;line-height:1.75} .studio-price-preview{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px;border:1px solid #e8e5df27;border-radius:10px;background:linear-gradient(125deg,#e8e5df09,#c9a96a0b);padding:14px;margin-top:16px} .studio-price-preview>span{font-size:11px;color:var(--muted)}.studio-price-preview>strong{font:600 23px var(--sans);color:#e4e6e5;font-variant-numeric:tabular-nums}.studio-price-preview>small{grid-column:1/-1;font-size:11px;color:var(--muted)} body.account-app.atelier-v2.champagne .studio-layout>.studio-batchbar{position:sticky;bottom:12px;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:16px;margin:16px 0 24px;padding:16px 20px;border:1px solid #9395944a;border-radius:12px;background:#1b1b1d;box-shadow:0 8px 30px #0005;flex-wrap:wrap} body.account-app.atelier-v2.champagne .studio-layout>.studio-batchbar strong{font-size:15px;font-weight:550}.studio-layout>.studio-batchbar small{display:block;font-size:11px;line-height:1.7;color:var(--muted);margin-top:4px} body.account-app.atelier-v2.champagne .studio-frame-tab{background:#202022;border:1px solid var(--line);color:#c9cbca;min-height:32px;font-size:11px} body.account-app.atelier-v2.champagne .studio-frame-tab.active{border-color:#e8e5df80;color:#edefee;background:#353537} /* Task updates preserve row identity; progress segments represent stages, never invented percentages. */ body.account-app.atelier-v2.champagne .task-row{background:#141416;border-color:var(--line);border-radius:10px;margin-bottom:10px;padding:20px} body.account-app.atelier-v2.champagne .task-identity h3{font-size:14px;line-height:1.65}.task-prompt-excerpt{font-size:12px!important;line-height:1.75!important;color:#aeb0af!important} body.account-app.atelier-v2.champagne .task-identifiers{font-size:10px;opacity:.85} .future-status{font:11px/1.6 var(--sans);padding:3px 8px;border-radius:5px;display:inline-block;white-space:nowrap;background:#e8e5df10;color:#dbdddc;width:fit-content} .future-status.success{background:#9fc6ac12;color:#9fc6ac}.future-status.error{background:#dfa89d12;color:#dfa89d}.future-status.warning{background:#d7c18e12;color:#d7c18e}.future-status.muted{background:#ffffff08;color:var(--muted)} .task-stage-track{display:flex;gap:4px;max-width:150px;width:100%;margin-top:7px}.task-stage-track>i{flex:1;height:3px;border-radius:2px;background:#353537}.task-stage-track>i.done{background:#e8e5df}.task-row[data-stage=success] .task-stage-track>i.done{background:#9fc6ac}.task-last-check{font-size:10px;color:#a2a4a3;margin-top:8px} .future-task-skeleton,.home-skeleton{border:1px solid var(--line);border-radius:10px;background:linear-gradient(90deg,#18181a,#202022,#18181a);min-height:105px;margin:10px 0;color:var(--muted);padding:20px} /* Material covers, card typography and fixed commerce entry. Existing drawers remain in place. */ body.champagne .ml-workspace{--ml-text:#ece8e1;--ml-muted:#a29b90;--ml-gold:#c9a96a;--ml-line:#b4b6b526;--ml-bg:#0c0c0e} body.champagne :is(.ml-card,.ml-dialog,.ml-chart-card){background:#111114;border-color:var(--line);color:var(--text)} body.champagne .ml-card{border-radius:12px;padding:18px;display:flex;flex-direction:column;transition:border-color .18s} body.champagne .ml-card:hover{border-color:#e8e5df45}.ml-card h3{font-family:var(--sans)!important;font-weight:550!important;font-size:15px!important;line-height:1.65!important} body.champagne .ml-cover{aspect-ratio:3/4;border-radius:8px;overflow:hidden;background:#0b0b0d} body.champagne .ml-card-metric>strong{font:550 24px var(--sans);font-variant-numeric:tabular-nums;color:#e1e3e2} body.champagne :is(.ml-dialog h3,.ml-detail-overview h4,.ml-section-heading h4){font-family:var(--sans);font-weight:550} body.champagne .ml-button{font-size:12px;min-height:36px;background:#202022;border-color:var(--line);color:var(--text-2)} body.champagne .ml-commerce-portal{background:linear-gradient(110deg,#e8e5df15,#c9a96a17);border-color:#e8e5df55;color:#e0e2e1;font-size:13px;border-radius:8px;padding:11px 14px} body.champagne .ml-drawer{border-radius:0;background:#141416} @media(min-width:1200px){body.account-app.atelier-v2.champagne .studio-workbench{grid-template-columns:260px minmax(280px,1fr) 280px;height:auto;min-height:640px;align-items:stretch}body.account-app.atelier-v2.champagne .studio-board{max-height:850px;height:100%}body.account-app.atelier-v2.champagne .studio-inspector{height:auto;overflow:visible}body.account-app.atelier-v2.champagne .studio-stage{height:auto;min-height:640px}body.account-app.atelier-v2.champagne .studio-stage-media{flex:1;min-height:250px}body.account-app.atelier-v2.champagne .studio-stage-prompt{max-height:320px}} @media(min-width:1600px){body.account-app.atelier-v2.champagne .studio-workbench{grid-template-columns:290px minmax(380px,1fr) 300px;min-height:700px}} @media(min-width:761px) and (max-width:1199px){body.account-app.atelier-v2.champagne .studio-workbench{grid-template-columns:220px minmax(0,1fr);height:auto}body.account-app.atelier-v2.champagne .studio-board{grid-column:1;grid-row:1/3;max-height:1000px}body.account-app.atelier-v2.champagne .studio-stage{grid-column:2;grid-row:1;height:auto;min-height:430px}body.account-app.atelier-v2.champagne .studio-inspector{grid-column:2;grid-row:2;height:auto}body.account-app.atelier-v2.champagne .studio-stage-media{aspect-ratio:16/10;min-height:220px}} @media(max-width:1000px){.home-columns{grid-template-columns:1fr}.home-orbit{right:-80px;opacity:.5}body.account-app.atelier-v2.champagne .welcome-stage{gap:25px;min-height:540px}body.account-app.atelier-v2.champagne .welcome-copy h1{font-size:40px}} @media(max-width:760px){body.account-app.atelier-v2.champagne .sidebar{width:252px;top:0;z-index:70}body.account-app.atelier-v2.champagne .topbar{height:60px;padding:0 16px}body.account-app.atelier-v2.champagne .container{padding:0 16px}body.account-app.atelier-v2.champagne .page-head{min-height:120px;gap:15px;flex-wrap:wrap;padding:22px 0}body.account-app.atelier-v2.champagne .page-head h1{font-size:25px}body.account-app.atelier-v2.champagne .head-actions{gap:8px}body.account-app.atelier-v2.champagne .head-actions .btn{padding:0 12px;min-height:35px;font-size:12px}body.account-app.atelier-v2.champagne .welcome{padding:0 22px}body.account-app.atelier-v2.champagne .welcome-nav{padding:22px 0}.welcome-nav nav{display:none}body.account-app.atelier-v2.champagne .welcome-stage{grid-template-columns:1fr;gap:50px;padding:48px 0 65px;min-height:0}body.account-app.atelier-v2.champagne .welcome-copy h1{font-size:43px;letter-spacing:-1px}body.account-app.atelier-v2.champagne .welcome-copy p{font-size:13px}.future-hero{transform:none}.future-hero-caption{left:20px;bottom:20px}.future-hero-caption strong{font-size:22px}.future-hero-float{right:8px;padding:12px;bottom:-25px}.future-hero-top{font-size:8px;letter-spacing:.5px}body.account-app.atelier-v2.champagne .welcome-features{grid-template-columns:1fr;gap:12px}body.account-app.atelier-v2.champagne .welcome-features>button{padding:18px}body.account-app.atelier-v2.champagne .welcome-footer{gap:16px;flex-wrap:wrap}.home-hero{padding:24px;min-height:240px}.home-hero h2{font-size:24px}.home-columns{gap:16px}.home-section{padding:18px}.home-task{gap:10px}.home-task .future-status{font-size:10px}.home-project strong,.home-task strong{font-size:13px}.home-project small,.home-task small{font-size:11px}body.account-app.atelier-v2.champagne .studio-workbench{display:flex;flex-direction:column;height:auto}body.account-app.atelier-v2.champagne .studio-stage{min-height:440px;height:auto}body.account-app.atelier-v2.champagne .studio-shot-list{max-height:290px}body.account-app.atelier-v2.champagne .studio-stage-media{min-height:220px;aspect-ratio:16/10}body.account-app.atelier-v2.champagne .studio-stage-prompt{max-height:none;padding:16px}body.account-app.atelier-v2.champagne .studio-stage-head{padding:15px;gap:12px;flex-wrap:wrap}.studio-stage-nav{width:100%}.studio-stage-nav .btn{margin-left:auto}body.account-app.atelier-v2.champagne .studio-layout>.studio-batchbar{bottom:8px;padding:12px;margin-bottom:18px}.studio-layout>.studio-batchbar .studio-batch-actions{display:flex;flex-wrap:wrap;gap:8px;width:100%}.studio-layout>.studio-batchbar .studio-batch-actions .btn{flex:1;min-width:100px}.studio-layout>.studio-batchbar strong{font-size:13px!important}body.account-app.atelier-v2.champagne .task-row{padding:16px}body.account-app.atelier-v2.champagne .ml-card{padding:15px}.ui-model-filters{gap:6px}.ui-model-option>.ui-choice-option{padding:12px 6px!important}} @media(prefers-reduced-motion:reduce){body.account-app.atelier-v2.champagne *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.future-hero{transform:none}} body.champagne .ml-commerce-document{display:block;text-align:center;background:linear-gradient(110deg,#e8e5df18,#c9a96a1c);border:1px solid #e8e5df60;color:#e4e6e5;padding:11px 13px;border-radius:8px;font-size:13px;font-weight:600;text-decoration:none;box-shadow:0 3px 15px #e8e5df0b} body.champagne .ml-commerce-document:hover{background:#e8e5df25;border-color:#e8e5df} body.champagne .ml-commerce{margin-top:auto;padding-top:14px} body.account-app.atelier-v2.champagne:has(#side-user-role) .side-user small{font-size:10px} @media(min-width:1200px){body.account-app.atelier-v2.champagne .studio-workbench{height:calc(100dvh - 350px);min-height:610px;max-height:880px}body.account-app.atelier-v2.champagne .studio-board{height:100%;max-height:100%;min-height:0}body.account-app.atelier-v2.champagne .studio-stage{height:100%;min-height:0;overflow:hidden}body.account-app.atelier-v2.champagne .studio-inspector{height:100%;min-height:0;overflow-y:auto}body.account-app.atelier-v2.champagne .studio-stage-media{min-height:190px}body.account-app.atelier-v2.champagne .studio-stage-prompt{max-height:230px}body.account-app.atelier-v2.champagne .studio-stage-prompt>p{max-height:100px}} body.account-app.atelier-v2.champagne .studio-layout>.studio-board-head{border:0;border-bottom:1px solid var(--line);margin-bottom:18px} body.account-app.atelier-v2.champagne .studio-frame-strip{background:#111114;border-color:var(--line)} body.account-app.atelier-v2.champagne .welcome-login{background:#18181a;border-color:var(--line);color:var(--text)} body.account-app.atelier-v2.champagne .welcome-features .feature-icon{background:#252527;color:#d3d5d4} body.account-app.atelier-v2.champagne .ui-model-option .ui-choice-option small{display:flex;flex-direction:column;align-items:flex-start;gap:7px;font:12px/1.5 var(--sans);margin-top:8px;white-space:normal;letter-spacing:0} body.account-app.atelier-v2.champagne .ui-model-option .ui-choice-option small>span:first-child{font-size:11px;color:#b6b1a8} body.account-app.atelier-v2.champagne .ui-model-option .ui-choice-option small>b{font:600 15px var(--sans);color:#e0e2e1} body.account-app.atelier-v2.champagne .ui-model-option .ui-choice-option small>.success-badges{margin-top:2px} body.account-app.atelier-v2.champagne .ui-choice-heading{font-size:13px;letter-spacing:.3px;color:#c9cbca} body.account-app.atelier-v2.champagne .toast{background:#202022;border-color:#e8e5df55;color:#eaeceb} @media(max-width:760px){body.account-app.atelier-v2.champagne .studio-layout>.studio-batchbar{position:static}body.account-app.atelier-v2.champagne .studio-batch-actions{gap:8px}} body.account-app.atelier-v2.champagne .task-extra{margin-top:10px;color:#a5a7a6;font-size:11px}.task-extra>summary{cursor:pointer;width:fit-content;padding:4px 0}.task-extra[open]>summary{color:#dbdddc}.task-extra>.task-identifiers{margin-top:5px}.task-row-status>.future-status{margin-bottom:9px;font-size:12px}.task-row-status .task-timing{margin-top:0} body.account-app.atelier-v2.champagne :is(.task-bulk-toolbar,.task-column-head){background:#111114;border-color:var(--line);color:var(--text-2)} body.account-app.atelier-v2.champagne .search-field{background:#0c0c0e;border-color:var(--line-2)} body.champagne :is(.ml-stat,.ml-sales-overview,.ml-sales-total,.ml-sales-summary){border-color:var(--line);background-color:#141416} body.champagne .ml-card h3,body.champagne .ml-card-product{font-family:var(--sans);font-weight:550} body.account-app.atelier-v2.champagne[data-vip=true] #side-user-role{color:#d8b97a;letter-spacing:1px} body.account-app.atelier-v2.champagne .studio-asset-chip[role=button]:hover{border-color:#e8e5df70;background:#28282a} /* Champagne accents, graphite surfaces and platinum primary actions. */ body.account-app.atelier-v2.champagne :is(.btn.primary,.ml-button.ml-primary){background:linear-gradient(115deg,#f1eee8,#cbc6bb);border:1px solid #ded8ce;color:#191714;box-shadow:inset 0 1px 0 #fff9,0 3px 12px #0003} body.account-app.atelier-v2.champagne :is(.btn.primary,.ml-button.ml-primary):hover:not(:disabled){background:linear-gradient(115deg,#fffdf7,#dfd9cd);color:#191714;box-shadow:inset 0 1px 0 #fffc,0 5px 16px #0004} body.account-app.atelier-v2.champagne .future-hero{transform:none;background:linear-gradient(145deg,#1b1b1e,#101012);border-color:#c9a96a2c;box-shadow:inset 0 1px 0 #ffffff0b,0 20px 70px #0006} body.account-app.atelier-v2.champagne .future-hero-screen img{filter:grayscale(1) sepia(.12) contrast(1.05) brightness(.85)} body.account-app.atelier-v2.champagne .welcome-copy h1 span{color:var(--gold-soft);background:none;-webkit-text-fill-color:currentColor} body.account-app.atelier-v2.champagne .home-hero{background:radial-gradient(at 95% 0,#c9a96a09,transparent 55%),linear-gradient(125deg,#171719,#101012);box-shadow:inset 0 1px 0 #ffffff06} body.account-app.atelier-v2.champagne .home-orbit{display:none} body.account-app.atelier-v2.champagne .home-eyebrow{color:var(--gold)} body.account-app.atelier-v2.champagne .studio-workbench{border:0} body.account-app.atelier-v2.champagne :is(.studio-board,.studio-stage,.studio-inspector){border:1px solid var(--line);border-radius:12px;box-shadow:inset 0 1px 0 #ffffff05,0 5px 20px #0002} body.account-app.atelier-v2.champagne .studio-shot.is-current{background:linear-gradient(120deg,#c9a96a10,#ffffff02);border-color:#c9a96a50;box-shadow:inset 2px 0 var(--gold)} body.account-app.atelier-v2.champagne .studio-frame-tab.active{background:#c9a96a12;color:var(--gold-soft);border-color:#c9a96a50} body.account-app.atelier-v2.champagne .studio-price-preview{background:linear-gradient(125deg,#c9a96a08,#ffffff02);border-color:#c9a96a25} body.champagne .ml-workspace{--ml-text:var(--text);--ml-muted:var(--muted);--ml-gold:var(--gold);--ml-line:var(--line);--ml-bg:var(--bg)} body.champagne .ml-grid{gap:18px;align-items:stretch} body.champagne .ml-card{display:flex;flex-direction:column;padding:18px;border-radius:12px;border-color:var(--line);background:linear-gradient(145deg,#ffffff03,transparent 40%),#111114;box-shadow:inset 0 1px 0 #ffffff05,0 5px 18px #0002} body.champagne .ml-card:hover{border-color:#c9a96a45} body.champagne .ml-card .ml-card-title>button:first-child{font:500 18px/1.5 var(--sans);min-height:54px;max-height:54px;letter-spacing:0;overflow-wrap:anywhere} body.champagne .ml-card .ml-cover{flex-basis:36%;aspect-ratio:9/14;align-self:flex-start;height:auto;max-height:230px;border:1px solid var(--line);border-radius:8px;background:#0a0a0c} body.champagne .ml-card .ml-cover img{width:100%;height:100%;object-fit:cover} body.champagne .ml-card .ml-card-info{min-width:0;flex:1} body.champagne .ml-card .ml-account-sales{background:linear-gradient(120deg,#c9a96a07,transparent);border-color:#c9a96a22;min-height:120px;padding:14px} body.champagne .ml-card .ml-account-sales>strong{font:400 32px/1.2 var(--serif);font-variant-numeric:tabular-nums;color:var(--text)} body.champagne .ml-card .ml-likes-block>strong{font:400 29px/1.2 var(--serif);font-variant-numeric:tabular-nums;color:var(--text)} body.champagne .ml-card .ml-card-description{font-size:12px;line-height:1.8;min-height:44px} body.champagne .ml-card .ml-card-footer{margin-top:auto;padding-top:15px;border-top:1px solid var(--line);gap:10px} body.champagne .ml-card .ml-card-meta{margin-bottom:16px} body.champagne .ml-card .ml-card-detail{min-height:36px;color:var(--gold-soft);background:#c9a96a08;border-color:#c9a96a25} body.champagne .ml-commerce-document{background:linear-gradient(115deg,#e3cf9f16,#c9a96a09);border-color:#c9a96a50;color:var(--gold-soft);font-size:12px;line-height:1.65;border-radius:7px;box-shadow:inset 0 1px 0 #ffffff05} body.champagne .ml-commerce-document:hover{background:#c9a96a20;border-color:#c9a96a80;color:#f2dfb5} body.champagne .ml-commerce-empty{color:var(--muted)} body.champagne .ml-card .ml-plot-row{min-height:48px;background:#ffffff02;border-color:#c9a96a30} @media(max-width:760px){body.account-app.atelier-v2.champagne[data-view=studio] .container{padding-left:16px;padding-right:16px}body.champagne .ml-card{padding:16px}body.champagne .ml-grid{gap:14px}} body.account-app.atelier-v2.champagne .ui-model-menu:popover-open{display:flex;flex-direction:column;gap:0;overflow:hidden} body.account-app.atelier-v2.champagne .ui-model-menu>.ui-choice-list{min-height:80px;max-height:none;overflow-y:auto;flex:1} body.account-app.atelier-v2.champagne .ui-model-menu>:not(.ui-choice-list){flex-shrink:0} body.account-app.atelier-v2.champagne .ui-model-menu>.ui-model-filters{grid-template-columns:1fr 1fr 1.2fr} body.account-app.atelier-v2.champagne .ui-model-menu>.ui-model-filters select:last-child{grid-column:auto} body.account-app.atelier-v2.champagne .ui-model-menu .ui-choice-search{width:100%;min-height:38px} @media(max-width:500px){body.account-app.atelier-v2.champagne .ui-model-menu{padding:12px}body.account-app.atelier-v2.champagne .ui-model-menu>.ui-model-filters{grid-template-columns:1fr 1fr}body.account-app.atelier-v2.champagne .ui-model-menu>.ui-model-filters select:last-child{grid-column:1/-1}} /* Portrait workbench: keep navigation; use width for shots and editable prompts. */ body.account-app.atelier-v2.champagne[data-view=studio] .studio-parameter-bar{height:auto;grid-row:auto;grid-column:auto} body.account-app.atelier-v2.champagne[data-view=studio] .studio-parameter-bar .studio-price-preview{grid-template-columns:1fr} body.account-app.atelier-v2.champagne[data-view=studio] .studio-inline-edit-status{margin:0;font-size:11px;color:#d8bd86;flex-basis:100%} body.account-app.atelier-v2.champagne .ui-model-menu .ui-model-option .ui-choice-option>span{display:block;flex:1;text-align:left} body.account-app.atelier-v2.champagne .ui-model-menu .ui-model-option .ui-choice-option small{flex-direction:row} body.account-app.atelier-v2.champagne .ui-model-menu .ui-model-option .ui-choice-option small>span:first-child{flex-basis:auto} body.account-app.atelier-v2.champagne[data-view=studio] .page-head{min-height:0;padding:12px 0} body.account-app.atelier-v2.champagne[data-view=studio] .page-head h1{font-size:24px} body.account-app.atelier-v2.champagne[data-view=studio] .studio-projects{margin-bottom:8px;padding-bottom:8px} body.account-app.atelier-v2.champagne[data-view=studio] .studio-layout>.studio-board-head{padding:4px 0 12px} body.account-app.atelier-v2.champagne[data-view=studio] .studio-parameter-bar{display:grid;grid-template-columns:minmax(0,1fr) 130px 156px;gap:10px 16px;align-items:center;padding:14px 16px;margin:0 0 14px;overflow:visible;border:1px solid #cbbf9b35;border-radius:12px;background:#171719;position:relative} body.account-app.atelier-v2.champagne[data-view=studio] .studio-parameter-bar>.studio-inspector-title, body.account-app.atelier-v2.champagne[data-view=studio] .studio-parameter-bar>.studio-muted, body.account-app.atelier-v2.champagne[data-view=studio] .studio-parameter-bar>.studio-inspector-divider{display:none} body.account-app.atelier-v2.champagne[data-view=studio] .studio-parameter-bar>.studio-form{grid-column:1;grid-row:1/3;display:grid;grid-template-columns:minmax(220px,1fr) minmax(275px,.9fr);gap:8px 16px;align-items:start;margin:0;min-width:0} body.account-app.atelier-v2.champagne[data-view=studio] .studio-parameter-bar .studio-form>.studio-field{grid-column:1;grid-row:1} body.account-app.atelier-v2.champagne[data-view=studio] .studio-parameter-bar .studio-form>.success-rate{grid-column:1;grid-row:2;margin:0} body.account-app.atelier-v2.champagne[data-view=studio] .studio-parameter-bar .studio-form-grid{grid-column:2;grid-row:1/3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0} body.account-app.atelier-v2.champagne[data-view=studio] .studio-parameter-bar .studio-form-grid>.studio-field{grid-column:auto;margin:0} body.account-app.atelier-v2.champagne[data-view=studio] .studio-parameter-bar .studio-field>small{display:none} body.account-app.atelier-v2.champagne[data-view=studio] .studio-parameter-bar .studio-price-preview{grid-column:2;grid-row:1/3;margin:0;padding:9px;min-width:0} body.account-app.atelier-v2.champagne[data-view=studio] .studio-parameter-bar>button{grid-column:3;margin:0;white-space:normal} body.account-app.atelier-v2.champagne[data-view=studio] .studio-parameter-bar>.studio-dialog-error{grid-column:1/-1;margin:0} body.account-app.atelier-v2.champagne[data-view=studio] .studio-parameter-bar>.studio-dialog-error:empty{display:none} body.account-app.atelier-v2.champagne[data-view=studio] .studio-parameter-bar .ui-choice-trigger{height:auto;min-height:42px} body.account-app.atelier-v2.champagne[data-view=studio] .studio-parameter-bar .ui-choice-trigger>span:first-child{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.6} body.account-app.atelier-v2.champagne[data-view=studio] .studio-parameter-bar .studio-form>.studio-field .ui-choice-trigger{border:1px solid #d7b97d85;background:#29251e;color:#f0dfb9;font-weight:600;padding:10px 12px} body.account-app.atelier-v2.champagne[data-view=studio] .studio-workbench{display:grid;grid-template-columns:minmax(260px,.8fr) 390px minmax(340px,1fr);height:max(740px,calc(100dvh - 365px));min-height:740px;max-height:none;gap:16px;align-items:stretch} body.account-app.atelier-v2.champagne[data-view=studio] .studio-workbench.has-landscape-video{grid-template-columns:minmax(240px,.7fr) minmax(410px,1.25fr) minmax(300px,.9fr)} body.account-app.atelier-v2.champagne[data-view=studio] .studio-stage{display:flex;flex-direction:column;min-width:0;min-height:0;max-height:none;background:#141416} body.account-app.atelier-v2.champagne[data-view=studio] .studio-stage-head{flex:none;flex-wrap:wrap;padding:10px 12px;gap:8px} body.account-app.atelier-v2.champagne[data-view=studio] .studio-stage-nav{flex-wrap:wrap;gap:8px} body.account-app.atelier-v2.champagne[data-view=studio] .studio-stage-media{flex:1;min-height:0;aspect-ratio:auto;background:transparent;padding:0 8px;overflow:hidden;display:flex;align-items:center;justify-content:center} body.account-app.atelier-v2.champagne[data-view=studio] .studio-stage-media>video{position:static;inset:auto;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;background:transparent;border:0;border-radius:0} body.account-app.atelier-v2.champagne[data-view=studio] .studio-stage-media-note{flex:none;flex-wrap:wrap;padding:10px 12px;gap:6px} body.account-app.atelier-v2.champagne[data-view=studio] .studio-frame-strip{flex:none;max-height:60px;overflow:auto} body.account-app.atelier-v2.champagne[data-view=studio] .studio-prompt-panel{min-width:0;min-height:0;display:flex;flex-direction:column;background:#141416;border:1px solid #ffffff18;border-radius:12px;padding:16px;overflow:auto} /* Keep room for writing; scroll the panel to reach reference assets below. */ body.account-app.atelier-v2.champagne[data-view=studio] .studio-inline-editor{display:flex;flex-direction:column;flex:none;min-height:0;gap:10px} body.account-app.atelier-v2.champagne[data-view=studio] .studio-inline-editor>.studio-form{display:flex;flex-direction:column;flex:none;min-height:0;gap:10px;margin:0} body.account-app.atelier-v2.champagne[data-view=studio] .studio-inline-editor .studio-editor-wrap{display:flex;flex-direction:column;flex:none;min-height:0} body.account-app.atelier-v2.champagne[data-view=studio] .studio-inline-editor .studio-prompt-editor{flex:none;height:clamp(420px,60dvh,900px);min-height:420px;max-height:none;overscroll-behavior-y:auto;font-size:14px;line-height:2;padding:14px} body.account-app.atelier-v2.champagne[data-view=studio] .studio-inline-editor .studio-mention-menu{top:auto;bottom:35px;max-height:220px} body.account-app.atelier-v2.champagne[data-view=studio] .studio-inline-editor .studio-mention-hint{margin:0;padding:5px 0;font-size:10px} body.account-app.atelier-v2.champagne[data-view=studio] .studio-inline-editor .studio-ref-list{max-height:none;overflow:visible;flex-shrink:0} body.account-app.atelier-v2.champagne[data-view=studio] .studio-inline-editor .studio-dialog-footer{flex:none;display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:10px 0 0} body.account-app.atelier-v2.champagne[data-view=studio] .studio-inline-editor .studio-dialog-footer>span{flex-basis:100%;font-size:10px} body.account-app.atelier-v2.champagne[data-view=studio] .studio-inline-editor .studio-dialog-error:empty{display:none} body.account-app.atelier-v2.champagne[data-view=studio] .studio-inline-editor .studio-muted{font-size:10px;line-height:1.6;margin:0} body.account-app.atelier-v2.champagne[data-view=studio] .studio-inline-editor .studio-field{margin:0;gap:5px} body.account-app.atelier-v2.champagne .ui-model-menu .ui-model-families{display:flex;flex-wrap:wrap;gap:8px;padding:10px 0} body.account-app.atelier-v2.champagne .ui-model-families button{border:1px solid #ffffff24;border-radius:7px;background:#232326;color:#c8c6c0;padding:8px 16px;font:inherit;font-size:12px;cursor:pointer} body.account-app.atelier-v2.champagne .ui-model-families button[aria-pressed=true]{background:#3b3222;border-color:#d2b479;color:#f1d89f} body.account-app.atelier-v2.champagne .ui-model-menu .ui-choice-list{max-height:360px;min-height:80px;overflow-y:auto;flex:1} body.account-app.atelier-v2.champagne .ui-model-menu .ui-choice-option{align-items:center;padding:12px 10px} body.account-app.atelier-v2.champagne .ui-model-menu .ui-choice-option strong{display:block;white-space:normal;overflow:visible;text-overflow:clip;font-size:13px;line-height:1.65;-webkit-line-clamp:unset;max-height:none} body.account-app.atelier-v2.champagne .ui-model-menu .ui-choice-option small{display:flex;flex-wrap:wrap;align-items:center;gap:8px;white-space:normal;line-height:1.6} body.account-app.atelier-v2.champagne .ui-model-menu .ui-choice-option .ui-model-price{margin-left:auto;min-width:100px;text-align:right} body.account-app.atelier-v2.champagne .ui-model-menu .success-rate-head{flex-basis:100%} body.account-app.atelier-v2.champagne .ui-model-menu [hidden],body.account-app.atelier-v2.champagne .studio-prompt-panel [hidden],body.account-app.atelier-v2.champagne .studio-parameter-bar [hidden]{display:none!important} @media(min-width:1200px) and (max-width:1600px){ body.account-app.atelier-v2.champagne[data-view=studio] .studio-workbench{grid-template-columns:minmax(220px,.8fr) 330px minmax(280px,1fr);gap:12px;height:740px} body.account-app.atelier-v2.champagne[data-view=studio] .studio-workbench.has-landscape-video{grid-template-columns:minmax(200px,.7fr) minmax(340px,1.2fr) minmax(260px,1fr)} body.account-app.atelier-v2.champagne[data-view=studio] .studio-parameter-bar{grid-template-columns:minmax(0,1fr) 115px 135px;gap:8px} body.account-app.atelier-v2.champagne[data-view=studio] .studio-parameter-bar>.studio-form{grid-template-columns:minmax(190px,1fr) 260px;gap:8px} } @media(max-width:1199px){ body.account-app.atelier-v2.champagne[data-view=studio] .studio-workbench,body.account-app.atelier-v2.champagne[data-view=studio] .studio-workbench.has-landscape-video{display:flex;flex-direction:column;height:auto;min-height:0} body.account-app.atelier-v2.champagne[data-view=studio] .studio-stage{height:720px;min-height:0;width:100%} body.account-app.atelier-v2.champagne[data-view=studio] .studio-stage-media>video{width:100%;height:100%} body.account-app.atelier-v2.champagne[data-view=studio] .studio-prompt-panel{min-height:620px;width:100%} body.account-app.atelier-v2.champagne[data-view=studio] .studio-parameter-bar{grid-template-columns:minmax(0,1fr) 145px} body.account-app.atelier-v2.champagne[data-view=studio] .studio-parameter-bar>.studio-form{grid-column:1/-1;grid-row:1;grid-template-columns:minmax(0,1fr)} body.account-app.atelier-v2.champagne[data-view=studio] .studio-parameter-bar .studio-form-grid{grid-column:1;grid-row:3;grid-template-columns:repeat(3,minmax(0,1fr))} body.account-app.atelier-v2.champagne[data-view=studio] .studio-parameter-bar .studio-price-preview{grid-column:1;grid-row:2/4} body.account-app.atelier-v2.champagne[data-view=studio] .studio-parameter-bar>button{grid-column:2} body.account-app.atelier-v2.champagne[data-view=studio] .studio-inline-editor>.studio-form{min-height:480px} } @media(max-width:600px){body.account-app.atelier-v2.champagne[data-view=studio] .studio-stage{height:650px}body.account-app.atelier-v2.champagne .ui-model-menu .ui-model-filters{flex-wrap:wrap}body.account-app.atelier-v2.champagne .ui-model-menu .ui-choice-list{max-height:300px}body.account-app.atelier-v2.champagne .ui-model-menu .ui-model-filters select{min-width:0;max-width:100%}} /* Avoid repainting the whole workbench while cards scroll. Inner history hands wheel back at its edge. */ body.account-app.atelier-v2.champagne[data-view=studio] .studio-shot{contain:layout paint;transition:none} body.account-app.atelier-v2.champagne[data-view=studio] .studio-shot-video-list{overscroll-behavior-y:auto} body.account-app.atelier-v2.champagne[data-view=studio] .studio-layout>.studio-batchbar{backdrop-filter:none;background:#1b1b1d} body.account-app.atelier-v2.champagne .ui-choice-menu.ui-model-menu{backdrop-filter:none;background:#141416} body.account-app.atelier-v2.champagne .ui-choice-menu.ui-model-menu:popover-open{animation:none} body.account-app.atelier-v2.champagne .ui-model-menu .ui-model-option{contain:layout paint} /* The preview follows available window space; source aspect ratio stays intrinsic. */ body.account-app.atelier-v2.champagne[data-view=studio] .container{max-width:none} body.account-app.atelier-v2.champagne[data-view=studio] .studio-stage-media{height:auto;max-height:none;min-height:0;aspect-ratio:auto;margin:0 10px;padding:0;flex:1 1 0} body.account-app.atelier-v2.champagne[data-view=studio] .studio-stage-media>video{width:100%;height:100%;max-width:none;max-height:none;aspect-ratio:auto;object-fit:contain} @media(min-width:1200px){ body.account-app.atelier-v2.champagne[data-view=studio] .studio-workbench, body.account-app.atelier-v2.champagne[data-view=studio] .studio-workbench.has-landscape-video{grid-template-columns:clamp(220px,17vw,330px) minmax(0,1fr) clamp(280px,21vw,420px);height:max(760px,calc(100dvh - 150px));min-height:760px;max-height:none} body.account-app.atelier-v2.champagne[data-view=studio] .studio-stage{height:100%;max-height:none} } @media(max-width:1199px){body.account-app.atelier-v2.champagne[data-view=studio] .studio-stage{height:max(560px,calc(100dvh - 90px));min-height:0;max-height:none}} /* Let the browser defer off-screen asset tiles; remembered sizes stabilize repeat scrolling. */ body.account-app.atelier-v2.champagne #panel-assets .studio-asset-card{content-visibility:auto;contain-intrinsic-size:auto 320px}