:root{--color-ink-950: #111714;--color-ink-900: #18211d;--color-ink-700: #33423b;--color-ink-500: #66756d;--color-stone-50: #f8f9f6;--color-stone-100: #f1f3ee;--color-stone-200: #e4e8df;--color-stone-300: #d6ddd0;--color-green-700: #1f5a49;--color-green-600: #28715d;--color-green-100: #e8f4ee;--color-gold-600: #b5812c;--color-gold-100: #fff5d9;--color-red-700: #943527;--color-red-100: #fff0ed;--color-white: #ffffff;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgb(17 23 20 / .04);--shadow-md: 0 12px 32px rgb(17 23 20 / .08);--shadow-lg: 0 24px 70px rgb(17 23 20 / .14);--page-bg: var(--color-stone-50);--surface: var(--color-white);--surface-subtle: var(--color-stone-100);--surface-strong: var(--color-ink-950);--text: var(--color-ink-950);--text-soft: var(--color-ink-700);--text-muted: var(--color-ink-500);--border: var(--color-stone-200);--border-strong: var(--color-stone-300);--primary: var(--color-green-700);--primary-hover: var(--color-green-600);--primary-soft: var(--color-green-100);--accent: var(--color-gold-600);--accent-soft: var(--color-gold-100);--danger: var(--color-red-700);--danger-soft: var(--color-red-100);--panel-bg: color-mix(in srgb, var(--surface) 96%, var(--color-stone-100));--panel-border: var(--border);--panel-radius: var(--radius-lg);--panel-padding: var(--space-6);--button-radius: var(--radius-md);--input-radius: var(--radius-md);color:var(--text);background:var(--page-bg);font-family:Inter,PingFang SC,Microsoft YaHei,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{background:linear-gradient(180deg,#e8f4ee8c 0,#f8f9f600 360px),var(--page-bg)}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}h1,h2,h3,p{margin-top:0}h1{color:var(--text);font-size:clamp(30px,4vw,46px);font-weight:850;letter-spacing:0;line-height:1.06;margin-bottom:0}h2{color:var(--text);font-size:20px;font-weight:780;letter-spacing:0;line-height:1.22;margin-bottom:0}h3{color:var(--text);font-size:15px;font-weight:760;letter-spacing:0;margin-bottom:var(--space-3)}small,.muted{color:var(--text-muted)}.loading-screen{align-items:center;background:radial-gradient(circle at 50% 36%,rgba(40,113,93,.09),transparent 28%),var(--page-bg);color:var(--text);display:flex;gap:var(--space-3);justify-content:center;min-height:100vh}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{margin:0 auto;max-width:1500px;padding:30px}.admin-shell{max-width:1580px}.auth-shell{align-items:center;background:linear-gradient(145deg,rgba(31,90,73,.12),rgba(181,129,44,.08) 42%,transparent 72%),var(--page-bg);display:flex;justify-content:center;min-height:100vh;padding:24px}.auth-panel{background:#ffffffe6;border:1px solid rgba(228,232,223,.9);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:grid;gap:var(--space-5);max-width:580px;padding:34px;position:relative;width:100%}.auth-panel:before{background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:var(--radius-lg) var(--radius-lg) 0 0;content:"";height:4px;inset:0 0 auto;position:absolute}.auth-panel h1{font-size:clamp(28px,4.4vw,38px);margin-bottom:var(--space-3)}.auth-panel .muted{line-height:1.7;margin-bottom:0}.segmented{background:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius-md);display:grid;gap:4px;grid-template-columns:repeat(4,minmax(0,1fr));padding:4px}.auth-panel .segmented,.auth-verification-segmented{grid-template-columns:repeat(2,minmax(0,1fr))}.segmented button{background:transparent;border:0;border-radius:var(--radius-sm);color:var(--text-soft);min-height:40px;padding:0 var(--space-3)}.segmented button.active{background:var(--surface-strong);box-shadow:var(--shadow-sm);color:var(--color-white);font-weight:760}.auth-form-grid{grid-template-columns:1fr}.auth-submit{justify-content:center;width:100%}.topbar,.panel-heading,.run-strip,.section-title,.step-item,.topbar-actions{align-items:center;display:flex}.topbar{background:linear-gradient(135deg,#ffffffeb,#f1f3eed1),var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);justify-content:space-between;gap:var(--space-5);margin-bottom:var(--space-6);padding:var(--space-6)}.topbar h1{max-width:680px}.eyebrow{color:var(--accent);font-size:12px;font-weight:820;letter-spacing:0;line-height:1.2;margin:0 0 var(--space-2)}.topbar-actions{flex-wrap:wrap;gap:var(--space-3);justify-content:flex-end}.credit-pill,.user-pill,.status-badge,.launch-status,.active-label{align-items:center;border-radius:var(--radius-md);display:inline-flex;gap:var(--space-2);min-height:40px;padding:0 var(--space-3)}.credit-pill{background:var(--surface-strong);border:1px solid var(--surface-strong);color:var(--color-white);font-weight:760}.user-pill,.status-badge{background:#ffffffbf;border:1px solid var(--border);color:var(--text-soft)}.status-badge{font-size:13px;min-height:34px}.notice,.success-notice{border-radius:var(--radius-md);margin-top:var(--space-4);padding:13px 15px}.notice{background:var(--danger-soft);border:1px solid color-mix(in srgb,var(--danger) 28%,white);color:var(--danger)}.success-notice{background:var(--primary-soft);border:1px solid color-mix(in srgb,var(--primary) 25%,white);color:var(--primary)}.metric-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));margin-top:var(--space-5)}.compact-metrics{margin-top:var(--space-4)}.metric-card,.workflow-mode-board,.side-panel,.creator-panel,.history-panel,.result-panel,.version-panel,.billing-panel,.analytics-panel,.launch-readiness-panel,.calibration-panel,.training-panel,.prediction-models-panel,.admin-logs-panel,.admin-customers-panel,.admin-billing-panel,.admin-packages-panel,.sandbox-panel,.openclaw-import-panel,.platform-sync-panel,.work-library-panel,.work-detail-panel,.provider-health-panel,.pricing-health-panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--panel-radius);box-shadow:var(--shadow-sm)}.metric-card{display:grid;gap:var(--space-2);min-height:118px;overflow:hidden;padding:var(--space-5);position:relative}.metric-card:after{background:linear-gradient(180deg,#1f5a4914,#b5812c0d);content:"";inset:auto -20px -54px auto;position:absolute;transform:rotate(-20deg);width:110px;height:110px}.metric-card svg{color:var(--primary)}.metric-card span,.analytics-card span,.prediction-summary span{color:var(--text-muted);font-size:13px}.metric-card strong,.analytics-card strong{color:var(--text);font-size:25px;font-weight:850;line-height:1}.workflow-mode-board{display:grid;gap:var(--space-4);margin-top:var(--space-5);overflow:hidden;padding:var(--space-6);position:relative}.workflow-mode-board:before{background:linear-gradient(135deg,rgba(17,23,20,.08),transparent 44%),linear-gradient(90deg,#1f5a491a,#b5812c14);content:"";height:5px;inset:0 0 auto;position:absolute}.workflow-mode-heading{align-items:flex-start;display:flex;gap:var(--space-5);justify-content:space-between}.workflow-mode-heading p{color:var(--text-muted);line-height:1.7;margin:var(--space-2) 0 0;max-width:720px}.workflow-mode-balance{background:var(--surface-strong);border-radius:var(--radius-md);color:var(--color-white);display:grid;gap:var(--space-1);min-width:160px;padding:14px 16px;text-align:right}.workflow-mode-balance span,.workflow-card-main small,.function-phase{font-size:12px;font-weight:780}.workflow-mode-balance span{color:#ffffffa3}.workflow-mode-balance strong{font-size:20px}.one-click-workflow-card,.core-function-card,.aux-tool-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);text-align:left;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.one-click-workflow-card{align-items:stretch;display:grid;gap:var(--space-4);grid-template-columns:auto minmax(0,1fr) minmax(260px,.42fr);min-height:154px;padding:var(--space-5)}.workflow-card-icon{align-items:center;background:var(--surface-strong);border-radius:var(--radius-md);color:var(--color-white);display:inline-flex;height:48px;justify-content:center;width:48px}.workflow-card-main,.workflow-card-meta,.selected-workflow-summary{display:grid;gap:var(--space-2)}.workflow-card-main small,.function-phase{color:var(--primary)}.workflow-card-main strong{font-size:28px;font-weight:850;line-height:1.1}.workflow-card-main span,.workflow-card-meta span,.core-function-card span,.aux-tool-button small,.selected-workflow-summary span,.selected-workflow-summary small{color:var(--text-muted);line-height:1.6}.workflow-card-meta{align-content:center;background:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4)}.workflow-card-meta strong{font-size:18px}.core-function-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr))}.core-function-card{display:grid;gap:var(--space-3);min-height:188px;padding:var(--space-5)}.core-function-card strong{font-size:19px;line-height:1.2}.core-function-card small{align-self:end;color:var(--text-soft);font-size:12px}.aux-tool-strip{display:grid;gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.aux-tool-button{display:grid;gap:var(--space-1);min-height:74px;padding:var(--space-4)}.aux-tool-button span{font-weight:800}.selected-workflow-summary{background:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4)}.selected-workflow-summary strong{font-size:18px;line-height:1.25}.one-click-workflow-card:hover:not(:disabled),.core-function-card:hover:not(:disabled),.aux-tool-button:hover:not(:disabled){border-color:color-mix(in srgb,var(--primary) 48%,var(--border));box-shadow:var(--shadow-md);transform:translateY(-2px)}.one-click-workflow-card.active,.core-function-card.active,.aux-tool-button.active{background:color-mix(in srgb,var(--primary-soft) 64%,var(--surface));border-color:color-mix(in srgb,var(--primary) 48%,white);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 34%,white),var(--shadow-sm)}.one-click-workflow-card:disabled,.core-function-card:disabled,.aux-tool-button:disabled{cursor:not-allowed;opacity:.52}.workspace-grid{align-items:start;display:grid;gap:var(--space-5);grid-template-columns:300px minmax(0,1fr) 320px;margin-top:var(--space-5)}.side-panel,.creator-panel,.history-panel,.result-panel,.work-library-panel,.work-detail-panel,.version-panel,.billing-panel,.analytics-panel,.launch-readiness-panel,.calibration-panel,.training-panel,.prediction-models-panel,.admin-logs-panel,.admin-customers-panel,.admin-billing-panel,.admin-packages-panel,.sandbox-panel,.openclaw-import-panel,.platform-sync-panel,.provider-health-panel,.pricing-health-panel{padding:var(--panel-padding)}.version-panel,.billing-panel,.analytics-panel,.launch-readiness-panel,.calibration-panel,.training-panel,.prediction-models-panel,.admin-logs-panel,.admin-customers-panel,.admin-billing-panel,.admin-packages-panel,.sandbox-panel,.openclaw-import-panel,.platform-sync-panel,.provider-health-panel,.pricing-health-panel{margin-top:var(--space-5)}.section-title{gap:var(--space-2);margin-bottom:var(--space-4)}.section-title svg,.panel-heading svg{color:var(--primary)}.section-title.compact{margin-top:var(--space-6)}.panel-heading{justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.panel-heading.compact{align-items:center;margin-bottom:0}.panel-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:flex-end}.profile-list,.profile-form,.workflow-list,.task-list,.step-list,.output-stack,.customer-list,.admin-order-list,.platform-connect-form,.platform-account-list,.platform-job-list,.package-editor,.package-admin-list,.sandbox-editor,.sandbox-result,.sandbox-check-list,.calibration-recommendations,.calibration-run-list,.version-group,.version-list,.published-video-list,.admin-log-column{display:grid;gap:var(--space-3)}.profile-list{margin:0}.profile-list div{border-bottom:1px solid var(--border);padding-bottom:var(--space-3)}.profile-list dt{color:var(--text-muted);font-size:12px;margin-bottom:var(--space-1)}.profile-list dd{margin:0}.queue-state,.run-strip,.feedback-panel,.prediction-summary,.platform-connect-form,.package-editor,.version-column,.calibration-recommendations{background:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius-md)}.queue-state{color:var(--primary);gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-4)}.workflow-button,.task-button,.package-button,.version-item,.published-video-item,.admin-log-item,.calibration-run-item,.platform-account-item,.platform-job-item,.customer-item,.admin-order-item,.package-admin-item,.sandbox-check,.provider-health-item,.launch-readiness-item,.pricing-health-item,.order-item,.ledger-item,.analytics-card{background:#ffffffbd;border:1px solid var(--border);border-radius:var(--radius-md)}.workflow-button,.task-button{color:var(--text);display:grid;gap:7px;min-height:64px;padding:var(--space-3);text-align:left;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease;width:100%}.workflow-button:hover,.task-button:hover,.package-button:hover,.version-item:hover,.mini-button:hover,.ghost-button:hover{border-color:color-mix(in srgb,var(--primary) 48%,var(--border))}.workflow-button.active,.task-button.active{background:var(--primary-soft);border-color:color-mix(in srgb,var(--primary) 60%,white);box-shadow:inset 3px 0 0 var(--primary)}.ghost-button,.primary-button,.mini-button{align-items:center;border-radius:var(--button-radius);display:inline-flex;font-weight:760;gap:var(--space-2);justify-content:center;min-height:40px;padding:0 14px;text-decoration:none;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.ghost-button{background:#ffffffd1;border:1px solid var(--border);color:var(--text-soft)}.primary-button{background:var(--surface-strong);border:1px solid var(--surface-strong);color:var(--color-white)}.primary-button:hover:not(:disabled){background:var(--primary);border-color:var(--primary);transform:translateY(-1px)}.primary-button:disabled{opacity:.62}.mini-button{background:var(--surface);border:1px solid color-mix(in srgb,var(--primary) 40%,var(--border));color:var(--primary);font-size:12px;min-height:32px;padding:0 10px}.form-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr))}label{color:var(--text-soft);display:grid;font-size:13px;font-weight:760;gap:var(--space-2)}input,select,textarea{background:#ffffffd1;border:1px solid var(--border-strong);border-radius:var(--input-radius);color:var(--text);min-height:42px;outline:none;padding:11px 12px;width:100%}textarea{line-height:1.6;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #28715d1f}.full-width{grid-column:1 / -1}.run-strip{justify-content:space-between;gap:var(--space-4);margin-top:var(--space-5);padding:var(--space-4)}.run-strip div{display:grid;gap:var(--space-1)}.run-strip span{color:var(--text-muted);font-size:13px;line-height:1.5}.results-grid{align-items:start;display:grid;gap:var(--space-5);grid-template-columns:minmax(0,1fr) 380px;margin-top:var(--space-5)}.works-grid{align-items:start;display:grid;gap:var(--space-5);grid-template-columns:360px minmax(0,1fr);margin-top:var(--space-5)}.work-detail-grid{display:grid;gap:var(--space-4);grid-template-columns:minmax(0,1fr) 320px}.feedback-panel{padding:var(--space-4)}.prediction-summary{background:var(--surface);display:grid;gap:5px;padding:var(--space-3)}.metrics-divider{border-top:1px solid var(--border);margin-top:var(--space-1);padding-top:var(--space-1)}.metrics-form-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.published-video-item,.admin-log-item,.calibration-run-item,.order-item,.ledger-item{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between;padding:var(--space-3)}.published-video-item div,.admin-log-item div,.calibration-run-item div,.order-item div,.ledger-item div,.platform-account-item div,.platform-job-item div,.package-admin-item div,.customer-main div,.admin-order-main,.admin-order-actions,.sandbox-check div,.launch-readiness-item div,.provider-health-item div,.pricing-health-item div,.version-performance-item div,.version-item div,.step-item div{display:grid;gap:var(--space-1)}.published-video-item span,.admin-log-item span,.calibration-run-item span,.order-item span,.ledger-item span,.platform-account-item span,.platform-job-item span,.package-admin-item span,.customer-main span,.launch-readiness-item span,.launch-readiness-item small,.provider-health-item span,.provider-health-item small,.pricing-health-item span,.pricing-health-item small,.version-performance-item span,.version-item span{color:var(--text-muted);font-size:12px}.admin-logs-grid,.analytics-grid,.provider-health-summary,.sandbox-summary{display:grid;gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr))}.admin-logs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.calibration-summary,.training-summary{display:grid;gap:var(--space-4);grid-template-columns:220px 220px 220px minmax(0,1fr)}.analytics-card{display:grid;gap:var(--space-2);min-height:106px;padding:var(--space-4)}.version-performance-list,.provider-health-list,.pricing-health-list,.launch-readiness-list,.calibration-run-list{display:grid;gap:var(--space-3);margin-top:var(--space-4)}.version-performance-item{align-items:center;background:#ffffffb8;border:1px solid var(--border);border-radius:var(--radius-md);display:flex;gap:var(--space-3);justify-content:space-between;padding:var(--space-3)}.audit-link{align-items:center;color:var(--primary);display:inline-flex;font-size:13px;font-weight:760;gap:6px;line-height:1.2;max-width:max-content;text-decoration:none}.audit-link:hover{text-decoration:underline}.audit-link.compact{font-size:12px}.error-text{color:var(--danger)}.platform-sync-grid{display:grid;gap:var(--space-4);grid-template-columns:320px minmax(0,1fr) minmax(0,1fr)}.platform-connect-form,.package-editor,.version-column,.calibration-recommendations{padding:var(--space-4)}.platform-account-item,.platform-job-item{min-height:78px;padding:var(--space-3)}.platform-account-item{align-items:center;display:grid;grid-template-columns:minmax(0,1fr) auto}.platform-account-actions{align-items:center;display:flex;gap:var(--space-2);justify-content:flex-end}.credential-refresh-form{display:grid;gap:6px;grid-template-columns:minmax(120px,1fr) minmax(150px,1fr) auto;min-width:420px}.credential-refresh-form input,.customer-actions input,.version-actions input{min-height:32px;padding:6px 8px}.package-admin-grid{display:grid;gap:var(--space-4);grid-template-columns:320px minmax(0,1fr)}.package-admin-item{align-items:center;display:grid;gap:var(--space-3);grid-template-columns:minmax(220px,1fr) auto auto auto auto;padding:var(--space-3)}.customer-item{align-items:start;display:grid;gap:var(--space-3);grid-template-columns:minmax(220px,1.1fr) minmax(220px,.85fr) minmax(320px,1.45fr);padding:var(--space-3)}.admin-order-item{align-items:center;display:grid;gap:var(--space-3);grid-template-columns:minmax(260px,1fr) minmax(260px,420px);padding:var(--space-4)}.admin-order-actions{align-items:center;grid-template-columns:minmax(0,1fr) auto}.customer-main{align-items:center;display:flex;gap:var(--space-3)}.customer-metrics{display:grid;gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))}.customer-metrics span{color:var(--text-soft);font-size:12px}.customer-actions{align-items:stretch;display:grid;gap:var(--space-2);grid-template-columns:repeat(2,minmax(130px,1fr))}.customer-actions .mini-button,.customer-actions input{width:100%}.sandbox-grid{align-items:start;display:grid;gap:var(--space-4);grid-template-columns:420px minmax(0,1fr)}.compact-json-editor{min-height:260px}.sandbox-check{align-items:center;border-left-width:4px;display:flex;gap:var(--space-3);justify-content:space-between;padding:var(--space-3)}.sandbox-check.passed{border-left-color:var(--primary)}.sandbox-check.failed{border-left-color:var(--danger)}.json-editor{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.55;min-height:420px;white-space:pre}.provider-health-item,.launch-readiness-item,.pricing-health-item{align-items:center;border-left-width:4px;display:grid;gap:var(--space-3);padding:var(--space-3)}.provider-health-item{grid-template-columns:minmax(160px,.8fr) 90px minmax(0,1fr)}.launch-readiness-item{grid-template-columns:minmax(190px,.9fr) 90px minmax(0,1.3fr)}.pricing-health-item{grid-template-columns:minmax(170px,1fr) minmax(120px,.7fr) minmax(120px,.7fr) minmax(90px,.5fr) minmax(220px,1.2fr)}.provider-health-item.configured,.pricing-health-item.healthy,.launch-readiness-item.ready{border-left-color:var(--primary)}.provider-health-item.partial,.pricing-health-item.watch,.launch-readiness-panel.watch .launch-status{border-left-color:var(--accent)}.provider-health-item.missing,.pricing-health-item.at_risk,.launch-readiness-item.blocker{border-left-color:var(--danger)}.pricing-health-item.no_data{border-left-color:var(--text-muted)}.launch-status{background:var(--surface-subtle);border:1px solid var(--border);text-transform:capitalize}.launch-readiness-panel.ready .launch-status{background:var(--primary-soft);border-color:color-mix(in srgb,var(--primary) 35%,white);color:var(--primary)}.launch-readiness-panel.watch .launch-status{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 35%,white);color:#76520f}.launch-readiness-panel.blocked .launch-status{background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 28%,white);color:var(--danger)}.billing-grid{display:grid;gap:var(--space-4);grid-template-columns:minmax(0,1fr) 340px 380px}.payment-channel-switch{background:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;gap:4px;padding:4px}.payment-channel-switch button{background:transparent;border:0;border-radius:var(--radius-sm);color:var(--text-soft);min-height:32px;padding:0 10px}.payment-channel-switch button.active{background:var(--surface-strong);color:var(--color-white);font-weight:760}.billing-qr-panel{background:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius-md);display:grid;gap:var(--space-4);grid-template-columns:260px minmax(0,1fr);padding:var(--space-4)}.billing-qr-frame{align-items:center;aspect-ratio:1280 / 1770;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;justify-content:center;overflow:hidden;max-width:320px;width:100%}.billing-qr-frame img{display:block;height:100%;object-fit:contain;width:100%}.billing-qr-placeholder{display:grid;gap:var(--space-2);padding:var(--space-5);text-align:center}.billing-qr-copy{align-content:center;display:grid;gap:var(--space-3)}.billing-qr-copy p,.calibration-recommendations p{color:var(--text-soft);margin-bottom:0}.billing-package-list,.package-list{display:grid;gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr))}.billing-package-list{grid-column:1 / -1}.package-button{color:var(--text);display:grid;gap:var(--space-2);min-height:110px;padding:var(--space-4);text-align:left}.package-button span{color:var(--primary);font-size:20px;font-weight:850}.order-list,.ledger-list{border-left:1px solid var(--border);display:grid;gap:var(--space-3);padding-left:var(--space-4)}.version-grid{align-items:start;display:grid;gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr))}.version-column{align-content:start}.version-group{border-top:1px solid var(--border);padding-top:var(--space-3)}.version-group:first-of-type{border-top:0;padding-top:0}.version-item{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between;min-height:58px;padding:var(--space-3)}.version-item.selected{border-color:color-mix(in srgb,var(--primary) 55%,white);box-shadow:0 0 0 3px #28715d1a}.version-actions{align-items:end;display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:flex-end}.version-actions label{gap:4px;min-width:76px}.prompt-editor{border-top:1px solid var(--border);display:grid;gap:var(--space-3);padding-top:var(--space-3)}.active-label{background:var(--primary-soft);color:var(--primary);font-size:12px;font-weight:760;min-height:28px}.result-panel.wide{min-height:420px}.output-section{background:#ffffff94;border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4)}pre{background:var(--surface-strong);border-radius:var(--radius-md);color:#eef8ee;font-size:13px;line-height:1.65;margin:0;max-height:360px;overflow:auto;padding:var(--space-4);white-space:pre-wrap}.step-item{border-bottom:1px solid var(--border);justify-content:space-between;gap:var(--space-3);padding:var(--space-3) 0}.step-item:last-child{border-bottom:0}.customer-home-shell{background:linear-gradient(180deg,#07090e47,#07090eeb),#080a0f;color:#f8fbff;min-height:100vh;overflow:hidden;padding:28px;position:relative}.customer-home-video,.customer-home-backdrop{top:0;right:0;bottom:0;left:0;position:fixed}.customer-home-video{height:100%;object-fit:cover;opacity:.42;width:100%;z-index:0}.customer-home-backdrop{background:linear-gradient(90deg,#080a0ff0,#080a0fc2 46%,#5e0ed747),linear-gradient(180deg,#080a0f2e,#080a0feb);z-index:1}.customer-home-topbar,.customer-home-hero{margin:0 auto;max-width:1280px;position:relative;z-index:2}.customer-home-topbar{align-items:center;display:flex;justify-content:space-between;gap:var(--space-4)}.customer-home-topbar>div:first-child{display:grid;gap:4px}.customer-home-topbar span,.customer-home-topbar strong{color:#f8fbff}.customer-home-topbar span{color:#f8fbff9e;font-size:13px;font-weight:760}.customer-home-topbar strong{font-size:16px}.customer-home-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:flex-end}.home-credit-pill,.home-ghost-button{align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-md);display:inline-flex;gap:var(--space-2);min-height:42px;padding:0 14px}.home-credit-pill{background:#ffffff1f;color:#fff;font-weight:780}.home-ghost-button{background:#ffffff14;color:#f8fbffe0;font-weight:760}.home-ghost-button:hover{background:#ffffff29}.customer-home-hero{align-items:end;display:grid;gap:36px;grid-template-columns:minmax(280px,.72fr) minmax(520px,1fr);min-height:calc(100vh - 98px);padding:54px 0 18px}.customer-home-title h1{color:#fff;font-size:clamp(52px,8vw,112px);letter-spacing:0;line-height:.95;max-width:640px;text-wrap:balance}.entrance-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.entrance-card{align-items:stretch;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-md);color:#fff;display:grid;gap:var(--space-4);grid-template-columns:auto minmax(0,1fr);min-height:168px;padding:18px;text-align:left;transition:background .18s ease,border-color .18s ease,transform .18s ease}.entrance-card.featured{background:linear-gradient(135deg,#5e0ed76b,#1f5a493d),#ffffff1f}.entrance-card.billing-entry{background:linear-gradient(135deg,#b5812c47,#ffffff14),#ffffff1a}.entrance-card:hover:not(:disabled){background:#ffffff29;border-color:#ffffff57;transform:translateY(-3px)}.entrance-card:disabled{opacity:.52}.entrance-icon{align-items:center;background:#ffffff21;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-md);color:#fff;display:inline-flex;height:46px;justify-content:center;width:46px}.entrance-copy,.entrance-meta{display:grid;gap:var(--space-2)}.entrance-copy strong{color:#fff;font-size:22px;line-height:1.15}.entrance-copy small,.entrance-meta small{color:#f8fbffad;line-height:1.65}.entrance-meta{align-items:center;display:flex;grid-column:1 / -1;justify-content:space-between}.workflow-page-summary{align-items:center;background:linear-gradient(135deg,#111714f0,#1f5a49d1),var(--surface-strong);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);color:#fff;display:flex;gap:var(--space-5);justify-content:space-between;margin-top:var(--space-5);padding:var(--space-6)}.workflow-page-summary span{color:#ffffff9e;font-size:13px;font-weight:820}.workflow-page-summary h2{color:#fff;margin-top:var(--space-2);max-width:820px}.workflow-page-summary p,.workflow-page-summary small{color:#ffffffad}.workflow-page-summary p{line-height:1.6;margin:var(--space-2) 0 0}.workflow-page-summary>div:last-child{display:grid;gap:var(--space-1);min-width:180px;text-align:right}.workflow-page-summary strong{color:#fff;font-size:24px}@media(max-width:1120px){.metric-grid,.workspace-grid,.results-grid,.works-grid,.work-detail-grid,.analytics-grid,.provider-health-summary,.calibration-summary,.training-summary,.admin-logs-grid,.billing-grid,.platform-sync-grid,.sandbox-grid,.version-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-home-hero{align-items:start;grid-template-columns:1fr}.customer-home-title h1{max-width:860px}.one-click-workflow-card{grid-template-columns:auto minmax(0,1fr)}.workflow-card-meta{grid-column:1 / -1}.core-function-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.order-list,.ledger-list{border-left:0;padding-left:0}.creator-panel,.result-panel.wide,.work-detail-panel{grid-column:1 / -1}.customer-item,.platform-account-item,.platform-account-actions,.launch-readiness-item,.provider-health-item,.pricing-health-item,.package-admin-grid,.admin-order-item,.package-admin-item,.platform-connect-form,.billing-qr-panel{align-items:stretch;grid-template-columns:1fr}.platform-account-actions{display:grid;justify-content:stretch}.credential-refresh-form{min-width:0}}@media(max-width:720px){.app-shell{padding:16px}.customer-home-shell{padding:18px}.customer-home-topbar{align-items:flex-start;display:grid}.customer-home-actions{justify-content:stretch;width:100%}.home-credit-pill,.home-ghost-button{justify-content:center;width:100%}.customer-home-hero{min-height:auto;padding:44px 0 12px}.customer-home-title h1{font-size:48px}.entrance-grid{grid-template-columns:1fr}.entrance-card{min-height:150px}.workflow-page-summary{align-items:flex-start;display:grid}.workflow-page-summary>div:last-child{text-align:left}.auth-panel{padding:28px 22px}.topbar,.run-strip,.published-video-item,.admin-log-item,.calibration-run-item,.order-item,.ledger-item,.version-performance-item{align-items:flex-start;flex-direction:column}.topbar{padding:20px}.workflow-mode-board{padding:22px 18px 18px}.workflow-mode-heading{display:grid}.workflow-mode-balance{min-width:0;text-align:left}.one-click-workflow-card,.core-function-grid,.aux-tool-strip{grid-template-columns:1fr}.one-click-workflow-card{min-height:0}.workflow-card-icon{height:44px;width:44px}.workflow-card-main strong{font-size:24px}.topbar-actions{justify-content:flex-start;width:100%}.credit-pill,.user-pill,.status-badge{width:100%}.metric-grid,.workspace-grid,.results-grid,.works-grid,.work-detail-grid,.analytics-grid,.provider-health-summary,.calibration-summary,.training-summary,.admin-logs-grid,.metrics-form-grid,.form-grid,.billing-grid,.package-list,.billing-package-list,.billing-qr-panel,.platform-sync-grid,.sandbox-grid,.version-grid,.customer-actions,.admin-order-actions,.customer-metrics,.credential-refresh-form,.sandbox-summary{grid-template-columns:1fr}.side-panel,.creator-panel,.history-panel,.result-panel,.work-library-panel,.work-detail-panel,.version-panel,.billing-panel,.analytics-panel,.launch-readiness-panel,.calibration-panel,.training-panel,.prediction-models-panel,.admin-logs-panel,.admin-customers-panel,.admin-billing-panel,.admin-packages-panel,.sandbox-panel,.openclaw-import-panel,.platform-sync-panel,.provider-health-panel,.pricing-health-panel{padding:18px}}