/* style.css */
@font-face{font-family:'DM Sans';font-style:normal;font-weight:400;font-display:swap;src:url('/static/fonts/dm-400.woff2') format('woff2')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:500;font-display:swap;src:url('/static/fonts/dm-500.woff2') format('woff2')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:700;font-display:swap;src:url('/static/fonts/dm-700.woff2') format('woff2')}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url('/static/fonts/sg-500.woff2') format('woff2')}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url('/static/fonts/sg-700.woff2') format('woff2')}
@font-face{font-family:'Baloo 2';font-style:normal;font-weight:600;font-display:swap;src:url('/static/fonts/baloo-600.woff2') format('woff2')}
@font-face{font-family:'Baloo 2';font-style:normal;font-weight:700;font-display:swap;src:url('/static/fonts/baloo-700.woff2') format('woff2')}

/* ============================================================
   AE 渲染云服务 - 全局样式（亮色主题 20260630.04）
   ============================================================ */

:root {
    /* ===== 克制专业（默认亮色）===== */
    --bg-body: #fafafa;
    --bg-card: #ffffff;
    --bg-card-hover: #f5f5f4;
    --bg-input: #ffffff;
    --bg-overlay: rgba(255, 255, 255, 0.9);
    --text-primary: #1c1c1e;
    --text-secondary: #565b63;
    --text-muted: #9aa0a6;
    --border: #ececeb;
    --border-hover: #d8d8d6;
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 14px rgba(0, 0, 0, 0.07);
    --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.1);
    --brand-gold: #cf8a12;
    --brand-gold-dark: #b0740c;
    --brand-blue: #4a6cf7;
    --brand-blue-dark: #3b5de7;
    --danger: #ef4444;
    --success: #22c55e;
    --warning: #f59e0b;
    --info: #3b82f6;
    --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
    --font-heading: 'Space Grotesk', 'DM Sans', "PingFang SC", "Microsoft YaHei", sans-serif;
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 18px;
    --card-border: 1px solid var(--border);
    --btn-radius: 10px;
    --transition-speed: 0.2s;
    --glow-color: transparent;
}

/* ============================================================
   卡通活泼 · CARTOON（冰淇淋质感，圆润厚实）
   ============================================================ */
[data-theme="cartoon"] {
    --bg-body: #fff6ee;
    --bg-card: #ffffff;
    --bg-card-hover: #fff0e2;
    --bg-input: #fffaf5;
    --bg-overlay: rgba(255, 246, 238, 0.92);
    --text-primary: #4a3f3a;
    --text-secondary: #8c7d74;
    --text-muted: #c3b3a8;
    --border: #ffe1c9;
    --border-hover: #ffc9a3;
    --shadow-sm: 0 2px 0 rgba(255, 170, 110, 0.28);
    --shadow-md: 0 6px 0 rgba(255, 150, 90, 0.22);
    --shadow-lg: 0 10px 0 rgba(255, 140, 80, 0.18);
    --brand-gold: #ff8a3d;
    --brand-gold-dark: #f5741f;
    --brand-blue: #ff6fa5;
    --brand-blue-dark: #f5539a;
    --danger: #ff5c7c;
    --success: #3ecf8e;
    --warning: #ffb02e;
    --info: #4aa8ff;
    --font-body: 'DM Sans', "PingFang SC", "Microsoft YaHei", sans-serif;
    --font-heading: 'Baloo 2', "PingFang SC", "Microsoft YaHei", sans-serif;
    --radius-sm: 14px;
    --radius-md: 20px;
    --radius-lg: 28px;
    --card-border: 2px solid var(--border);
    --btn-radius: 999px;
    --transition-speed: 0.2s;
    --glow-color: #ffb98a;
}

/* ============================================================
   青绿清新 · MINT
   ============================================================ */
[data-theme="mint"] {
    --bg-body: #f2f9f5;
    --bg-card: #ffffff;
    --bg-card-hover: #eafaf1;
    --bg-input: #ffffff;
    --bg-overlay: rgba(242, 249, 245, 0.9);
    --text-primary: #1c2b24;
    --text-secondary: #4f6b5d;
    --text-muted: #94a89d;
    --border: #d8ece0;
    --border-hover: #b8dcc8;
    --shadow-sm: 0 1px 3px rgba(22, 80, 55, 0.06);
    --shadow-md: 0 4px 16px rgba(22, 80, 55, 0.08);
    --shadow-lg: 0 12px 32px rgba(22, 80, 55, 0.1);
    --brand-gold: #18a86b;
    --brand-gold-dark: #128a56;
    --brand-blue: #0ea5a5;
    --brand-blue-dark: #0b8686;
    --danger: #ef4444;
    --success: #16a34a;
    --warning: #d97706;
    --info: #0d9488;
    --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
    --font-heading: 'Space Grotesk', 'DM Sans', "PingFang SC", "Microsoft YaHei", sans-serif;
    --radius-sm: 8px;
    --radius-md: 14px;
    --radius-lg: 20px;
    --card-border: 1px solid var(--border);
    --btn-radius: 12px;
    --transition-speed: 0.2s;
    --glow-color: #7fe0b0;
}

/* ============================================================
   蓝色小清新 · BLUE（冰淇淋蓝，圆润可爱）
   ============================================================ */
[data-theme="blue"] {
    --bg-body: #f2f7ff;
    --bg-card: #ffffff;
    --bg-card-hover: #eaf3ff;
    --bg-input: #ffffff;
    --bg-overlay: rgba(242, 247, 255, 0.9);
    --text-primary: #1e2a3d;
    --text-secondary: #516079;
    --text-muted: #93a1b8;
    --border: #dbe8fb;
    --border-hover: #b9d3f5;
    --shadow-sm: 0 2px 6px rgba(70, 120, 200, 0.08);
    --shadow-md: 0 6px 20px rgba(70, 120, 200, 0.1);
    --shadow-lg: 0 14px 36px rgba(70, 120, 200, 0.12);
    --brand-gold: #4a90e2;
    --brand-gold-dark: #3a7bc8;
    --brand-blue: #6aa9ff;
    --brand-blue-dark: #4a90e2;
    --danger: #f2637f;
    --success: #34c7a0;
    --warning: #f5a623;
    --info: #4a90e2;
    --font-body: 'DM Sans', "PingFang SC", "Microsoft YaHei", sans-serif;
    --font-heading: 'Baloo 2', "PingFang SC", "Microsoft YaHei", sans-serif;
    --radius-sm: 12px;
    --radius-md: 18px;
    --radius-lg: 24px;
    --card-border: 1px solid var(--border);
    --btn-radius: 16px;
    --transition-speed: 0.2s;
    --glow-color: #a9cdff;
}

/* 主题切换按钮 */
.theme-toggle {
    position: fixed; top: 16px; right: 16px; z-index: 9991;
    width: 38px; height: 38px; border-radius: 50%;
    background: var(--bg-card); border: 1px solid var(--border);
    cursor: pointer; font-size: 1.1rem; display: flex;
    align-items: center; justify-content: center;
    box-shadow: var(--shadow-sm); transition: all var(--transition-speed);
    color: var(--text-primary);
}
.theme-toggle:hover {
    transform: scale(1.08);
    box-shadow: var(--shadow-md);
}

/* ---------- 粒子背景 ---------- */
#particles-canvas {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    z-index: 0;
    pointer-events: none;
}

/* ---------- 基础重置 ---------- */
*, *::before, *::after {
    margin: 0; padding: 0;
    box-sizing: border-box;
}

body {
    font-family: var(--font-body);
    background: var(--bg-body);
    color: var(--text-primary);
    min-height: 100vh;
    position: relative;
    overflow-x: hidden;
    transition: background var(--transition-speed), color var(--transition-speed);
}

/* 纸墨主题 - 纸张纹理背景 */
[data-theme="paper"] body {
    background:
        linear-gradient(180deg, rgba(139,94,60,0.03) 0%, transparent 50%, rgba(92,64,51,0.02) 100%),
        var(--bg-body);
}

/* 霓虹主题 - 网格线背景 */
[data-theme="neon"] body::before {
    content: '';
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        linear-gradient(rgba(0,240,255,0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0,240,255,0.03) 1px, transparent 1px);
    background-size: 40px 40px;
}

a { color: var(--brand-blue); text-decoration: none; transition: color var(--transition-speed); }
a:hover { color: var(--brand-blue-dark); }

/* 霓虹主题链接发光 */
[data-theme="neon"] a:hover {
    text-shadow: 0 0 8px var(--glow-color);
}

/* ---------- 导航栏 ---------- */
.navbar {
    position: relative;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 32px;
    background: var(--bg-overlay);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-bottom: 1px solid var(--border);
    transition: border-color var(--transition-speed), background var(--transition-speed);
}

.navbar-brand {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--brand-gold);
    font-family: var(--font-heading);
    transition: color var(--transition-speed);
}

/* 霓虹主题 - 导航栏底部发光边 */
[data-theme="neon"] .navbar {
    border-bottom: 2px solid var(--brand-gold);
    box-shadow: 0 1px 20px rgba(0, 240, 255, 0.15);
}
[data-theme="neon"] .navbar-brand {
    text-shadow: 0 0 12px rgba(0, 240, 255, 0.5);
    letter-spacing: 2px;
    text-transform: uppercase;
}

/* 纸墨主题 - 导航栏古典风格 */
[data-theme="paper"] .navbar {
    border-bottom: 2px solid var(--border);
    padding: 20px 32px;
}
[data-theme="paper"] .navbar-brand {
    font-size: 1.35rem;
    letter-spacing: 1px;
}

.navbar-links {
    display: flex;
    align-items: center;
    gap: 20px;
}

.navbar-links a, .navbar-links span {
    font-size: 0.9rem;
    color: var(--text-secondary);
}

.navbar-links a:hover { color: var(--text-primary); }

.btn-logout {
    background: rgba(239, 68, 68, 0.1);
    color: var(--danger);
    padding: 6px 16px;
    border-radius: 8px;
    border: 1px solid rgba(239, 68, 68, 0.25);
    font-size: 0.85rem;
    cursor: pointer;
    transition: all var(--transition-speed);
}

.btn-logout:hover { background: rgba(239, 68, 68, 0.2); }

/* ---------- 页面容器 ---------- */
.page-container {
    position: relative;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc(100vh - 65px);
    padding: 40px 20px;
}

.page-container-wide {
    position: relative;
    z-index: 5;
    max-width: 720px;
    margin: 0 auto;
    padding: 40px 24px;
}

/* ---------- 卡片 ---------- */
.glass-card {
    background: var(--bg-card);
    border: var(--card-border);
    border-radius: var(--radius-lg);
    padding: 40px;
    box-shadow: var(--shadow-lg);
    transition: border-color var(--transition-speed), box-shadow var(--transition-speed);
}

.glass-card-sm {
    background: var(--bg-card);
    border: var(--card-border);
    border-radius: var(--radius-md);
    padding: 24px;
    box-shadow: var(--shadow-md);
    transition: border-color var(--transition-speed), box-shadow var(--transition-speed);
}

/* 霓虹 - 卡片发光 */
[data-theme="neon"] .glass-card,
[data-theme="neon"] .glass-card-sm {
    border-width: 2px;
    box-shadow: 0 0 15px rgba(0, 240, 255, 0.08), var(--shadow-md);
}
[data-theme="neon"] .glass-card:hover,
[data-theme="neon"] .glass-card-sm:hover {
    border-color: var(--brand-gold);
    box-shadow: 0 0 30px rgba(0, 240, 255, 0.2), var(--shadow-lg);
}

/* 纸墨 - 卡片古典 */
[data-theme="paper"] .glass-card,
[data-theme="paper"] .glass-card-sm {
    border-width: 2px;
    border-style: double;
}
[data-theme="paper"] .glass-card:hover,
[data-theme="paper"] .glass-card-sm:hover {
    border-color: var(--brand-gold);
}

/* ---------- 表单 ---------- */
.form-group {
    margin-bottom: 20px;
}

.form-group label {
    display: block;
    margin-bottom: 6px;
    font-size: 0.9rem;
    color: var(--text-secondary);
    font-weight: 500;
}

.form-input {
    width: 100%;
    padding: 12px 16px;
    background: var(--bg-input);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    color: var(--text-primary);
    font-size: 1rem;
    outline: none;
    transition: border var(--transition-speed), box-shadow var(--transition-speed);
}

.form-input:focus {
    border-color: var(--brand-blue);
    box-shadow: 0 0 0 3px rgba(74, 108, 247, 0.12);
}

.form-input::placeholder { color: var(--text-muted); }

select.form-input {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    padding-right: 36px;
}

/* ---------- 按钮 ---------- */
.btn-primary {
    display: inline-block;
    padding: 12px 28px;
    background: linear-gradient(135deg, var(--brand-blue), #6d5df7);
    color: #fff;
    border: none;
    border-radius: 10px;
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
    transition: all var(--transition-speed);
    text-align: center;
}

.btn-primary:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 24px rgba(74, 108, 247, 0.35);
}

.btn-primary:active { transform: translateY(0); }

.btn-primary:disabled {
    opacity: 0.4;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.btn-secondary {
    display: inline-block;
    padding: 10px 20px;
    background: var(--bg-body);
    color: var(--text-secondary);
    border: 1px solid var(--border);
    border-radius: 10px;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all var(--transition-speed);
}

.btn-secondary:hover {
    background: #e2e8f0;
    color: var(--text-primary);
}

.btn-danger {
    display: inline-block;
    padding: 10px 20px;
    background: rgba(239, 68, 68, 0.1);
    color: var(--danger);
    border: 1px solid rgba(239, 68, 68, 0.3);
    border-radius: 10px;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all var(--transition-speed);
}

.btn-danger:hover { background: rgba(239, 68, 68, 0.2); }

.btn-success {
    background: rgba(34, 197, 94, 0.1);
    color: var(--success);
    border: 1px solid rgba(34, 197, 94, 0.3);
    border-radius: 10px;
    padding: 10px 20px;
    font-size: 0.9rem;
    cursor: pointer;
}

.btn-success:hover { background: rgba(34, 197, 94, 0.2); }

.btn-sm {
    padding: 6px 14px;
    font-size: 0.8rem;
    border-radius: 6px;
}

/* ---------- Flash 消息 ---------- */
.flash-messages {
    position: fixed;
    top: 80px;
    right: 24px;
    z-index: 100;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.flash-msg {
    padding: 12px 20px;
    border-radius: 10px;
    font-size: 0.9rem;
    animation: flashIn 0.3s ease;
    max-width: 380px;
    box-shadow: var(--shadow-md);
}

.flash-success {
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    color: #166534;
}

.flash-error {
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #991b1b;
}

.flash-info {
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    color: #1e40af;
}

@keyframes flashIn {
    from { opacity: 0; transform: translateX(20px); }
    to   { opacity: 1; transform: translateX(0); }
}

/* ---------- 卡片排版 ---------- */
.card-title {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 8px;
    color: var(--text-primary);
}

.card-subtitle {
    font-size: 0.9rem;
    color: var(--text-secondary);
    margin-bottom: 24px;
}

.auth-card {
    width: 100%;
    max-width: 420px;
}

.auth-card .card-title { text-align: center; font-size: 1.6rem; }
.auth-card .card-subtitle { text-align: center; }

.form-footer {
    text-align: center;
    margin-top: 20px;
    font-size: 0.9rem;
    color: var(--text-secondary);
}

.form-footer a { color: var(--brand-blue); font-weight: 500; }

.admin-link {
    text-align: center;
    margin-top: 8px;
    font-size: 0.75rem;
}
.admin-link a { color: var(--text-muted); text-decoration: none; }
.admin-link a:hover { color: var(--text-secondary); }

/* ---------- 步骤式流程 ---------- */
.step-card { }

.step-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
}

.step-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--brand-blue), #6d5df7);
    color: #fff;
    font-size: 0.85rem;
    font-weight: 700;
    flex-shrink: 0;
}

.step-title {
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--text-primary);
}

/* 拖放区 */
.drop-zone {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 2px dashed var(--border-hover);
    border-radius: 16px;
    padding: 48px 24px;
    cursor: pointer;
    transition: all var(--transition-speed);
    text-align: center;
    background: var(--bg-body);
}

.drop-zone:hover,
.drop-zone.dragover {
    border-color: var(--brand-blue);
    background: rgba(74, 108, 247, 0.04);
}

.drop-icon {
    margin-bottom: 16px;
    opacity: 0.5;
}

.drop-text {
    font-size: 1.05rem;
    color: var(--text-primary);
    margin-bottom: 4px;
}

.drop-text-sub {
    font-size: 0.9rem;
    color: var(--text-secondary);
    margin-bottom: 12px;
}

.drop-hint {
    font-size: 0.8rem;
    color: var(--text-muted);
}

/* 已选文件指示 */
.selected-file {
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(34, 197, 94, 0.08);
    border: 1px solid rgba(34, 197, 94, 0.25);
    border-radius: 10px;
    padding: 12px 16px;
    margin-top: 16px;
}

.file-icon { flex-shrink: 0; }

.file-name {
    font-size: 0.9rem;
    color: var(--success);
    font-weight: 600;
    word-break: break-all;
}

/* 步骤操作按钮 */
.step-actions {
    margin-top: 20px;
    display: flex;
    justify-content: flex-end;
}

.step-actions-dual {
    justify-content: space-between;
}

/* 摘要行 */
.summary-row {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    background: var(--bg-body);
    border-radius: 10px;
    margin-bottom: 20px;
    font-size: 0.9rem;
    flex-wrap: wrap;
}

.summary-label { color: var(--text-secondary); }
.summary-value { color: var(--text-primary); word-break: break-all; }

/* 预设选项列表 */
.preset-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 4px;
}

.preset-option {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 12px;
    cursor: pointer;
    transition: all var(--transition-speed);
}

.preset-option:hover {
    border-color: var(--brand-blue);
    background: rgba(74, 108, 247, 0.04);
}

.preset-option input[type="radio"]:checked + .preset-radio {
    border-color: var(--brand-blue);
    background: var(--brand-blue);
    box-shadow: 0 0 0 3px rgba(74, 108, 247, 0.2);
}

.preset-option input[type="radio"] { display: none; }

.preset-radio {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid var(--border-hover);
    flex-shrink: 0;
    transition: all var(--transition-speed);
}

.preset-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.preset-name {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--text-primary);
}

.preset-file {
    font-size: 0.8rem;
    color: var(--text-muted);
}

/* ---------- 表格 ---------- */
.table-wrap { overflow-x: auto; }

table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}

thead th {
    text-align: left;
    padding: 10px 12px;
    color: var(--text-secondary);
    font-weight: 600;
    border-bottom: 2px solid var(--border);
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    white-space: nowrap;
}

tbody td {
    padding: 10px 12px;
    border-bottom: 1px solid var(--border);
    vertical-align: middle;
}

tbody tr:hover { background: var(--bg-body); }

.status-badge {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    white-space: nowrap;
}

.status-pending      { background: rgba(245, 158, 11, 0.1);  color: #b45309; }
.status-downloading  { background: rgba(56, 189, 248, 0.1);  color: #0e7490; }
.status-rendering    { background: rgba(168, 85, 247, 0.1);   color: #7e22ce; }
.status-uploading    { background: rgba(251, 146, 60, 0.1);   color: #c2410c; }
.status-completed    { background: rgba(34, 197, 94, 0.1);    color: #15803d; }
.status-failed       { background: rgba(239, 68, 68, 0.1);    color: #b91c1c; }
.status-pending_payment { background: rgba(251, 146, 60, 0.1); color: #c2410c; }

.progress-bar-bg {
    width: 100%;
    height: 5px;
    background: var(--border);
    border-radius: 3px;
    overflow: hidden;
    margin-top: 4px;
}

.progress-bar-fill {
    height: 100%;
    background: linear-gradient(90deg, var(--brand-blue), #6d5df7);
    border-radius: 3px;
    transition: width 0.4s ease;
}

/* ---------- Admin Tabs ---------- */
.admin-tabs {
    display: flex;
    gap: 4px;
    margin-bottom: 24px;
    background: var(--bg-body);
    border-radius: 12px;
    padding: 4px;
}

.tab-btn {
    padding: 10px 24px;
    border: none;
    background: transparent;
    color: var(--text-secondary);
    font-size: 0.9rem;
    cursor: pointer;
    border-radius: 10px;
    transition: all var(--transition-speed);
}

.tab-btn.active {
    background: #fff;
    color: var(--brand-blue);
    box-shadow: var(--shadow-sm);
}

.tab-btn:hover:not(.active) { color: var(--text-primary); }

.tab-content { display: none; }
.tab-content.active { display: block; }

/* ---------- 小标签 ---------- */
.badge-admin {
    display: inline-block;
    background: rgba(168, 85, 247, 0.1);
    color: #7e22ce;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
}

.badge-user {
    display: inline-block;
    background: rgba(100, 116, 139, 0.1);
    color: #475569;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.75rem;
}

.inline-form { display: inline; }

.btn-link {
    background: none;
    border: none;
    color: var(--brand-blue);
    cursor: pointer;
    font-size: 0.85rem;
    padding: 0;
}

.btn-link:hover { color: var(--brand-blue-dark); text-decoration: underline; }

/* ---------- 工具类 ---------- */
.mt-12 { margin-top: 12px; }
.mt-16 { margin-top: 16px; }
.mt-24 { margin-top: 24px; }
.mb-16 { margin-bottom: 16px; }
.flex-between {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.text-center { text-align: center; }
.text-sm { font-size: 0.85rem; }
.text-muted { color: var(--text-muted) !important; }

.section-label {
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--text-secondary);
    margin-bottom: 12px;
}

/* ---------- 汉堡菜单按钮 ---------- */
.navbar-toggle {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    width: 36px; height: 36px;
    background: none; border: none;
    cursor: pointer; z-index: 200;
    padding: 0;
}
.navbar-toggle span {
    display: block;
    width: 22px; height: 2px;
    background: var(--text-secondary);
    border-radius: 2px;
    transition: all 0.3s ease;
    transform-origin: center;
}
.navbar-toggle.open span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
}
.navbar-toggle.open span:nth-child(2) {
    opacity: 0;
}
.navbar-toggle.open span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
}

/* ---------- 响应式 ---------- */
@media (max-width: 768px) {
    .navbar-toggle { display: flex; }
    .navbar {
        padding: 12px 16px;
        flex-wrap: wrap;
    }
    .navbar-links {
        display: none;
        flex-direction: column;
        width: 100%;
        padding: 12px 0 0;
        gap: 8px;
    }
    .navbar-links.open {
        display: flex;
    }
    .navbar-links a,
    .navbar-links span {
        display: block;
        padding: 8px 4px;
        border-radius: 6px;
    }
    .navbar-links a:hover {
        background: var(--bg-body);
    }
    .btn-logout {
        display: inline-block; width: fit-content;
    }

    .glass-card { padding: 24px; }
    .glass-card-sm { padding: 18px; }
    .page-container { padding: 20px 12px; }
    .page-container-wide { padding: 20px 12px; max-width: 100%; }

    .drop-zone { padding: 32px 16px; }
    .drop-text { font-size: 0.95rem; }

    .step-actions-dual { flex-direction: column-reverse; gap: 10px; }
    .step-actions-dual .btn-primary,
    .step-actions-dual .btn-secondary { width: 100%; text-align: center; }

    .preset-option { padding: 12px; }
    .preset-name { font-size: 0.9rem; }

    .table-wrap {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        margin: 0 -8px;
        padding: 0 8px;
    }
    table { font-size: 0.78rem; white-space: nowrap; }
    thead th, tbody td { padding: 8px 8px; }

    .form-input { font-size: 16px; }
    .form-group { width: 100%; }

    .config-row { flex-direction: column; }
    .config-row .form-group { min-width: 100%; }

    .stats-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .stat-card { padding: 12px; }
    .stat-value { font-size: 1.2rem; }

    .admin-tabs {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        flex-wrap: nowrap;
        padding: 0 12px;
        gap: 0;
    }
    .admin-tabs .tab-btn {
        white-space: nowrap;
        padding: 10px 14px;
        font-size: 0.8rem;
        flex-shrink: 0;
    }

    .preset-upload-form { flex-direction: column; }

    .pay-wrapper { margin: 40px 16px; max-width: 100%; }
    .pay-card { padding: 24px; }
    .pay-methods > div:last-child {
        flex-direction: column;
    }
    
    input[type="text"],
    input[type="password"],
    input[type="number"],
    input[type="email"],
    select,
    textarea {
        font-size: 16px !important;
    }
}

@media (max-width: 480px) {
    .navbar-brand { font-size: 1rem; }
    .step-number { width: 30px; height: 30px; font-size: 0.75rem; }
    .step-title { font-size: 1rem; }
    .flash-messages { right: 8px; left: 8px; }
    .flash-msg { max-width: 100%; }
    .stats-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }
    .stat-card { gap: 8px; padding: 10px 12px; }
    .stat-icon { width: 32px; height: 32px; font-size: 1rem; }
    .stat-value { font-size: 1.1rem; }
    .stat-label { font-size: 0.7rem; }
    table { font-size: 0.72rem; }
    thead th, tbody td { padding: 6px 6px; }
    .auth-card { max-width: 100%; padding: 24px 16px; }
    .admin-navbar { padding: 10px 14px; }
    .admin-navbar .brand { font-size: 1rem; }
    .admin-tabs .tab-btn { padding: 8px 12px; font-size: 0.75rem; }
    .pay-amount .amount { font-size: 2rem; }
    .pay-card { padding: 20px 16px; }
    .pay-title { font-size: 1.15rem; }
    .step-header { gap: 8px; }
    .summary-row { flex-direction: column; align-items: flex-start; gap: 4px; }
}

/* ============================================================
   v2 新增组件样式
   ============================================================ */

.admin-navbar {
    background: var(--bg-overlay) !important;
    border-bottom: 1px solid var(--border);
}
.admin-navbar .navbar-left { flex: 1; }
.admin-navbar .navbar-links { display: flex; align-items: center; gap: 12px; }
.admin-navbar .navbar-links span { color: var(--text-secondary); font-size: 0.85rem; }
.admin-navbar .btn-logout {
    color: var(--danger); text-decoration: none; font-size: 0.85rem;
    padding: 4px 10px; border-radius: 6px; transition: background var(--transition-speed);
}
.admin-navbar .btn-logout:hover { background: rgba(239,68,68,0.12); }

.back-home-btn {
    display: inline-flex; align-items: center; gap: 6px;
    color: var(--text-secondary); text-decoration: none;
    font-size: 0.85rem; padding: 6px 12px;
    border-radius: 8px; transition: all var(--transition-speed);
}
.back-home-btn:hover { color: var(--text-primary); background: var(--bg-body); }

.admin-container {
    max-width: 1100px;
    margin: 0 auto;
}
.admin-main-card {
    padding: 0;
    overflow: hidden;
}

.tab-content { display: none; padding: 24px 20px; }
.tab-content.active { display: block; }
.section-header { display: flex; align-items: center; margin-bottom: 16px; }
.section-title { font-size: 1rem; font-weight: 600; color: var(--text-primary); }

.preset-upload-form {
    display: flex; gap: 12px; align-items: flex-end;
    flex-wrap: wrap; margin-bottom: 20px;
}

.config-section { margin-bottom: 8px; }
.config-card {
    background: var(--bg-body);
    border: 1px solid var(--border);
    border-radius: 12px; padding: 20px;
    margin-bottom: 16px;
}
.config-card-title {
    font-size: 0.9rem; font-weight: 600;
    color: var(--brand-blue); margin-bottom: 14px;
    text-transform: uppercase; letter-spacing: 0.5px;
}
.config-row {
    display: flex; gap: 16px; flex-wrap: wrap;
    margin-bottom: 12px;
}
.config-row .form-group { flex: 1; min-width: 180px; }
.config-hint {
    font-size: 0.78rem; color: var(--text-secondary);
    margin-top: 8px;
}
.config-actions {
    display: flex; align-items: center; gap: 12px;
    margin-top: 8px;
}
.save-status {
    font-size: 0.8rem; transition: color var(--transition-speed);
}
.save-status.success { color: var(--success); }
.save-status.error { color: var(--danger); }

.upload-progress-wrap {
    margin: 16px 0; padding: 16px;
    background: var(--bg-body);
    border-radius: 10px;
    border: 1px solid var(--border);
}
.upload-progress-info {
    display: flex; justify-content: space-between; align-items: center;
    margin-bottom: 8px; font-size: 0.85rem;
}
.upload-progress-info span:first-child {
    color: var(--text-primary); overflow: hidden;
    text-overflow: ellipsis; white-space: nowrap; max-width: 70%;
}
.upload-progress-info span:last-child {
    color: var(--brand-blue); font-weight: 600;
}
.upload-progress-bar {
    height: 6px; background: var(--border);
    border-radius: 3px; overflow: hidden;
}
.upload-progress-fill {
    height: 100%; background: linear-gradient(90deg, var(--brand-blue), #6d8bf8);
    border-radius: 3px; transition: width 0.3s ease;
}
.upload-progress-size {
    margin-top: 6px; font-size: 0.75rem; color: var(--text-secondary);
}

.size-check-status {
    margin: 12px 0; padding: 10px 14px;
    border-radius: 8px; font-size: 0.85rem;
}
.size-check-status.error {
    background: rgba(239,68,68,0.08);
    color: var(--danger); border: 1px solid rgba(239,68,68,0.25);
}

.step-actions { margin-top: 18px; }
.step-actions-dual { display: flex; gap: 12px; justify-content: flex-end; }

.task-progress {
    display: flex; align-items: center; gap: 6px;
}
.task-progress-text {
    font-size: 0.78rem; color: var(--text-secondary);
    min-width: 32px; text-align: right;
}
.progress-animated {
    background: linear-gradient(90deg, var(--brand-blue), #6d8bf8, var(--brand-blue));
    background-size: 200% 100%;
    animation: progressPulse 1.5s ease infinite;
}
@keyframes progressPulse {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.remember-row { margin: 8px 0 16px; }
.remember-label {
    display: inline-flex; align-items: center; gap: 8px;
    font-size: 0.85rem; color: var(--text-secondary);
    cursor: pointer; user-select: none;
}
.remember-label input[type="checkbox"] { display: none; }
.checkbox-custom {
    width: 18px; height: 18px; border-radius: 4px;
    border: 2px solid var(--border-hover);
    flex-shrink: 0; transition: all var(--transition-speed); position: relative;
}
.remember-label input[type="checkbox"]:checked + .checkbox-custom {
    background: var(--brand-blue); border-color: var(--brand-blue);
}
.remember-label input[type="checkbox"]:checked + .checkbox-custom::after {
    content: ''; position: absolute;
    left: 5px; top: 2px; width: 6px; height: 9px;
    border: solid #fff; border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.form-select.placeholder { color: var(--text-muted); }

.drop-zone.dragover {
    border-color: var(--brand-blue) !important;
    background: rgba(74,108,247,0.06) !important;
}

.empty-state {
    padding: 40px 0; text-align: center;
    color: var(--text-secondary); font-size: 0.9rem;
}

.video-info-box {
    margin-top: 12px; padding: 14px 16px;
    background: var(--bg-body);
    border: 1px solid var(--border);
    border-radius: 10px;
}
.video-info-box .info-row {
    display: flex; justify-content: space-between;
    padding: 4px 0; font-size: 0.85rem;
    color: var(--text-secondary);
}
.video-info-box .info-row span:last-child {
    color: var(--text-primary);
    font-weight: 500;
}

.mt-24 { margin-top: 24px; }
.mb-16 { margin-bottom: 16px; }
.text-sm { font-size: 0.78rem; }
.text-center { text-align: center; }
.text-right { text-align: right; }


/* ============================================================
   霓虹暗夜主题 - 专有覆盖
   ============================================================ */
[data-theme="neon"] input,
[data-theme="neon"] select,
[data-theme="neon"] textarea {
    border-width: 2px;
    font-family: var(--font-body);
}

[data-theme="neon"] input:focus,
[data-theme="neon"] select:focus,
[data-theme="neon"] textarea:focus {
    border-color: var(--glow-color);
    box-shadow: 0 0 0 3px rgba(0, 240, 255, 0.15), 0 0 12px rgba(0, 240, 255, 0.1);
}

[data-theme="neon"] .btn-primary {
    background: linear-gradient(135deg, var(--brand-gold), var(--brand-blue));
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    border: 1px solid rgba(0, 240, 255, 0.3);
}
[data-theme="neon"] .btn-primary:hover {
    box-shadow: 0 0 30px rgba(0, 240, 255, 0.4), 0 6px 20px rgba(0, 240, 255, 0.2);
    transform: translateY(-2px);
}

[data-theme="neon"] .btn-secondary {
    border-width: 2px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
[data-theme="neon"] .btn-secondary:hover {
    border-color: var(--glow-color);
    box-shadow: 0 0 15px rgba(0, 240, 255, 0.15);
}

[data-theme="neon"] .btn-danger {
    border-width: 2px;
}
[data-theme="neon"] .btn-danger:hover {
    box-shadow: 0 0 20px rgba(255, 45, 85, 0.3);
}

[data-theme="neon"] h1, [data-theme="neon"] h2, [data-theme="neon"] h3 {
    font-family: var(--font-heading);
    text-transform: uppercase;
    letter-spacing: 2px;
}

[data-theme="neon"] table {
    border-collapse: separate;
    border-spacing: 0;
}
[data-theme="neon"] th {
    font-family: var(--font-heading);
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 0.75rem;
    border-bottom: 2px solid var(--glow-color);
}
[data-theme="neon"] td {
    border-bottom: 1px solid var(--border);
}

/* 霓虹滚动条 */
[data-theme="neon"] ::-webkit-scrollbar {
    width: 6px;
}
[data-theme="neon"] ::-webkit-scrollbar-track {
    background: #050508;
}
[data-theme="neon"] ::-webkit-scrollbar-thumb {
    background: var(--glow-color);
    border-radius: 3px;
}

/* ============================================================
   纸墨书香主题 - 专有覆盖
   ============================================================ */
[data-theme="paper"] input,
[data-theme="paper"] select,
[data-theme="paper"] textarea {
    border-width: 2px;
    border-style: solid;
    background: #fefcf7;
    font-family: var(--font-body);
}

[data-theme="paper"] input:focus,
[data-theme="paper"] select:focus,
[data-theme="paper"] textarea:focus {
    border-color: #8b5e3c;
    box-shadow: 0 0 0 3px rgba(139, 94, 60, 0.1);
}

[data-theme="paper"] .btn-primary {
    background: linear-gradient(135deg, #5c4033, #8b5e3c);
    font-weight: 500;
    letter-spacing: 1px;
    box-shadow: 0 2px 6px rgba(92, 64, 51, 0.2);
}
[data-theme="paper"] .btn-primary:hover {
    background: linear-gradient(135deg, #4a3228, #6b4423);
    box-shadow: 0 4px 16px rgba(92, 64, 51, 0.3);
}

[data-theme="paper"] .btn-secondary {
    background: linear-gradient(180deg, #fdfaf4, #f5f0e8);
    border-width: 2px;
    border-style: solid;
    box-shadow: 0 1px 3px rgba(92, 64, 51, 0.08);
}
[data-theme="paper"] .btn-secondary:hover {
    border-color: #8b5e3c;
    box-shadow: 0 2px 8px rgba(92, 64, 51, 0.12);
}

[data-theme="paper"] .btn-danger {
    border-width: 2px;
    border-style: solid;
}

[data-theme="paper"] h1, [data-theme="paper"] h2, [data-theme="paper"] h3 {
    font-family: var(--font-heading);
    letter-spacing: 2px;
    line-height: 1.5;
}

[data-theme="paper"] h1 { font-size: 2rem; }
[data-theme="paper"] h2 { font-size: 1.5rem; }

[data-theme="paper"] table {
    border-collapse: collapse;
}
[data-theme="paper"] th {
    font-family: var(--font-heading);
    letter-spacing: 1px;
    font-weight: 600;
    border-bottom: 3px double var(--border);
    padding: 14px 16px;
}
[data-theme="paper"] td {
    border-bottom: 1px solid var(--border);
    padding: 12px 16px;
}

/* 纸墨滚动条 */
[data-theme="paper"] ::-webkit-scrollbar {
    width: 8px;
}
[data-theme="paper"] ::-webkit-scrollbar-track {
    background: #f5f0e8;
}
[data-theme="paper"] ::-webkit-scrollbar-thumb {
    background: #c4a882;
    border-radius: 4px;
}

/* ===== THEME-VISUAL-LANGUAGES v1 ===== */
/* 每套主题独立视觉语言（组件级覆盖，跨页面通用）*/

/* 卡通活泼：粗边框 + 硬偏移阴影（贴纸/漫画感）*/
[data-theme="cartoon"] :is(.feature-card,.step,.faq-item,.comparison,.upload-demo,.card,.panel,.login-card,.pricing-card,.plan-card,.price-card,.stat-card,.testimonial-card,.summary-box){
  border:2.5px solid var(--text-primary) !important;
  box-shadow:5px 5px 0 var(--text-primary) !important;
}
[data-theme="cartoon"] :is(.btn,.btn-primary,.nav-cta,.btn-login,.register-cta,.btn-secondary){
  border:2.5px solid var(--text-primary) !important;
  box-shadow:3px 3px 0 var(--text-primary) !important;
  font-weight:700 !important;
  transition:transform .08s ease, box-shadow .08s ease !important;
}
[data-theme="cartoon"] :is(.btn,.btn-primary,.nav-cta,.btn-login,.register-cta):hover{
  transform:translate(2px,2px) !important;
  box-shadow:1px 1px 0 var(--text-primary) !important;
}
[data-theme="cartoon"] .form-input{border:2px solid var(--text-primary) !important;box-shadow:2px 2px 0 var(--border-hover) !important}
[data-theme="cartoon"] .cta-section{border:3px solid var(--text-primary) !important;box-shadow:8px 8px 0 var(--brand-gold-dark) !important}

/* 克制专业：全平、无阴影、细线 */
[data-theme="light"] :is(.feature-card,.step,.faq-item,.comparison,.upload-demo,.card,.panel,.login-card,.pricing-card,.stat-card){
  box-shadow:none !important;
  border:1px solid var(--border) !important;
}
[data-theme="light"] :is(.btn,.btn-primary,.nav-cta,.btn-login){box-shadow:none !important}

/* 青绿清新：无边框 + 柔和大范围浮起阴影 */
[data-theme="mint"] :is(.feature-card,.step,.faq-item,.comparison,.upload-demo,.card,.panel,.login-card,.pricing-card,.stat-card,.summary-box){
  border:none !important;
  box-shadow:0 12px 34px rgba(22,80,55,.12) !important;
}
[data-theme="mint"] :is(.btn,.btn-primary,.nav-cta,.btn-login,.register-cta){
  border:none !important;
  box-shadow:0 8px 20px rgba(24,168,107,.28) !important;
}

/* 蓝色小清新：磨砂玻璃卡片 + 渐变按钮 */
[data-theme="blue"] :is(.feature-card,.step,.faq-item,.comparison,.upload-demo,.card,.panel,.login-card,.pricing-card,.stat-card,.summary-box){
  background:rgba(255,255,255,.55) !important;
  backdrop-filter:blur(14px) saturate(1.3) !important;
  -webkit-backdrop-filter:blur(14px) saturate(1.3) !important;
  border:1px solid rgba(255,255,255,.75) !important;
  box-shadow:0 8px 32px rgba(70,120,200,.16) !important;
}
[data-theme="blue"] :is(.btn-primary,.nav-cta,.btn-login,.register-cta){
  background:linear-gradient(135deg,#6aa9ff,#4a90e2) !important;
  border:none !important;
  box-shadow:0 6px 18px rgba(74,144,226,.35) !important;
}
[data-theme="blue"] .navbar{background:rgba(242,247,255,.65) !important;backdrop-filter:blur(16px) saturate(1.3) !important}

/* ============================================================
   沉浸开场 · CINEMA（暗色光影，配合首页开场动画）
   ============================================================ */
[data-theme="cinema"] {
    --bg-body: #0d0d12;
    --bg-card: #16161e;
    --bg-card-hover: #1e1e28;
    --bg-input: #16161e;
    --bg-overlay: rgba(13, 13, 18, 0.85);
    --text-primary: #f0ede8;
    --text-secondary: #a8a29a;
    --text-muted: #6b6660;
    --border: #2a2a34;
    --border-hover: #3a3a46;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 6px 24px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.6);
    --brand-gold: #e0a942;
    --brand-gold-dark: #c8912e;
    --brand-blue: #8a7cff;
    --brand-blue-dark: #6f5fe0;
    --danger: #ff5c6c;
    --success: #3ecf8e;
    --warning: #ffb02e;
    --info: #5aa9ff;
    --font-body: 'DM Sans', "PingFang SC", "Microsoft YaHei", sans-serif;
    --font-heading: 'Space Grotesk', "PingFang SC", "Microsoft YaHei", sans-serif;
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --card-border: 1px solid var(--border);
    --btn-radius: 8px;
    --transition-speed: 0.2s;
    --glow-color: #e0a942;
}

/* lxrender-ui.css */
/* LxRender shared UI foundation - presentation only */
:root{
  --lx-ui-ink:#0b1f33;
  --lx-ui-ink-soft:#123a5a;
  --lx-ui-accent:#1769aa;
  --lx-ui-accent-hover:#0b5680;
  --lx-ui-accent-soft:#e3f2fb;
  --lx-ui-gold:#2cb1a6;
  --lx-ui-canvas:#f2f7fb;
  --lx-ui-canvas-warm:#eaf5f6;
  --lx-ui-surface:#ffffff;
  --lx-ui-surface-soft:#f6fafd;
  --lx-ui-text:#102a43;
  --lx-ui-text-secondary:#486581;
  --lx-ui-text-muted:#586f86;
  --lx-ui-border:#d6e3ed;
  --lx-ui-danger:#b42318;
  --lx-ui-success:#0f8b8d;
  --lx-ui-focus:0 0 0 3px rgba(23,105,170,.2);
  --lx-ui-shadow-sm:0 8px 24px rgba(11,31,51,.07);
  --lx-ui-shadow-md:0 18px 45px rgba(11,31,51,.12);
  --lx-ui-motion:200ms cubic-bezier(.2,.8,.2,1);
}

[data-lx-surface]{
  color-scheme:light;
  accent-color:var(--lx-ui-accent);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overscroll-behavior-y:contain;
}

[data-lx-surface] ::selection{background:rgba(44,177,166,.22);color:var(--lx-ui-text)}
[data-lx-surface] :where(a,button,input,select,textarea,[role="button"],[tabindex]):focus-visible{
  outline:2px solid var(--lx-ui-accent);
  outline-offset:3px;
}
[data-lx-surface] :where(button,a,[role="button"]){touch-action:manipulation}
[data-lx-surface] :where(.btn,.nav-cta,.nm-btn,.login-btn,.create-launch-button,.tasks-create-button,.admin-site-link,.admin-logout-link){
  transition:background-color var(--lx-ui-motion),border-color var(--lx-ui-motion),color var(--lx-ui-motion),box-shadow var(--lx-ui-motion),opacity var(--lx-ui-motion),transform var(--lx-ui-motion);
}
[data-lx-surface] :where(.btn,.nav-cta,.nm-btn,.login-btn,.create-launch-button,.tasks-create-button,.admin-site-link,.admin-logout-link):active{
  transform:translateY(1px);
}
[data-lx-surface] :where(input,select,textarea){caret-color:var(--lx-ui-accent)}
[data-lx-surface] :where(input,select,textarea):disabled,[data-lx-surface] :where(button,.btn):disabled{
  cursor:not-allowed;
  opacity:.58;
}

/* Public marketing surface */
[data-lx-surface="marketing"] :where(section,[id]){scroll-margin-top:5.5rem}
[data-lx-surface="marketing"] :where(.btn-primary,.cta-section .btn){background:var(--lx-ui-accent);color:#fff}
[data-lx-surface="marketing"] :where(.btn-primary,.cta-section .btn):hover{background:var(--lx-ui-accent-hover)}
[data-lx-surface="marketing"] .btn-secondary{border-color:var(--lx-ui-border);background:rgba(255,255,255,.7)}
[data-lx-surface="marketing"] .btn-secondary:hover{border-color:rgba(23,105,170,.38);background:#fff}

/* User workspace surface */
[data-lx-surface="workspace"]{background-color:var(--lx-ui-canvas);color:var(--lx-ui-text)}
[data-lx-surface="workspace"] :where(.card,.section-panel,.summary-box,.task-card,.preset-option,.profile-sheet,.generic-modal-box){
  border-color:var(--lx-ui-border);
}
[data-lx-surface="workspace"] :where(.btn-primary,.nav-cta,.create-launch-button){background:var(--lx-ui-accent);color:#fff}
[data-lx-surface="workspace"] :where(.btn-primary,.nav-cta,.create-launch-button):hover{background:var(--lx-ui-accent-hover)}
[data-lx-surface="workspace"] :where(.form-input,.form-select,.search-bar input,.profile-field input):focus{border-color:var(--lx-ui-accent);box-shadow:var(--lx-ui-focus)}
[data-lx-surface="workspace"] :where(.toast,.generic-modal-box,.profile-sheet){box-shadow:var(--lx-ui-shadow-md)}

/* User authentication surface */
[data-lx-surface="auth"] :where(.nm-field input,.cap-img,.auth-wrap,.back-home){border-color:var(--lx-ui-border)}
[data-lx-surface="auth"] .nm-field input:focus{border-color:var(--lx-ui-accent);box-shadow:var(--lx-ui-focus)}
[data-lx-surface="auth"] .nm-btn:not(.ghost){background:var(--lx-ui-accent);color:#fff}
[data-lx-surface="auth"] .nm-btn:not(.ghost):hover{background:var(--lx-ui-accent-hover)}
[data-lx-surface="auth"] .pw-toggle{width:44px;height:44px;right:0;justify-content:center;border-radius:50%}

/* Admin surfaces */
[data-lx-surface="admin"] :where(.panel,.chart-container,.trend-card,.feedback-card,.stat-card,.modal-box,.top-bar){border-color:var(--lx-ui-border)}
[data-lx-surface="admin"] :where(.btn-primary,.admin-hero-actions .primary){background:var(--lx-ui-accent);color:#fff}
[data-lx-surface="admin"] :where(.btn-primary,.admin-hero-actions .primary):hover{background:var(--lx-ui-accent-hover)}
[data-lx-surface="admin"] :where(.form-input,.form-select):focus{border-color:var(--lx-ui-accent);box-shadow:var(--lx-ui-focus)}
[data-lx-surface="admin"] :where(.admin-site-link,.admin-logout-link){min-height:44px}
[data-lx-surface="admin-auth"] .login-btn{background:var(--lx-ui-accent);color:#fff}
[data-lx-surface="admin-auth"] .login-btn:hover{background:var(--lx-ui-accent-hover)}
[data-lx-surface="admin-auth"] .field input:focus{border-color:var(--lx-ui-gold);box-shadow:0 0 0 3px rgba(44,177,166,.18)}
[data-lx-surface="admin-auth"] .pw-toggle{width:44px;height:44px;right:0;justify-content:center;border-radius:50%}

@media(max-width:900px){
  [data-lx-surface] :where(input:not([type="hidden"]),select,textarea){font-size:16px!important}
  [data-lx-surface] :where(.nav-hamburger,.navbar-theme-toggle,.fav-btn,.mobile-profile-link,.profile-sheet-close){min-width:44px;min-height:44px}
  [data-lx-surface="workspace"] .main-content{scroll-padding-bottom:96px}
  [data-lx-surface="workspace"] :where(.task-actions .btn,.dashboard-modal-actions .btn){min-height:44px}
  [data-lx-surface="admin"] :where(.sidebar-nav a,.admin-site-link,.admin-logout-link){min-height:44px}
}

@media(prefers-reduced-motion:reduce){
  [data-lx-surface]{scroll-behavior:auto}
  [data-lx-surface] *,[data-lx-surface] *::before,[data-lx-surface] *::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
  }
}

/* Blue-dominant blue-teal visual system - presentation only */
[data-lx-surface="marketing"]{
  --home-ink:#0b1f33;
  --home-ink-soft:#123a5a;
  --home-gold:#1769aa;
  --home-gold-bright:#2cb1a6;
  --home-cream:#e9f7f7;
  --home-line:rgba(72,101,129,.18);
  --home-shadow:0 24px 70px rgba(11,31,51,.14);
  --brand-gold:#1769aa;
  --brand-gold-dark:#0b5680;
  --brand-blue:#0f8b8d;
  --bg-body:#f2f7fb;
  --bg-card:#fff;
  --bg-card-hover:#eaf3f8;
  --bg-overlay:rgba(242,247,251,.88);
  --text-primary:#102a43;
  --text-secondary:#486581;
  --text-muted:#586f86;
  --border:#d6e3ed;
  --border-hover:#7fb7d8;
  --card-border:1px solid #d6e3ed;
  --shadow-sm:0 8px 24px rgba(11,31,51,.07);
  --shadow-md:0 18px 45px rgba(11,31,51,.11);
  background:#f2f7fb;
}
[data-lx-surface="marketing"]::before{
  background:radial-gradient(850px 520px at 82% 5%,rgba(23,105,170,.18),transparent 66%),radial-gradient(680px 460px at 5% 30%,rgba(44,177,166,.1),transparent 72%);
}
[data-lx-surface="marketing"] .nav-logo::before{background:linear-gradient(145deg,#2cb1a6,#1769aa);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3),0 8px 22px rgba(23,105,170,.24)}
[data-lx-surface="marketing"] .nav-admin-entry:hover{color:#0b5680!important}
[data-lx-surface="marketing"] .hero-tag .dot{box-shadow:0 0 0 5px rgba(44,177,166,.13)}
[data-lx-surface="marketing"] .btn-primary{background:linear-gradient(135deg,#1769aa,#0f78a8);box-shadow:0 12px 30px rgba(23,105,170,.24)}
[data-lx-surface="marketing"] .btn-primary:hover{background:linear-gradient(135deg,#0b5680,#0f8b8d);box-shadow:0 16px 34px rgba(23,105,170,.28)}
[data-lx-surface="marketing"] .hero-proof::before{background:radial-gradient(circle,rgba(44,177,166,.24),transparent 67%)}
[data-lx-surface="marketing"] .proof-window,[data-lx-surface="marketing"] .feature-card:first-child,[data-lx-surface="marketing"] .upload-demo,[data-lx-surface="marketing"] .cta-section{background:#0b1f33}
[data-lx-surface="marketing"] .comparison{background:#102a43}
[data-lx-surface="marketing"] .comparison-before .comparison-bg{background:linear-gradient(145deg,#17324d,#0b1f33)}
[data-lx-surface="marketing"] .comparison-after .comparison-bg{background:radial-gradient(circle at 66% 35%,rgba(44,177,166,.28),transparent 34%),linear-gradient(145deg,#164b65,#0b1f33)}
[data-lx-surface="marketing"] .comparison-after .label{background:rgba(15,139,141,.94)}
[data-lx-surface="marketing"] .feature-card:first-child .feature-icon,[data-lx-surface="marketing"] .upload-icon{background:rgba(44,177,166,.13);border-color:rgba(44,177,166,.28);color:#66d5cc}
[data-lx-surface="marketing"] .feature-card:first-child::after{border-color:rgba(44,177,166,.2);box-shadow:0 0 0 28px rgba(44,177,166,.05),0 0 0 70px rgba(23,105,170,.035)}
[data-lx-surface="marketing"] .feature-card:hover{box-shadow:0 18px 45px rgba(11,31,51,.09)}
[data-lx-surface="marketing"] .upload-window{background:linear-gradient(145deg,#123a5a,#0b1f33)}
[data-lx-surface="marketing"] .upload-dropzone{border-color:rgba(44,177,166,.42);background:rgba(44,177,166,.07)}
[data-lx-surface="marketing"] .upload-file-icon{background:rgba(44,177,166,.13);color:#66d5cc}
[data-lx-surface="marketing"] .cta-section::before{background:radial-gradient(circle,rgba(44,177,166,.3),transparent 68%)}
[data-lx-surface="marketing"] .cta-section::after{border-color:rgba(44,177,166,.18);box-shadow:0 0 0 36px rgba(44,177,166,.045),0 0 0 80px rgba(23,105,170,.025)}

[data-lx-surface="workspace"]{
  --lx-ink:#0b1f33;
  --lx-ink-soft:#123a5a;
  --lx-accent:#1769aa;
  --lx-accent-hover:#0b5680;
  --lx-accent-bright:#2cb1a6;
  --lx-paper:#f2f7fb;
  --lx-paper-warm:#eaf5f6;
  --lx-surface:#fff;
  --lx-text:#102a43;
  --lx-secondary:#486581;
  --lx-muted:#586f86;
  --lx-border:#d6e3ed;
  background:#f2f7fb;
}
[data-lx-surface="workspace"]::before{background:radial-gradient(820px 500px at 84% 0,rgba(23,105,170,.15),transparent 66%),radial-gradient(680px 420px at 5% 36%,rgba(44,177,166,.08),transparent 72%)}
[data-lx-surface="workspace"] .navbar{background:rgba(242,247,251,.94)}
[data-lx-surface="workspace"] :where(.card,.section-panel,.summary-box,.toast,.search-bar input,.form-input,.form-select,.preset-option,.task-overview-card,.task-card,.create-actions-card,.recent-work-card,.service-overview-card,.dashboard-modal,.profile-sheet,.generic-modal-box){background:#fff;border-color:#d6e3ed}
[data-lx-surface="workspace"] :where(.card,.preset-option):hover{border-color:rgba(23,105,170,.36)}
[data-lx-surface="workspace"] .preset-option.selected{background:#e8f4fb;border-color:#1769aa;box-shadow:0 0 20px rgba(23,105,170,.13)}
[data-lx-surface="workspace"] :where(.create-launch-card,.tasks-hero,.dashboard-price-hero){background:radial-gradient(circle at 88% 4%,rgba(44,177,166,.3),transparent 38%),linear-gradient(145deg,#0b1f33,#123a5a)}
[data-lx-surface="workspace"] :where(.create-launch-kicker,.tasks-hero-kicker,.dashboard-price-hero span){color:#66d5cc}
[data-lx-surface="workspace"] :where(.create-action,.recent-work-item,.service-overview-item,.dashboard-announcement-copy,.task-info-pill,.profile-upload-row b,.profile-preference-row,.profile-upload-status,#upload-progress,.summary-box,.search-bar input){background:#eaf3f8;color:#486581}
[data-lx-surface="workspace"] .create-action:hover{background:#dff3f2}
[data-lx-surface="workspace"] :where(.create-action-icon,.task-state-icon,.popular-preset-rank,.dashboard-dialog-heading>span){background:#e3f2fb;color:#1769aa}
[data-lx-surface="workspace"] .task-filter-bar{background:#e2edf5}
[data-lx-surface="workspace"] :where(.task-progress .progress-bar,.recent-work-progress){background:#d6e3ed}
[data-lx-surface="workspace"] .profile-save-button{background:#0b1f33}
[data-lx-surface="workspace"].has-workspace-background{background-color:#dfecef;background-image:linear-gradient(180deg,rgba(242,247,251,.28),rgba(215,235,237,.52)),var(--workspace-background-image)}

[data-lx-surface="auth"]{
  --brand-gold:#1769aa;
  --brand-gold-dark:#0b5680;
  --brand-blue:#0f8b8d;
  --nm-bg:#f2f7fb;
  --nm-light:rgba(255,255,255,.96);
  --nm-dark:rgba(11,86,128,.13);
  --nm-inset-d:rgba(11,86,128,.17);
  background:radial-gradient(720px 460px at 86% 4%,rgba(23,105,170,.18),transparent 68%),radial-gradient(620px 400px at 4% 92%,rgba(44,177,166,.11),transparent 72%),#f2f7fb;
}
[data-lx-surface="auth"]::before{background:#2cb1a6;opacity:.12}
[data-lx-surface="auth"]::after{background:#1769aa;opacity:.08}
[data-lx-surface="auth"] .auth-wrap{border-color:#d6e3ed;box-shadow:0 28px 80px rgba(11,31,51,.14)}
[data-lx-surface="auth"] .back-home{color:#486581;border-color:#d6e3ed;box-shadow:0 8px 24px rgba(11,31,51,.08)}
[data-lx-surface="auth"] .auth-form h2{color:#102a43}
[data-lx-surface="auth"] :where(.auth-form .sub,.remember,.mobile-switch){color:#586f86}
[data-lx-surface="auth"] .nm-field input{background:#f6fafd;color:#102a43;border-color:#d6e3ed;box-shadow:inset 0 1px 2px rgba(11,31,51,.055)}
[data-lx-surface="auth"] .nm-btn{box-shadow:0 10px 26px rgba(23,105,170,.23)}
[data-lx-surface="auth"] .overlay{background:radial-gradient(circle at 24% 22%,rgba(255,255,255,.16),transparent 38%),linear-gradient(150deg,#1769aa 0%,#0b5680 68%,#0f8b8d 100%)}
[data-lx-surface="auth"] .flash{border-color:#d6e3ed;box-shadow:0 10px 30px rgba(11,31,51,.1)}

[data-lx-surface="admin"], [data-lx-surface="admin-auth"]{
  --brand-gold:#1769aa;
  --brand-gold-dark:#0b5680;
  --bg-body:#f2f7fb;
  --bg-card:#fff;
  --bg-card-hover:#eaf3f8;
  --border:#d6e3ed;
  --border-hover:#1769aa;
  --text-primary:#102a43;
  --text-secondary:#486581;
  --text-muted:#586f86;
  --gold:#1769aa;
  --gold-dark:#0b5680;
  --ink:#102a43;
  --muted:#586f86;
  --line:#d6e3ed;
  --surface:#fff;
  --soft:#f6fafd;
}
[data-lx-surface="admin"]{background:#f2f7fb;color:#102a43}
[data-lx-surface="admin"]::before{background:radial-gradient(900px 520px at 82% -8%,rgba(23,105,170,.16),transparent 64%),linear-gradient(180deg,#f2f7fb,#eaf5f6)}
[data-lx-surface="admin"] .sidebar{background:radial-gradient(circle at 10% 0,rgba(44,177,166,.2),transparent 30%),linear-gradient(180deg,#0b1f33,#123a5a 58%,#0b1f33)}
[data-lx-surface="admin"] :where(.sidebar-brand-mark,.admin-avatar){background:linear-gradient(145deg,#2cb1a6,#1769aa);box-shadow:0 10px 24px rgba(23,105,170,.25)}
[data-lx-surface="admin"] .sidebar-nav a.active{background:linear-gradient(135deg,rgba(44,177,166,.22),rgba(23,105,170,.14));color:#a9ece7;box-shadow:inset 0 0 0 1px rgba(44,177,166,.2)}
[data-lx-surface="admin"] .sidebar-nav a.active::after{background:#2cb1a6;box-shadow:0 0 12px rgba(44,177,166,.68)}
[data-lx-surface="admin"] .top-bar{border-color:rgba(255,255,255,.9);background:rgba(255,255,255,.82);box-shadow:0 12px 32px rgba(11,31,51,.08)}
[data-lx-surface="admin"] :where(.topbar-eyebrow,.topbar-copy span,.trend-card h4){color:#1769aa}
[data-lx-surface="admin"] .admin-site-link{background:#eaf3f8;color:#486581!important}
[data-lx-surface="admin"] .admin-site-link:hover{background:#dff3f2;color:#0b5680!important}
[data-lx-surface="admin"] .admin-logout-link{background:#123a5a}
[data-lx-surface="admin"] :where(.admin-hero,.comparison-hero){background:radial-gradient(circle at 88% 8%,rgba(44,177,166,.34),transparent 35%),linear-gradient(145deg,#0b1f33,#123a5a);box-shadow:0 18px 40px rgba(11,31,51,.17)}
[data-lx-surface="admin"] :where(.admin-hero-kicker,.comparison-hero span){color:#66d5cc}
[data-lx-surface="admin"] :where(.stat-card,.panel,.chart-container,.trend-card,.feedback-card){border-color:#d6e3ed;background:rgba(255,255,255,.93);box-shadow:0 8px 26px rgba(11,31,51,.06)}
[data-lx-surface="admin"] .stat-card::after{background:rgba(44,177,166,.09)}
[data-lx-surface="admin"] .stat-card .stat-icon{background:#e3f2fb;color:#1769aa}
[data-lx-surface="admin"] .tabs{background:#e2edf5}
[data-lx-surface="admin"] .tab-btn.active{background:#fff;color:#0b5680}
[data-lx-surface="admin"] :where(.panel h3,.chart-container h3,.trend-row){border-color:#e2ebf2}
[data-lx-surface="admin"] tbody td{border-color:#e2ebf2;background:#f6fafd;color:#486581}
[data-lx-surface="admin"] tbody tr:hover td{background:#eaf7f7}
[data-lx-surface="admin"] :where(.form-input,.form-select){background:#f6fafd;border-color:#d6e3ed;color:#102a43}
[data-lx-surface="admin"] .modal-overlay{background:rgba(11,31,51,.64)}

[data-lx-surface="admin-auth"]{background:radial-gradient(circle at 82% 4%,rgba(23,105,170,.36),transparent 31%),radial-gradient(circle at 8% 95%,rgba(44,177,166,.18),transparent 29%),linear-gradient(145deg,#081929 0%,#0b1f33 62%,#123a5a 100%)}
[data-lx-surface="admin-auth"] .bg-tint{background:linear-gradient(145deg,rgba(8,25,41,.84),rgba(11,31,51,.7) 54%,rgba(15,139,141,.24))}
[data-lx-surface="admin-auth"] .sq{background:rgba(44,177,166,.07);border-color:rgba(44,177,166,.2)}
[data-lx-surface="admin-auth"] .ficon{fill:rgba(23,105,170,.1);stroke:rgba(44,177,166,.22)}
[data-lx-surface="admin-auth"] .glass-card{background:linear-gradient(145deg,rgba(18,58,90,.9),rgba(8,25,41,.8));box-shadow:0 28px 80px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.14)}
[data-lx-surface="admin-auth"] .glass-card::before{background:radial-gradient(circle at 88% 0,rgba(44,177,166,.22),transparent 35%),linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,0) 46%)}
[data-lx-surface="admin-auth"] .admin-login-kicker{color:#66d5cc}
[data-lx-surface="admin-auth"] .admin-login-kicker::before{background:#2cb1a6;box-shadow:0 0 16px rgba(44,177,166,.62)}
[data-lx-surface="admin-auth"] .title .bar{background:linear-gradient(90deg,#1769aa,#2cb1a6)}
[data-lx-surface="admin-auth"] .remember input{accent-color:#1769aa}
[data-lx-surface="admin-auth"] .login-btn{background:linear-gradient(135deg,#1769aa,#0f78a8);box-shadow:0 12px 26px rgba(23,105,170,.28)}
[data-lx-surface="admin-auth"] .login-btn:hover{background:linear-gradient(135deg,#0b5680,#0f8b8d);box-shadow:0 16px 34px rgba(23,105,170,.34)}
[data-lx-surface="admin-auth"] .links a{color:#66d5cc}
[data-lx-surface="admin-auth"] .links a:hover{color:#a9ece7}

@media(max-width:900px){
  [data-lx-surface="workspace"]{background:#eaf3f8}
  [data-lx-surface="workspace"] .mobile-app-header{background:rgba(255,255,255,.88);box-shadow:0 10px 30px rgba(11,31,51,.12)}
  [data-lx-surface="workspace"] .mobile-brand-mark{background:linear-gradient(145deg,#0b1f33,#1769aa);color:#66d5cc;box-shadow:0 7px 16px rgba(11,31,51,.18)}
  [data-lx-surface="workspace"] .mobile-profile-link{background:#eaf3f8;color:#102a43;border-color:#d6e3ed}
  [data-lx-surface="workspace"] .step-indicator{background:#d6e3ed!important}
  [data-lx-surface="workspace"] :where(.upload-zone,.upload-zone:hover,.upload-zone.drag-over){background:radial-gradient(circle at 80% 10%,rgba(44,177,166,.24),transparent 37%),linear-gradient(145deg,#0b1f33,#123a5a)}
  [data-lx-surface="workspace"] .upload-icon{background:#1769aa;box-shadow:0 12px 25px rgba(23,105,170,.26)}
  [data-lx-surface="workspace"] .mobile-bottom-nav{background:linear-gradient(135deg,rgba(255,255,255,.8),rgba(229,246,246,.66));box-shadow:0 18px 45px rgba(11,31,51,.18),inset 0 1px 0 rgba(255,255,255,.94)}
  [data-lx-surface="workspace"] .mobile-nav-item.active{background:linear-gradient(145deg,rgba(23,105,170,.22),rgba(44,177,166,.2));color:#0b5680;box-shadow:inset 0 0 0 1px rgba(255,255,255,.64),0 6px 16px rgba(23,105,170,.13)}
  [data-lx-surface="workspace"] #tutorial-highlight{border-color:#2cb1a6!important;box-shadow:0 0 0 9999px rgba(11,31,51,.76),0 0 28px rgba(44,177,166,.5)!important}
  [data-lx-surface="workspace"].has-workspace-background{background-image:linear-gradient(180deg,rgba(242,247,251,.22),rgba(215,235,237,.46)),var(--workspace-background-image)}
}

/* Global responsive layout refinement - presentation only */
[data-lx-surface] :where(.container,.main-area,.workspace-column,.form-box,.panel,.card,.section-panel){min-width:0}
[data-lx-surface="marketing"] .container{width:min(calc(100% - 40px),1180px);padding-inline:0}
[data-lx-surface="marketing"] .hero{padding-block:clamp(7.5rem,9vw,9.5rem) clamp(4.5rem,7vw,6.5rem)}
[data-lx-surface="marketing"] .hero-grid{grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr);gap:clamp(2.5rem,5.5vw,5.5rem)}
[data-lx-surface="marketing"] .hero h1{max-width:690px}
[data-lx-surface="marketing"] .hero-desc{max-width:620px}
[data-lx-surface="marketing"] .proof-window{border-radius:26px;box-shadow:0 34px 90px rgba(11,31,51,.22)}
[data-lx-surface="marketing"] :where(.features-bg,.workflow-stage,.steps-section,.faq-section){padding-block:clamp(5rem,8vw,7.25rem)}
[data-lx-surface="marketing"] .section-heading-row{align-items:end;gap:clamp(1.5rem,5vw,4rem);margin-bottom:clamp(2rem,4vw,3rem)}
[data-lx-surface="marketing"] .features-grid{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:20px}
[data-lx-surface="marketing"] .feature-card{padding:clamp(1.6rem,3vw,2.25rem);border-radius:22px}
[data-lx-surface="marketing"] .feature-card:first-child{min-height:540px}
[data-lx-surface="marketing"] .workflow-layout{grid-template-columns:minmax(0,.85fr) minmax(460px,1.15fr);gap:clamp(2.5rem,6vw,6rem)}
[data-lx-surface="marketing"] .upload-demo{min-height:460px}
[data-lx-surface="marketing"] .faq-layout{grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:clamp(2.5rem,7vw,6rem)}
[data-lx-surface="marketing"] .cta-section{padding:clamp(3.25rem,6vw,5.25rem)}
[data-lx-surface="marketing"] .cta-content{align-items:center}
[data-lx-surface="marketing"] .footer-grid{grid-template-columns:minmax(260px,1.35fr) repeat(3,minmax(120px,.55fr));gap:clamp(1.5rem,4vw,3rem)}

[data-lx-surface="workspace"] .navbar .container,[data-lx-surface="workspace"] .main-content>.container{max-width:1320px}
[data-lx-surface="workspace"] .main-content{padding-bottom:56px}
[data-lx-surface="workspace"] .dashboard-layout{grid-template-columns:248px minmax(0,1fr);gap:24px}
[data-lx-surface="workspace"] .desktop-rail{top:5.25rem;padding:20px;border-radius:22px}
[data-lx-surface="workspace"] .workspace-column .section-header{padding:12px 2px 18px}
[data-lx-surface="workspace"] .workspace-column .section-panel{padding:clamp(18px,2.2vw,28px);border-radius:24px}
[data-lx-surface="workspace"] .create-support-grid{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:16px;margin-bottom:16px}
[data-lx-surface="workspace"] .create-launch-card{min-height:244px;padding:28px}
[data-lx-surface="workspace"] .create-actions-card,[data-lx-surface="workspace"] .recent-work-card,[data-lx-surface="workspace"] .service-overview-card{padding:20px;border-radius:22px}
[data-lx-surface="workspace"] .create-action{min-height:60px;padding:10px 12px}
[data-lx-surface="workspace"] .recent-work-list,[data-lx-surface="workspace"] .service-overview-grid{gap:12px}
[data-lx-surface="workspace"] .task-overview-grid{gap:12px;margin-block:16px}
[data-lx-surface="workspace"] .task-overview-card{padding:16px;border-radius:18px}
[data-lx-surface="workspace"] .task-card{padding:18px 20px;border-radius:20px}
[data-lx-surface="workspace"] .task-card-top{gap:14px}
[data-lx-surface="workspace"] .dashboard-modal{width:min(640px,calc(100vw - 32px));max-height:min(88vh,760px)}
[data-lx-surface="workspace"] .profile-sheet{width:min(760px,100%)}

[data-lx-surface="auth"] .auth-wrap{width:min(1000px,100%);min-height:590px;border-radius:30px}
[data-lx-surface="auth"] .form-box{padding:clamp(2rem,4vw,3.25rem)}
[data-lx-surface="auth"] .auth-form{max-width:360px;gap:1.05rem}
[data-lx-surface="auth"] .nm-field input{min-height:48px;padding-inline:15px}
[data-lx-surface="auth"] .nm-btn{min-height:48px}
[data-lx-surface="auth"] .ov-content{padding-inline:clamp(1rem,2.5vw,2rem)}

[data-lx-surface="admin"] .main-area{padding:24px 32px 56px}
[data-lx-surface="admin"] .top-bar{margin-bottom:18px}
[data-lx-surface="admin"] :where(.admin-hero,.comparison-hero){min-height:200px;padding:30px;border-radius:24px}
[data-lx-surface="admin"] .stats-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-bottom:18px}
[data-lx-surface="admin"] .stat-card{min-height:140px;padding:20px;border-radius:20px}
[data-lx-surface="admin"] :where(.panel,.chart-container,.trend-card,.feedback-card){border-radius:22px}
[data-lx-surface="admin"] .panel{padding:22px;overflow-x:auto}
[data-lx-surface="admin"] .chart-container,[data-lx-surface="admin"] .trend-card{padding:22px}
[data-lx-surface="admin"] table{min-width:720px}
[data-lx-surface="admin"] .modal-box{width:min(620px,calc(100vw - 32px));max-height:88vh}

[data-lx-surface="admin-auth"] .login-wrap{width:min(440px,calc(100vw - 28px))}
[data-lx-surface="admin-auth"] .glass-card{padding:clamp(2.35rem,5vw,3.25rem);border-radius:30px}
[data-lx-surface="admin-auth"] .field{margin-bottom:18px}
[data-lx-surface="admin-auth"] .field input{min-height:50px;padding-inline:17px}
[data-lx-surface="admin-auth"] .login-btn{min-height:50px}

@media(max-width:1100px){
  [data-lx-surface="marketing"] .hero-grid{grid-template-columns:1fr;gap:44px}
  [data-lx-surface="marketing"] .hero-copy,[data-lx-surface="marketing"] .hero-proof{max-width:780px}
  [data-lx-surface="marketing"] .features-grid{grid-template-columns:1fr 1fr}
  [data-lx-surface="marketing"] .feature-card:first-child{grid-column:1/-1;min-height:420px}
  [data-lx-surface="marketing"] .workflow-layout{grid-template-columns:1fr;gap:44px}
  [data-lx-surface="marketing"] .upload-demo{max-width:780px}
  [data-lx-surface="workspace"] .dashboard-layout{grid-template-columns:220px minmax(0,1fr);gap:18px}
  [data-lx-surface="workspace"] .create-support-grid{grid-template-columns:1fr}
  [data-lx-surface="admin"] .main-area{padding-inline:20px}
}

@media(max-width:900px){
  [data-lx-surface="marketing"] .container{width:min(calc(100% - 28px),760px)}
  [data-lx-surface="marketing"] .hero{padding-block:6.5rem 3.5rem}
  [data-lx-surface="marketing"] .hero-grid{gap:34px}
  [data-lx-surface="marketing"] .hero-copy{text-align:center}
  [data-lx-surface="marketing"] .hero-actions,[data-lx-surface="marketing"] .hero-assurances{justify-content:center}
  [data-lx-surface="marketing"] .features-grid,[data-lx-surface="marketing"] .faq-layout,[data-lx-surface="marketing"] .footer-grid{grid-template-columns:1fr}
  [data-lx-surface="marketing"] .feature-card:first-child{min-height:360px}
  [data-lx-surface="marketing"] .cta-content{display:block}
  [data-lx-surface="marketing"] .cta-section .btn{width:100%;margin-top:24px}

  [data-lx-surface="workspace"] .main-content{padding:76px 0 112px}
  [data-lx-surface="workspace"] .main-content>.container{padding-inline:14px}
  [data-lx-surface="workspace"] .dashboard-layout{display:block}
  [data-lx-surface="workspace"] .desktop-rail{display:none}
  [data-lx-surface="workspace"] .workspace-column .section-header{padding:16px 2px}
  [data-lx-surface="workspace"] .workspace-column .section-panel{padding:16px;border-radius:20px}
  [data-lx-surface="workspace"] .create-support-grid{display:grid;grid-template-columns:1fr;gap:12px}
  [data-lx-surface="workspace"] .create-launch-card{min-height:220px;padding:20px}
  [data-lx-surface="workspace"] .create-actions-card,[data-lx-surface="workspace"] .recent-work-card,[data-lx-surface="workspace"] .service-overview-card{padding:16px}
  [data-lx-surface="workspace"] .task-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  [data-lx-surface="workspace"] .task-card{padding:15px;border-radius:18px}
  [data-lx-surface="workspace"] .task-card-top{grid-template-columns:42px minmax(0,1fr);gap:10px}
  [data-lx-surface="workspace"] .task-card .task-status{grid-column:2;justify-self:start}
  [data-lx-surface="workspace"] .task-card-footer{align-items:flex-start;flex-direction:column}
  [data-lx-surface="workspace"] .task-actions{width:100%;gap:8px}
  [data-lx-surface="workspace"] .task-actions .btn{flex:1 1 120px;justify-content:center}
  [data-lx-surface="workspace"] .mobile-bottom-nav{left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));width:auto;padding:8px;gap:6px}
  [data-lx-surface="workspace"] .mobile-nav-item{min-height:54px}
  [data-lx-surface="workspace"] .profile-sheet-overlay{padding:12px;align-items:flex-end}
  [data-lx-surface="workspace"] .profile-sheet{max-height:92svh;border-radius:26px 26px 18px 18px}
  [data-lx-surface="workspace"] .profile-cover{height:160px;padding-inline:18px}
  [data-lx-surface="workspace"] .profile-sheet-body{padding:54px 18px 22px}

  [data-lx-surface="auth"]{align-items:flex-start;padding:4.5rem 10px 18px}
  [data-lx-surface="auth"] .auth-wrap{min-height:640px;border-radius:26px}
  [data-lx-surface="auth"] .form-box{left:0!important;width:64%!important;padding:1.35rem .85rem}
  [data-lx-surface="auth"] .auth-wrap.active .sign-in,[data-lx-surface="auth"] .auth-wrap.active .sign-up{transform:translateX(56.25%)}
  [data-lx-surface="auth"] .overlay-box{left:64%;width:36%}
  [data-lx-surface="auth"] .auth-wrap.active .overlay-box{transform:translateX(-177.78%)}
  [data-lx-surface="auth"] .auth-form{gap:.78rem}
  [data-lx-surface="auth"] .ov-content{padding-inline:.75rem}
  [data-lx-surface="auth"] .ov-content h1{font-size:1.05rem}
  [data-lx-surface="auth"] .ov-content p{font-size:.68rem}

  [data-lx-surface="admin"] .main-area{padding:12px 12px 30px}
  [data-lx-surface="admin"] .top-bar{top:104px;margin-bottom:12px}
  [data-lx-surface="admin"] :where(.admin-hero,.comparison-hero){min-height:190px;padding:22px}
  [data-lx-surface="admin"] .admin-hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  [data-lx-surface="admin"] .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  [data-lx-surface="admin"] .stat-card{min-height:122px;padding:15px}
  [data-lx-surface="admin"] .panel,[data-lx-surface="admin"] .chart-container,[data-lx-surface="admin"] .trend-card{padding:16px;border-radius:18px}
  [data-lx-surface="admin"] table{min-width:680px}
}

@media(max-width:560px){
  [data-lx-surface="marketing"] .container{width:min(calc(100% - 24px),520px)}
  [data-lx-surface="marketing"] .hero h1{font-size:clamp(2.35rem,12vw,3.25rem)}
  [data-lx-surface="marketing"] :where(.features-bg,.workflow-stage,.steps-section,.faq-section){padding-block:4.25rem}
  [data-lx-surface="marketing"] .feature-card,[data-lx-surface="marketing"] .feature-card:first-child{min-height:0;padding:22px}
  [data-lx-surface="marketing"] .cta-section{padding:34px 20px}

  [data-lx-surface="workspace"] .recent-work-list,[data-lx-surface="workspace"] .service-overview-grid,[data-lx-surface="workspace"] .dashboard-price-grid,[data-lx-surface="workspace"] .popular-preset-grid{grid-template-columns:1fr}
  [data-lx-surface="workspace"] .task-filter-bar{width:100%;overflow-x:auto}
  [data-lx-surface="workspace"] .task-filter-button{flex:0 0 auto;min-height:42px}
  [data-lx-surface="workspace"] .dashboard-modal-actions{grid-template-columns:1fr}

  [data-lx-surface="auth"] .auth-wrap{min-height:660px}
  [data-lx-surface="auth"] .form-box{padding-inline:.65rem}
  [data-lx-surface="auth"] .ov-badge{width:40px;height:40px}
  [data-lx-surface="auth"] .ov-content{padding-inline:.45rem}
  [data-lx-surface="auth"] .ov-content h1{font-size:.94rem}
  [data-lx-surface="auth"] .ov-content p{font-size:.62rem;line-height:1.4}

  [data-lx-surface="admin"] .topbar-copy p,[data-lx-surface="admin"] .admin-identity{display:none}
  [data-lx-surface="admin"] .admin-site-link,[data-lx-surface="admin"] .admin-logout-link{padding-inline:9px}
  [data-lx-surface="admin"] .admin-hero-actions{grid-template-columns:1fr}
  [data-lx-surface="admin"] .stats-grid{grid-template-columns:1fr 1fr}
  [data-lx-surface="admin-auth"] .glass-card{padding:34px 20px 28px;border-radius:26px}
}

/* High-specificity legacy accent cleanup */
[data-lx-surface="marketing"] :where(.hero-copy,.hero-proof,.trust-strip,.stats,.trust-intro,.comparison){min-width:0;max-width:100%}
[data-lx-surface="marketing"] :where(.hero h1,.hero-desc,.proof-note,.trust-intro){overflow-wrap:anywhere}
[data-lx-surface="marketing"] .nav-logo{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[data-lx-surface="marketing"] :where(.theme-current:hover,.theme-option.active){border-color:#7fb7d8;background:#e3f2fb;color:#0b5680}

[data-lx-surface="workspace"] .desktop-rail{background:radial-gradient(circle at 12% 0,rgba(44,177,166,.2),transparent 32%),linear-gradient(180deg,#0b1f33,#123a5a)}
[data-lx-surface="workspace"] .rail-kicker{color:#66d5cc}
[data-lx-surface="workspace"] :where(.rail-link:hover,.rail-link.active){background:linear-gradient(135deg,#1769aa,#0f8b8d);color:#fff}
[data-lx-surface="workspace"] .workspace-column .upload-zone{background:linear-gradient(145deg,#fff,#edf7fb);border-color:rgba(23,105,170,.28)}
[data-lx-surface="workspace"] .step-indicator{background:#fff;border-color:#d6e3ed}
[data-lx-surface="workspace"] .step-indicator .step-num{background:#e3f2fb;color:#1769aa}
[data-lx-surface="workspace"] .step-indicator.active{background:#e8f4fb;border-color:rgba(23,105,170,.32)}
[data-lx-surface="workspace"] .step-indicator.active .step-num{background:#1769aa;color:#fff}
[data-lx-surface="workspace"] .recent-work-header button{color:#1769aa}
[data-lx-surface="workspace"] .recent-work-status::before{background:#2cb1a6}
[data-lx-surface="workspace"] .recent-work-progress span{background:linear-gradient(90deg,#1769aa,#2cb1a6)}
[data-lx-surface="workspace"] .task-overview-card.active strong{color:#1769aa}
[data-lx-surface="workspace"] .task-card:not([data-task-status="completed"]):not([data-task-status="failed"]) .progress-fill{background:linear-gradient(90deg,#1769aa,#2cb1a6)}
[data-lx-surface="workspace"] .dashboard-announcement-title span{background:#e3f2fb;color:#1769aa}
[data-lx-surface="workspace"] .service-overview-action:hover{background:#eaf7f7;box-shadow:0 10px 22px rgba(15,139,141,.12)}
[data-lx-surface="workspace"] .popular-preset-card small{color:#1769aa}
[data-lx-surface="workspace"] .dashboard-price-hero span{color:#66d5cc}
[data-lx-surface="workspace"] .profile-upload-status.selected{background:#e8f4fb;color:#0b5680}
[data-lx-surface="workspace"] #upload-progress-text{color:#1769aa!important}
[data-lx-surface="workspace"] #upload-progress-bar{background:linear-gradient(90deg,#1769aa,#2cb1a6)!important}
[data-lx-surface="workspace"] .thumbnail-preview:hover{border-color:rgba(23,105,170,.45)}
[data-lx-surface="workspace"] .preset-select-row:hover{background:rgba(23,105,170,.05)}
[data-lx-surface="workspace"] .preset-select-row.selected{background:rgba(23,105,170,.09);border-color:rgba(23,105,170,.24)}
[data-lx-surface="workspace"] .onboarding-instruction{background:linear-gradient(135deg,rgba(23,105,170,.08),rgba(44,177,166,.04));border-color:rgba(23,105,170,.2)}
[data-lx-surface="workspace"] .onboarding-instruction .oi-badge{background:#1769aa}
[data-lx-surface="workspace"] .badge-gold{background:#e3f2fb;color:#1769aa}
[data-lx-surface="workspace"] :where(.theme-current:hover,.theme-option.active){border-color:#7fb7d8;background:#e3f2fb;color:#0b5680}

[data-lx-surface="admin"] .admin-hero-actions button.primary{border-color:#1769aa;background:linear-gradient(135deg,#1769aa,#0f78a8);color:#fff}
[data-lx-surface="admin"] .admin-hero-actions button.primary:hover{background:linear-gradient(135deg,#0b5680,#0f8b8d)}
[data-lx-surface="admin"] .sidebar-nav a.active .nav-icon{background:rgba(44,177,166,.18);color:#a9ece7}
[data-lx-surface="admin"] :where(.theme-current:hover,.theme-option.active){border-color:#7fb7d8;background:#e3f2fb;color:#0b5680}

@media(max-width:900px){
  [data-lx-surface="marketing"] .nav-logo{max-width:calc(100vw - 190px)}
  [data-lx-surface="marketing"] .hero-grid{min-width:0;width:100%}
  [data-lx-surface="marketing"] .stats{width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}
  [data-lx-surface="marketing"] :where(.trust-intro,.stat,.section-heading-row>*){min-width:0}
  [data-lx-surface="marketing"] :where(.stat-label,.section-heading-row h2,.section-heading-row .section-subtitle,.section-tag){max-width:100%;overflow-wrap:anywhere}
}

/* Workspace theme switching: complete light/dark surfaces */
html[data-theme="dark"] body[data-lx-surface="workspace"],
html[data-theme="neon"] body[data-lx-surface="workspace"]{
  --lx-ui-canvas:#071522;
  --lx-ui-surface:#102638;
  --lx-ui-surface-soft:#153149;
  --lx-ui-border:#29475f;
  --lx-ui-text:#eaf5ff;
  --lx-ui-secondary:#b4c9d9;
  --lx-ui-muted:#8da8bc;
  --bg-body:#071522;
  --bg-card:#102638;
  --bg-card-hover:#153149;
  --bg-input:#0c2031;
  --bg-overlay:rgba(7,21,34,.9);
  --text-primary:#eaf5ff;
  --text-secondary:#b4c9d9;
  --text-muted:#8da8bc;
  --border:#29475f;
  color:#eaf5ff;
  background:#071522;
  color-scheme:dark;
}
html[data-theme="neon"] body[data-lx-surface="workspace"]{
  --lx-ui-canvas:#050d18;
  --lx-ui-surface:#0b1c2c;
  --lx-ui-surface-soft:#10283b;
  --lx-ui-border:#1e5870;
  --lx-ui-text:#ecfbff;
  --lx-ui-secondary:#b2d9df;
  --lx-ui-muted:#80aeb9;
  --bg-body:#050d18;
  --bg-card:#0b1c2c;
  --bg-card-hover:#10283b;
  --bg-input:#081827;
  --text-primary:#ecfbff;
  --text-secondary:#b2d9df;
  --text-muted:#80aeb9;
  --border:#1e5870;
}
html[data-theme="dark"] body[data-lx-surface="workspace"]::before,
html[data-theme="neon"] body[data-lx-surface="workspace"]::before{background:radial-gradient(820px 520px at 84% 0,rgba(23,105,170,.28),transparent 66%),radial-gradient(680px 420px at 4% 38%,rgba(44,177,166,.14),transparent 72%)}
html[data-theme="dark"] body[data-lx-surface="workspace"] .navbar,
html[data-theme="neon"] body[data-lx-surface="workspace"] .navbar,
html[data-theme="dark"] body[data-lx-surface="workspace"] .mobile-app-header,
html[data-theme="neon"] body[data-lx-surface="workspace"] .mobile-app-header{background:rgba(7,21,34,.9);border-color:#29475f;box-shadow:0 10px 30px rgba(0,0,0,.28)}
html[data-theme="dark"] body[data-lx-surface="workspace"] :where(.card,.section-panel,.summary-box,.toast,.search-bar input,.form-input,.form-select,.preset-option,.task-overview-card,.task-card,.create-actions-card,.recent-work-card,.service-overview-card,.dashboard-modal,.profile-sheet,.generic-modal-box,.dashboard-dialog,.theme-dropdown),
html[data-theme="neon"] body[data-lx-surface="workspace"] :where(.card,.section-panel,.summary-box,.toast,.search-bar input,.form-input,.form-select,.preset-option,.task-overview-card,.task-card,.create-actions-card,.recent-work-card,.service-overview-card,.dashboard-modal,.profile-sheet,.generic-modal-box,.dashboard-dialog,.theme-dropdown){background:#102638;border-color:#29475f;color:#eaf5ff;box-shadow:0 12px 30px rgba(0,0,0,.18)}
html[data-theme="neon"] body[data-lx-surface="workspace"] :where(.card,.section-panel,.summary-box,.toast,.search-bar input,.form-input,.form-select,.preset-option,.task-overview-card,.task-card,.create-actions-card,.recent-work-card,.service-overview-card,.dashboard-modal,.profile-sheet,.generic-modal-box,.dashboard-dialog,.theme-dropdown){background:#0b1c2c;border-color:#1e5870}
html[data-theme="dark"] body[data-lx-surface="workspace"] :where(h1,h2,h3,h4,.section-title,.step-title,.upload-text,.preset-name,.task-name,.task-overview-card strong,.create-action strong,.service-overview-item strong,.recent-work-name,.profile-field label,.profile-preference-copy strong),
html[data-theme="neon"] body[data-lx-surface="workspace"] :where(h1,h2,h3,h4,.section-title,.step-title,.upload-text,.preset-name,.task-name,.task-overview-card strong,.create-action strong,.service-overview-item strong,.recent-work-name,.profile-field label,.profile-preference-copy strong){color:#eaf5ff}
html[data-theme="dark"] body[data-lx-surface="workspace"] :where(.section-subtitle,.step-hint,.upload-hint,.preset-desc,.task-meta,.task-state-copy,.task-progress-head,.create-action small,.service-overview-item span,.service-overview-item small,.recent-work-meta,.profile-preference-copy small,.form-group label,.nav-user .user-name,.nav-links a),
html[data-theme="neon"] body[data-lx-surface="workspace"] :where(.section-subtitle,.step-hint,.upload-hint,.preset-desc,.task-meta,.task-state-copy,.task-progress-head,.create-action small,.service-overview-item span,.service-overview-item small,.recent-work-meta,.profile-preference-copy small,.form-group label,.nav-user .user-name,.nav-links a){color:#b4c9d9}
html[data-theme="dark"] body[data-lx-surface="workspace"] :where(.create-action,.recent-work-item,.service-overview-item,.dashboard-announcement-copy,.task-info-pill,.profile-upload-row b,.profile-preference-row,.profile-upload-status,#upload-progress,.summary-box,.task-filter-bar),
html[data-theme="neon"] body[data-lx-surface="workspace"] :where(.create-action,.recent-work-item,.service-overview-item,.dashboard-announcement-copy,.task-info-pill,.profile-upload-row b,.profile-preference-row,.profile-upload-status,#upload-progress,.summary-box,.task-filter-bar){background:#153149;color:#b4c9d9;border-color:#29475f}
html[data-theme="dark"] body[data-lx-surface="workspace"] :where(.create-action:hover,.service-overview-action:hover,.preset-select-row:hover),
html[data-theme="neon"] body[data-lx-surface="workspace"] :where(.create-action:hover,.service-overview-action:hover,.preset-select-row:hover){background:#1a4052}
html[data-theme="dark"] body[data-lx-surface="workspace"] :where(.workspace-column .upload-zone,.workspace-column .upload-zone:hover,.workspace-column .upload-zone.drag-over),
html[data-theme="neon"] body[data-lx-surface="workspace"] :where(.workspace-column .upload-zone,.workspace-column .upload-zone:hover,.workspace-column .upload-zone.drag-over){background:radial-gradient(circle at 80% 10%,rgba(44,177,166,.2),transparent 38%),linear-gradient(145deg,#0b1f33,#123a5a);border-color:#2c7894;color:#eaf5ff}
html[data-theme="dark"] body[data-lx-surface="workspace"] :where(.step-indicator,.mobile-profile-link,.mobile-bottom-nav),
html[data-theme="neon"] body[data-lx-surface="workspace"] :where(.step-indicator,.mobile-profile-link,.mobile-bottom-nav){background:rgba(16,38,56,.92)!important;border-color:#29475f;color:#eaf5ff}
html[data-theme="dark"] body[data-lx-surface="workspace"] .step-indicator.active,
html[data-theme="neon"] body[data-lx-surface="workspace"] .step-indicator.active{background:#153f55!important;border-color:#2cb1a6}
html[data-theme="dark"] body[data-lx-surface="workspace"] :where(.task-progress .progress-bar,.recent-work-progress),
html[data-theme="neon"] body[data-lx-surface="workspace"] :where(.task-progress .progress-bar,.recent-work-progress){background:#29475f}
html[data-theme="dark"] body[data-lx-surface="workspace"] :where(.theme-current,.theme-option),
html[data-theme="neon"] body[data-lx-surface="workspace"] :where(.theme-current,.theme-option){background:#102638;border-color:#29475f;color:#dcecf7}
html[data-theme="dark"] body[data-lx-surface="workspace"] :where(.theme-current:hover,.theme-option:hover,.theme-option.active),
html[data-theme="neon"] body[data-lx-surface="workspace"] :where(.theme-current:hover,.theme-option:hover,.theme-option.active){background:#1a4052;border-color:#2cb1a6;color:#a9ece7}
html[data-theme="dark"] body[data-lx-surface="workspace"] :where(.onboarding-bubble,.mobile-tutorial-sheet),
html[data-theme="neon"] body[data-lx-surface="workspace"] :where(.onboarding-bubble,.mobile-tutorial-sheet){background:#102638;border-color:#2cb1a6;color:#eaf5ff}
html[data-theme="dark"] body[data-lx-surface="workspace"] :where(.onboarding-bubble .ob-title,.onboarding-bubble .ob-desc),
html[data-theme="neon"] body[data-lx-surface="workspace"] :where(.onboarding-bubble .ob-title,.onboarding-bubble .ob-desc){color:#eaf5ff}
html[data-theme="dark"] body[data-lx-surface="workspace"].has-workspace-background,
html[data-theme="neon"] body[data-lx-surface="workspace"].has-workspace-background{background-color:#071522;background-image:linear-gradient(180deg,rgba(7,21,34,.6),rgba(7,21,34,.78)),var(--workspace-background-image)}

html[data-theme="paper"] body[data-lx-surface="workspace"]{background:#f7f2e8;color:#2d2923}
html[data-theme="paper"] body[data-lx-surface="workspace"]::before{background:radial-gradient(760px 460px at 85% 0,rgba(176,126,64,.12),transparent 68%)}
html[data-theme="paper"] body[data-lx-surface="workspace"] :where(.navbar,.mobile-app-header,.card,.section-panel,.summary-box,.task-card,.preset-option,.create-actions-card,.recent-work-card,.service-overview-card,.dashboard-modal,.profile-sheet,.generic-modal-box){background:#fffdf8;border-color:#ddd2bf}
html[data-theme="paper"] body[data-lx-surface="workspace"] :where(.create-action,.recent-work-item,.service-overview-item,.dashboard-announcement-copy,.task-info-pill,.profile-preference-row,.task-filter-bar){background:#f1eadf;color:#665d50}

@media(max-width:900px){
  html[data-theme="dark"] body[data-lx-surface="workspace"],html[data-theme="neon"] body[data-lx-surface="workspace"]{background:#071522}
}

@media(prefers-reduced-motion:reduce){
  body[data-lx-surface="workspace"] *,body[data-lx-surface="workspace"] *::before,body[data-lx-surface="workspace"] *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* 2026-07-17 desktop upload command center and embedded comparison manager */
[data-lx-surface="workspace"] .desktop-upload-aside{display:none}
[data-lx-surface="workspace"] :where(.desktop-upload-eyebrow,.desktop-upload-cta,.desktop-upload-aside-heading){display:none}
[data-lx-surface="workspace"] .output-name-field{margin-top:16px;padding:14px;border:1px solid #d6e3ed;border-radius:14px;background:#f7fafc}
[data-lx-surface="workspace"] .output-name-field label{display:block;color:#17324a;font-size:.72rem;font-weight:800}
[data-lx-surface="workspace"] .output-name-field input{width:100%;height:44px;margin-top:7px;padding:0 12px;border:1px solid #c8dbe8;border-radius:10px;background:#fff;color:#102a43;font:inherit;outline:none}
[data-lx-surface="workspace"] .output-name-field input:focus{border-color:#1769aa;box-shadow:0 0 0 3px rgba(23,105,170,.14)}
[data-lx-surface="workspace"] .output-name-field small{display:block;margin-top:6px;color:#718497;font-size:.62rem;line-height:1.45}
[data-lx-surface="workspace"] .task-actions .btn svg{width:14px;height:14px;flex:none}
[data-lx-surface="workspace"] .task-preview-dialog{width:min(780px,calc(100vw - 28px));max-width:780px}
[data-lx-surface="workspace"] .task-preview-kicker{display:block;color:#1769aa;font-size:.58rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
[data-lx-surface="workspace"] .task-preview-stage{margin:4px 0 12px;overflow:hidden;border-radius:16px;background:#071522;aspect-ratio:16/9}
[data-lx-surface="workspace"] .task-preview-stage video{display:block;width:100%;height:100%;object-fit:contain;background:#071522}
[data-lx-surface="workspace"] .task-preview-status{min-height:20px;color:#718497;font-size:.66rem;line-height:1.5}
[data-lx-surface="workspace"] .cp-modal-note{display:block;margin-top:5px;color:#8a9baa;font-size:.62rem;line-height:1.4}
[data-lx-surface="workspace"] .profile-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:1rem 0 .5rem}
[data-lx-surface="workspace"] .profile-section-heading span{display:block;color:#a16207;font-size:.58rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
[data-lx-surface="workspace"] .profile-section-heading h3{margin-top:3px;color:#202733;font-size:.92rem}
[data-lx-surface="workspace"] .profile-section-heading>small{color:#8a93a1;font-size:.6rem}
[data-lx-surface="workspace"] .profile-preferences{margin-top:1.35rem}
[data-lx-surface="workspace"] .profile-preference-group{padding:4px 0;border-top:1px solid #e9eef2;border-bottom:1px solid #e9eef2}
[data-lx-surface="workspace"] .profile-preference-group .profile-preference-row{margin:.35rem 0}
[data-lx-surface="workspace"] .profile-appearance-heading{margin-top:1.35rem}
[data-lx-surface="workspace"] .cover-crop-overlay{display:none;position:fixed;inset:0;z-index:13900;align-items:center;justify-content:center;padding:20px;background:rgba(10,13,19,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
[data-lx-surface="workspace"] .cover-crop-overlay.active{display:flex}
[data-lx-surface="workspace"] .cover-crop-dialog{width:min(640px,100%);padding:22px;border:1px solid rgba(255,255,255,.72);border-radius:26px;background:rgba(255,255,255,.97);box-shadow:0 32px 90px rgba(0,0,0,.38)}
[data-lx-surface="workspace"] .cover-crop-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}
[data-lx-surface="workspace"] .cover-crop-heading>div>span{color:#a16207;font-size:.58rem;font-weight:850;letter-spacing:.13em}
[data-lx-surface="workspace"] .cover-crop-heading h3{margin-top:4px;color:#202733;font-size:1.15rem}
[data-lx-surface="workspace"] .cover-crop-heading p{margin-top:4px;color:#737c8c;font-size:.7rem}
[data-lx-surface="workspace"] .cover-crop-close{width:40px;height:40px;border:0;border-radius:12px;background:#eef0f4;color:#303746;font-size:1.3rem;cursor:pointer}
[data-lx-surface="workspace"] .cover-crop-stage{position:relative;width:100%;aspect-ratio:8/3;overflow:hidden;border-radius:14px;background:#171a22;touch-action:none;box-shadow:0 18px 45px rgba(15,23,42,.24)}
[data-lx-surface="workspace"] .cover-crop-stage canvas{display:block;width:100%;height:100%;cursor:grab}.cover-crop-stage canvas:active{cursor:grabbing}
[data-lx-surface="workspace"] .cover-crop-frame{position:absolute;inset:0;border:2px solid rgba(255,255,255,.9);border-radius:14px;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(0,0,0,.18)}
[data-lx-surface="workspace"] .cover-crop-guide{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 33%,rgba(255,255,255,.28) 33%,rgba(255,255,255,.28) 33.5%,transparent 33.5%,transparent 66%,rgba(255,255,255,.28) 66%,rgba(255,255,255,.28) 66.5%,transparent 66.5%),linear-gradient(0deg,transparent 33%,rgba(255,255,255,.28) 33%,rgba(255,255,255,.28) 33.5%,transparent 33.5%,transparent 66%,rgba(255,255,255,.28) 66%,rgba(255,255,255,.28) 66.5%,transparent 66.5%);opacity:.7}
[data-lx-surface="workspace"] .cover-crop-zoom{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin:17px 2px 14px;color:#667085;font-size:.67rem}.cover-crop-zoom input{width:100%;accent-color:#a16207}
[data-lx-surface="workspace"] .cover-crop-actions{display:grid;grid-template-columns:1fr 1.45fr;gap:10px}.cover-crop-actions button{min-height:48px;border:0;border-radius:13px;font:750 .8rem inherit;cursor:pointer}.cover-crop-cancel{background:#eceff3;color:#4d5665}.cover-crop-confirm{background:#29251f;color:#fff}.cover-crop-confirm:disabled{opacity:.55}
[data-lx-surface="workspace"] .upload-icon svg{width:30px;height:30px}
[data-lx-surface="admin"] .nav-icon svg{width:17px;height:17px}
[data-lx-surface="admin"] .comparison-panel{overflow:hidden}
[data-lx-surface="admin"] .comparison-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px}
[data-lx-surface="admin"] .comparison-toolbar h3{margin:0;padding:0;border:0}
[data-lx-surface="admin"] .comparison-toolbar p{margin-top:5px;color:#6d7f90;font-size:.72rem}
[data-lx-surface="admin"] .comparison-toolbar>span{flex:none;color:#547087;font-size:.68rem;font-weight:700}
[data-lx-surface="admin"] .comparison-table-shell{overflow-x:auto}
[data-lx-surface="admin"] .comparison-table{min-width:900px}
[data-lx-surface="admin"] .comparison-thumbnail{display:block;width:112px;height:66px;object-fit:cover;border:1px solid #d6e3ed;border-radius:12px;background:#eaf3f8}
[data-lx-surface="admin"] .comparison-no-image{display:inline-flex;align-items:center;min-height:32px;padding:0 10px;border-radius:10px;background:#edf3f7;color:#718497;font-size:.66rem}
[data-lx-surface="admin"] .comparison-row-actions{display:flex;gap:6px;white-space:nowrap}
[data-lx-surface="admin"] .comparison-empty{padding:38px 16px!important;text-align:center;color:#718497!important}
[data-lx-surface="admin"] .comparison-error{color:#b42318!important}
[data-lx-surface="admin"] .comparison-loading-dot{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:#1769aa;box-shadow:0 0 0 5px rgba(23,105,170,.12);animation:comparisonPulse 1.2s ease-in-out infinite}
[data-lx-surface="admin"] .comparison-modal-box{width:min(720px,calc(100% - 24px));max-width:720px;padding:24px}
[data-lx-surface="admin"] .comparison-modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}
[data-lx-surface="admin"] .comparison-modal-heading span{color:#1769aa;font-size:.6rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
[data-lx-surface="admin"] .comparison-modal-heading h3{margin-top:4px}
[data-lx-surface="admin"] .comparison-modal-close{width:40px;height:40px;flex:none;border:1px solid #d6e3ed;border-radius:12px;background:#f2f7fb;color:#486581;font-size:1.35rem;cursor:pointer;transition:background .2s,color .2s}
[data-lx-surface="admin"] .comparison-modal-close:hover{background:#e3f2fb;color:#1769aa}
[data-lx-surface="admin"] .comparison-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
[data-lx-surface="admin"] .comparison-form-wide{grid-column:1/-1}
[data-lx-surface="admin"] .comparison-file-field{position:relative;display:flex;min-height:180px;flex-direction:column;align-items:center;justify-content:center;padding:16px;border:1.5px dashed #9fc5dc;border-radius:18px;background:#f2f8fc;color:#102a43;text-align:center;cursor:pointer;transition:border-color .2s,background .2s}
[data-lx-surface="admin"] .comparison-file-field:hover{border-color:#1769aa;background:#eaf4fa}
[data-lx-surface="admin"] .comparison-file-field span{font-size:.8rem;font-weight:800}
[data-lx-surface="admin"] .comparison-file-field small{margin-top:5px;color:#718497;font-size:.65rem}
[data-lx-surface="admin"] .comparison-file-field input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
[data-lx-surface="admin"] .comparison-modal-preview{display:none;width:100%;height:112px;margin-top:12px;object-fit:cover;border-radius:12px}
[data-lx-surface="admin"] .comparison-modal-preview.visible{display:block}
[data-lx-surface="admin"] .comparison-helper{display:block;margin-top:6px;color:#718497;font-size:.62rem}
[data-lx-surface="admin"] .comparison-modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px;padding-top:16px;border-top:1px solid #e2ebf1}
@keyframes comparisonPulse{50%{opacity:.45;transform:scale(.85)}}

@media(min-width:901px){
  [data-lx-surface="workspace"] .dashboard-layout{grid-template-columns:248px minmax(0,1fr);gap:24px}
  [data-lx-surface="workspace"] .desktop-rail{top:5.4rem;padding:22px;border-radius:26px}
  [data-lx-surface="workspace"] .desktop-upload-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:start}
  [data-lx-surface="workspace"] .desktop-upload-grid #upload-section{min-width:0}
  [data-lx-surface="workspace"] .desktop-upload-grid #upload-section>.section-header{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px;row-gap:3px;align-items:center;padding:4px 4px 18px}
  [data-lx-surface="workspace"] .desktop-upload-grid #upload-section>.section-header .section-tag{grid-row:1/3;width:44px;height:44px;display:grid;place-items:center;margin:0;padding:0;border-radius:14px;background:linear-gradient(145deg,#1769aa,#0f8b8d);color:#fff;font-size:.72rem;box-shadow:0 10px 24px rgba(23,105,170,.2)}
  [data-lx-surface="workspace"] .desktop-upload-grid #upload-section>.section-header .section-title{margin:0;font-size:1.55rem;letter-spacing:-.025em}
  [data-lx-surface="workspace"] .desktop-upload-grid #upload-section>.section-header .section-subtitle{font-size:.78rem}
  [data-lx-surface="workspace"] .desktop-upload-grid .steps-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}
  [data-lx-surface="workspace"] .desktop-upload-grid .step-indicator{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:9px;row-gap:1px;align-items:center;padding:12px;border-radius:16px;background:rgba(255,255,255,.9);box-shadow:0 8px 22px rgba(7,27,45,.05)}
  [data-lx-surface="workspace"] .desktop-upload-grid .step-indicator .step-num{grid-row:1/3;width:34px;height:34px;margin:0;border-radius:11px;font-size:.8rem}
  [data-lx-surface="workspace"] .desktop-upload-grid .step-indicator .step-title{font-size:.73rem}
  [data-lx-surface="workspace"] .desktop-upload-grid .step-indicator .step-hint{display:block;margin:0;color:#7b8e9f;font-size:.59rem;line-height:1.3}
  [data-lx-surface="workspace"] .desktop-upload-grid .section-panel{padding:14px;border-radius:26px;background:rgba(255,255,255,.92);box-shadow:0 18px 48px rgba(7,27,45,.08)}
  [data-lx-surface="workspace"] .desktop-upload-grid .upload-zone{position:relative;min-height:340px;padding:44px 28px;overflow:hidden;border:1.5px dashed rgba(23,105,170,.38);border-radius:20px;background:radial-gradient(circle at 82% 8%,rgba(44,177,166,.18),transparent 34%),linear-gradient(145deg,#f8fcff,#eaf5fb)}
  [data-lx-surface="workspace"] .desktop-upload-grid .upload-zone::after{content:"";position:absolute;right:-74px;bottom:-116px;width:240px;height:240px;border:1px solid rgba(23,105,170,.12);border-radius:50%;pointer-events:none}
  [data-lx-surface="workspace"] .desktop-upload-grid .upload-zone:hover,[data-lx-surface="workspace"] .desktop-upload-grid .upload-zone.drag-over{border-color:#1769aa;background:radial-gradient(circle at 82% 8%,rgba(44,177,166,.22),transparent 34%),linear-gradient(145deg,#f4fbff,#e4f3fa)}
  [data-lx-surface="workspace"] .desktop-upload-grid .upload-icon{position:relative;z-index:1;width:70px;height:70px;margin-bottom:18px;border-radius:22px;background:linear-gradient(145deg,#1769aa,#0f8b8d);color:#fff;box-shadow:0 16px 32px rgba(23,105,170,.24)}
  [data-lx-surface="workspace"] .desktop-upload-grid .upload-text{position:relative;z-index:1;font-size:1.15rem}
  [data-lx-surface="workspace"] .desktop-upload-grid .upload-hint{position:relative;z-index:1;margin-top:4px;color:#61788c;font-size:.72rem}
  [data-lx-surface="workspace"] .desktop-upload-aside{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  [data-lx-surface="workspace"] .desktop-command-card{min-width:0;padding:18px;border:1px solid #d6e3ed;border-radius:20px;background:rgba(255,255,255,.9);box-shadow:0 10px 28px rgba(7,27,45,.055)}
  [data-lx-surface="workspace"] .desktop-command-primary{background:radial-gradient(circle at 88% 0,rgba(44,177,166,.24),transparent 38%),linear-gradient(145deg,#0b1f33,#123a5a);color:#fff;border-color:rgba(255,255,255,.08)}
  [data-lx-surface="workspace"] .desktop-command-status{display:flex;align-items:center;gap:8px;color:#a9ece7;font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
  [data-lx-surface="workspace"] .desktop-command-status span{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 5px rgba(74,222,128,.12)}
  [data-lx-surface="workspace"] .desktop-command-primary h3{margin:18px 0 8px;color:#fff;font-size:1.15rem}
  [data-lx-surface="workspace"] .desktop-command-primary p{color:#b8d0df;font-size:.7rem;line-height:1.65}
  [data-lx-surface="workspace"] .desktop-command-metric{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:20px;padding-top:15px;border-top:1px solid rgba(255,255,255,.1)}
  [data-lx-surface="workspace"] .desktop-command-metric span{color:#9ebccc;font-size:.62rem}
  [data-lx-surface="workspace"] .desktop-command-metric strong{font-size:1.55rem;line-height:1;color:#fff;font-variant-numeric:tabular-nums}
  [data-lx-surface="workspace"] .desktop-command-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-bottom:12px}
  [data-lx-surface="workspace"] .desktop-command-heading span{color:#102a43;font-size:.78rem;font-weight:800}
  [data-lx-surface="workspace"] .desktop-command-heading small{color:#7b8e9f;font-size:.57rem}
  [data-lx-surface="workspace"] .desktop-limit-list{display:grid;gap:0}
  [data-lx-surface="workspace"] .desktop-limit-list div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid #e4edf3}
  [data-lx-surface="workspace"] .desktop-limit-list dt{color:#718497;font-size:.62rem}
  [data-lx-surface="workspace"] .desktop-limit-list dd{margin:0;color:#102a43;font-size:.68rem;font-weight:800;font-variant-numeric:tabular-nums}
  [data-lx-surface="workspace"] .desktop-format-list{display:flex;gap:7px;flex-wrap:wrap}
  [data-lx-surface="workspace"] .desktop-format-list span{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border:1px solid #c8deeb;border-radius:10px;background:#eaf4fa;color:#0b5680;font-size:.62rem;font-weight:800}
  [data-lx-surface="workspace"] .desktop-command-note{display:flex;align-items:flex-start;gap:8px;margin-top:14px;color:#718497;font-size:.62rem;line-height:1.55}
  [data-lx-surface="workspace"] .desktop-command-note svg{width:16px;height:16px;flex:none;margin-top:1px;color:#1769aa}
}
@media(min-width:1200px){
  [data-lx-surface="workspace"] .desktop-upload-grid{grid-template-columns:minmax(0,1fr) 284px}
  [data-lx-surface="workspace"] .desktop-upload-aside{position:sticky;top:5.4rem;grid-template-columns:1fr}
}
@media(max-width:900px){
  [data-lx-surface="workspace"] .output-name-field{margin-top:12px;padding:12px;border-radius:13px;background:#f7fafc}
  [data-lx-surface="workspace"] .output-name-field input{height:46px}
  [data-lx-surface="workspace"] .task-preview-overlay{align-items:flex-end;padding:0}
  [data-lx-surface="workspace"] .task-preview-dialog{width:100%;max-width:none;max-height:86svh;padding:16px 14px calc(16px + env(safe-area-inset-bottom));border:0;border-radius:24px 24px 0 0}
  [data-lx-surface="workspace"] .task-preview-stage{margin-inline:-2px;border-radius:13px}
  [data-lx-surface="workspace"] .task-actions .btn{min-height:44px;padding-inline:7px;font-size:.64rem;gap:4px}
  [data-lx-surface="workspace"] .task-actions .btn svg{width:13px;height:13px}
  [data-lx-surface="workspace"] .profile-section-heading{margin-top:1.2rem}
  [data-lx-surface="workspace"] .cover-crop-overlay{align-items:flex-end;padding:0}
  [data-lx-surface="workspace"] .cover-crop-dialog{width:100%;max-height:88svh;overflow:auto;padding:18px 14px calc(18px + env(safe-area-inset-bottom));border:0;border-radius:24px 24px 0 0}
  [data-lx-surface="workspace"] .cover-crop-stage{border-radius:12px}
  [data-lx-surface="workspace"] .cover-crop-heading{margin-bottom:12px}
  [data-lx-surface="workspace"] .cover-crop-heading h3{font-size:1.05rem}
  [data-lx-surface="admin"] .comparison-toolbar{align-items:flex-start;flex-direction:column;gap:7px}
  [data-lx-surface="admin"] .comparison-form-grid{grid-template-columns:1fr}
  [data-lx-surface="admin"] .comparison-form-wide{grid-column:auto}
  [data-lx-surface="admin"] .comparison-file-field{min-height:150px}
}
html[data-theme="dark"] body[data-lx-surface="workspace"] .desktop-command-card,
html[data-theme="neon"] body[data-lx-surface="workspace"] .desktop-command-card{background:#102638;border-color:#29475f;color:#eaf5ff}
html[data-theme="dark"] body[data-lx-surface="workspace"] .desktop-upload-grid .section-panel,
html[data-theme="neon"] body[data-lx-surface="workspace"] .desktop-upload-grid .section-panel{background:#102638;border-color:#29475f;box-shadow:0 18px 48px rgba(0,0,0,.2)}
html[data-theme="dark"] body[data-lx-surface="workspace"] .desktop-upload-grid .upload-zone,
html[data-theme="dark"] body[data-lx-surface="workspace"] .desktop-upload-grid .upload-zone:hover,
html[data-theme="dark"] body[data-lx-surface="workspace"] .desktop-upload-grid .upload-zone.drag-over,
html[data-theme="neon"] body[data-lx-surface="workspace"] .desktop-upload-grid .upload-zone,
html[data-theme="neon"] body[data-lx-surface="workspace"] .desktop-upload-grid .upload-zone:hover,
html[data-theme="neon"] body[data-lx-surface="workspace"] .desktop-upload-grid .upload-zone.drag-over{background:radial-gradient(circle at 82% 8%,rgba(44,177,166,.2),transparent 35%),linear-gradient(145deg,#0b1f33,#123a5a);border-color:#2c7894}
html[data-theme="dark"] body[data-lx-surface="workspace"] .desktop-upload-grid .step-indicator,
html[data-theme="neon"] body[data-lx-surface="workspace"] .desktop-upload-grid .step-indicator{background:#102638;border-color:#29475f;color:#eaf5ff}
html[data-theme="dark"] body[data-lx-surface="workspace"] .desktop-upload-grid :where(.upload-text,.step-title),
html[data-theme="neon"] body[data-lx-surface="workspace"] .desktop-upload-grid :where(.upload-text,.step-title){color:#eaf5ff}
html[data-theme="dark"] body[data-lx-surface="workspace"] .desktop-upload-grid :where(.upload-hint,.step-hint),
html[data-theme="neon"] body[data-lx-surface="workspace"] .desktop-upload-grid :where(.upload-hint,.step-hint){color:#b4c9d9}
html[data-theme="dark"] body[data-lx-surface="workspace"] .desktop-command-primary,
html[data-theme="neon"] body[data-lx-surface="workspace"] .desktop-command-primary{background:radial-gradient(circle at 88% 0,rgba(44,177,166,.22),transparent 38%),linear-gradient(145deg,#071522,#123a5a)}
html[data-theme="dark"] body[data-lx-surface="workspace"] :where(.desktop-command-heading span,.desktop-limit-list dd),
html[data-theme="neon"] body[data-lx-surface="workspace"] :where(.desktop-command-heading span,.desktop-limit-list dd){color:#eaf5ff}
html[data-theme="dark"] body[data-lx-surface="workspace"] :where(.desktop-command-heading small,.desktop-limit-list dt,.desktop-command-note),
html[data-theme="neon"] body[data-lx-surface="workspace"] :where(.desktop-command-heading small,.desktop-limit-list dt,.desktop-command-note){color:#a8c0d0}
html[data-theme="dark"] body[data-lx-surface="workspace"] .desktop-limit-list div,
html[data-theme="neon"] body[data-lx-surface="workspace"] .desktop-limit-list div{border-color:#29475f}
html[data-theme="dark"] body[data-lx-surface="workspace"] .desktop-format-list span,
html[data-theme="neon"] body[data-lx-surface="workspace"] .desktop-format-list span{background:#153f55;border-color:#2c7894;color:#a9ece7}

/* 2026-07-17 density reduction: desktop workspace and homepage */
@media(min-width:901px){
  [data-lx-surface="workspace"] .dashboard-layout{grid-template-columns:220px minmax(0,1fr);gap:20px}
  [data-lx-surface="workspace"] .desktop-rail{padding:19px}
  [data-lx-surface="workspace"] .rail-copy{font-size:.74rem}
  [data-lx-surface="workspace"] .rail-stat{margin:16px 0;padding:13px}
  [data-lx-surface="workspace"] .desktop-upload-grid{grid-template-columns:minmax(0,1fr);gap:10px}
  [data-lx-surface="workspace"] .desktop-upload-grid .section-panel{padding:12px;border-radius:22px}
  [data-lx-surface="workspace"] .desktop-upload-grid .upload-zone{min-height:258px;padding:32px 24px;border-radius:17px}
  [data-lx-surface="workspace"] .desktop-upload-grid .upload-icon{width:60px;height:60px;margin-bottom:14px;border-radius:18px}
  [data-lx-surface="workspace"] .desktop-upload-grid #upload-section>.section-header{padding-bottom:12px}
  [data-lx-surface="workspace"] .desktop-upload-grid #upload-section>.section-header .section-tag{width:40px;height:40px;border-radius:12px}
  [data-lx-surface="workspace"] .desktop-upload-grid #upload-section>.section-header .section-title{font-size:1.38rem}
  [data-lx-surface="workspace"] .desktop-upload-grid .steps-bar{gap:6px;margin-bottom:9px}
  [data-lx-surface="workspace"] .desktop-upload-grid .step-indicator{grid-template-columns:30px minmax(0,1fr);padding:9px 10px;border-radius:13px;box-shadow:none}
  [data-lx-surface="workspace"] .desktop-upload-grid .step-indicator .step-num{width:30px;height:30px;border-radius:9px}
  [data-lx-surface="workspace"] .desktop-upload-grid .step-indicator .step-hint{display:none}
  [data-lx-surface="workspace"] .desktop-upload-aside{position:static;display:flex;align-items:center;gap:16px;min-width:0;padding:11px 13px;border:1px solid #d6e3ed;border-radius:16px;background:rgba(255,255,255,.88);box-shadow:0 8px 22px rgba(7,27,45,.045)}
  [data-lx-surface="workspace"] .desktop-upload-status{display:grid;grid-template-columns:8px auto;align-items:center;column-gap:8px;flex:none}
  [data-lx-surface="workspace"] .desktop-upload-status>span{grid-row:1/3;width:8px;height:8px;border-radius:50%;background:#22a75a;box-shadow:0 0 0 4px rgba(34,167,90,.1)}
  [data-lx-surface="workspace"] .desktop-upload-status strong{color:#102a43;font-size:.69rem}
  [data-lx-surface="workspace"] .desktop-upload-status small{color:#7b8e9f;font-size:.56rem}
  [data-lx-surface="workspace"] .desktop-upload-facts{display:flex;align-items:center;gap:6px;min-width:0;flex:1}
  [data-lx-surface="workspace"] .desktop-upload-facts span{display:inline-flex;align-items:center;min-height:28px;padding:0 9px;border-radius:9px;background:#edf5f9;color:#486581;font-size:.59rem;font-weight:750;white-space:nowrap}
  [data-lx-surface="workspace"] .desktop-upload-shortcuts{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap}
  [data-lx-surface="workspace"] .desktop-upload-shortcuts :where(button,a){display:inline-flex;align-items:center;min-height:32px;padding:0 10px;border:0;border-radius:10px;background:transparent;color:#1769aa;font:750 .61rem inherit;text-decoration:none;cursor:pointer;transition:background .18s,color .18s}
  [data-lx-surface="workspace"] .desktop-upload-shortcuts :where(button,a):hover{background:#e3f2fb;color:#0b5680}
  [data-lx-surface="workspace"] .workflow-zone>.create-support-grid,
  [data-lx-surface="workspace"] .workflow-zone>.service-overview-card{display:none}
}
@media(min-width:1200px){
  [data-lx-surface="workspace"] .desktop-upload-grid{grid-template-columns:minmax(0,1fr)}
  [data-lx-surface="workspace"] .desktop-upload-aside{position:static;grid-template-columns:none}
}
html[data-theme="dark"] body[data-lx-surface="workspace"] .desktop-upload-aside,
html[data-theme="neon"] body[data-lx-surface="workspace"] .desktop-upload-aside{background:#102638;border-color:#29475f}
html[data-theme="dark"] body[data-lx-surface="workspace"] .desktop-upload-status strong,
html[data-theme="neon"] body[data-lx-surface="workspace"] .desktop-upload-status strong{color:#eaf5ff}
html[data-theme="dark"] body[data-lx-surface="workspace"] .desktop-upload-status small,
html[data-theme="neon"] body[data-lx-surface="workspace"] .desktop-upload-status small{color:#a8c0d0}
html[data-theme="dark"] body[data-lx-surface="workspace"] .desktop-upload-facts span,
html[data-theme="neon"] body[data-lx-surface="workspace"] .desktop-upload-facts span{background:#153149;color:#b4c9d9}
html[data-theme="dark"] body[data-lx-surface="workspace"] .desktop-upload-shortcuts :where(button,a),
html[data-theme="neon"] body[data-lx-surface="workspace"] .desktop-upload-shortcuts :where(button,a){color:#a9ece7}
html[data-theme="dark"] body[data-lx-surface="workspace"] .desktop-upload-shortcuts :where(button,a):hover,
html[data-theme="neon"] body[data-lx-surface="workspace"] .desktop-upload-shortcuts :where(button,a):hover{background:#1a4052;color:#d8fffb}

/* 2026-07-28 desktop upload workspace */
@media(min-width:901px){
  body[data-lx-surface="workspace"] .dashboard-layout{grid-template-columns:216px minmax(0,1fr);gap:28px}
  body[data-lx-surface="workspace"] .desktop-rail{top:5.25rem;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#171b22;box-shadow:0 16px 36px rgba(20,28,38,.12)}
  body[data-lx-surface="workspace"] .rail-link{border-radius:9px}
  body[data-lx-surface="workspace"] .rail-link:hover,body[data-lx-surface="workspace"] .rail-link.active{background:#fff;color:#18212b}
  body[data-lx-surface="workspace"] .desktop-upload-grid{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:24px;align-items:start}
  body[data-lx-surface="workspace"] .desktop-upload-grid #upload-section>.section-header{display:grid;grid-template-columns:48px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:14px;row-gap:2px;align-items:center;padding:2px 0 20px}
  body[data-lx-surface="workspace"] .desktop-upload-grid #upload-section>.section-header .section-tag{grid-column:1;grid-row:1/4;width:48px;height:48px;margin:0;border-radius:12px;background:#1769aa;color:#fff;box-shadow:none;font-size:.76rem}
  body[data-lx-surface="workspace"] .desktop-upload-eyebrow{display:block;grid-column:2;color:#1769aa;font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
  body[data-lx-surface="workspace"] .desktop-upload-grid #upload-section>.section-header .section-title{grid-column:2;margin:0;color:#102a43;font-size:1.45rem;letter-spacing:0}
  body[data-lx-surface="workspace"] .desktop-upload-grid #upload-section>.section-header .section-subtitle{grid-column:2;color:#61788c;font-size:.75rem}
  body[data-lx-surface="workspace"] .desktop-upload-grid .steps-bar{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0 0 18px;border:1px solid #d6e3ed;border-radius:10px;background:#fff;overflow:hidden}
  body[data-lx-surface="workspace"] .desktop-upload-grid .step-indicator{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:8px;align-items:center;min-height:58px;padding:10px 14px;border:0;border-right:1px solid #e3ebf1;border-radius:0;background:transparent;box-shadow:none}
  body[data-lx-surface="workspace"] .desktop-upload-grid .step-indicator:last-child{border-right:0}
  body[data-lx-surface="workspace"] .desktop-upload-grid .step-indicator .step-num{grid-row:1/3;width:28px;height:28px;margin:0;border-radius:8px;background:#edf3f7;color:#61788c;font-size:.7rem}
  body[data-lx-surface="workspace"] .desktop-upload-grid .step-indicator.active{background:#f4f9fc}
  body[data-lx-surface="workspace"] .desktop-upload-grid .step-indicator.active .step-num{background:#1769aa;color:#fff}
  body[data-lx-surface="workspace"] .desktop-upload-grid .step-indicator .step-title{font-size:.69rem}
  body[data-lx-surface="workspace"] .desktop-upload-grid .step-indicator .step-hint{display:block;color:#7b8e9f;font-size:.57rem;line-height:1.25}
  body[data-lx-surface="workspace"] .desktop-upload-grid .section-panel{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
  body[data-lx-surface="workspace"] .desktop-upload-grid .upload-zone{min-height:390px;padding:52px 34px;border:1.5px dashed #9dbdd2;border-radius:12px;background:#fff;box-shadow:0 12px 32px rgba(11,31,51,.055)}
  body[data-lx-surface="workspace"] .desktop-upload-grid .upload-zone::after{display:none}
  body[data-lx-surface="workspace"] .desktop-upload-grid .upload-zone:hover,body[data-lx-surface="workspace"] .desktop-upload-grid .upload-zone.drag-over{border-color:#1769aa;background:#f7fbfd;box-shadow:0 14px 36px rgba(11,31,51,.08)}
  body[data-lx-surface="workspace"] .desktop-upload-grid .upload-icon{width:62px;height:62px;margin-bottom:17px;border-radius:14px;background:#e7f2f8;color:#1769aa;box-shadow:none}
  body[data-lx-surface="workspace"] .desktop-upload-grid .upload-text{color:#102a43;font-size:1.06rem}
  body[data-lx-surface="workspace"] .desktop-upload-grid .upload-hint{max-width:540px;margin:6px auto 0;color:#6b8092;font-size:.7rem}
  body[data-lx-surface="workspace"] .desktop-upload-cta{display:inline-flex;align-items:center;justify-content:center;min-height:38px;margin-top:20px;padding:0 16px;border-radius:8px;background:#1769aa;color:#fff;font-size:.68rem;font-weight:800;transition:background var(--lx-ui-motion)}
  body[data-lx-surface="workspace"] .upload-zone:hover .desktop-upload-cta{background:#0b5680}
  body[data-lx-surface="workspace"] #upload-progress{padding:14px 16px;border:1px solid #d6e3ed;border-radius:10px;background:#fff}
  body[data-lx-surface="workspace"] #video-info .summary-box{margin-top:14px;padding:16px;border:1px solid #d6e3ed;border-radius:10px;background:#fff}
  body[data-lx-surface="workspace"] #upload-next-button{min-height:42px;margin-top:12px!important;border-radius:8px}
  body[data-lx-surface="workspace"] .desktop-upload-aside{position:sticky;top:5.25rem;display:block;padding:18px;border:1px solid #d6e3ed;border-radius:12px;background:#fff;box-shadow:0 12px 32px rgba(11,31,51,.055)}
  body[data-lx-surface="workspace"] .desktop-upload-status{display:grid;grid-template-columns:9px minmax(0,1fr);align-items:center;column-gap:9px;padding:0 0 16px;border-bottom:1px solid #e3ebf1}
  body[data-lx-surface="workspace"] .desktop-upload-status>span{grid-row:1/3;width:9px;height:9px;border-radius:50%;background:#1f9d61;box-shadow:0 0 0 4px rgba(31,157,97,.1)}
  body[data-lx-surface="workspace"] .desktop-upload-status strong{color:#17324a;font-size:.72rem}
  body[data-lx-surface="workspace"] .desktop-upload-status small{color:#768b9d;font-size:.58rem}
  body[data-lx-surface="workspace"] .desktop-upload-aside-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin:17px 0 7px}
  body[data-lx-surface="workspace"] .desktop-upload-aside-heading span{color:#17324a;font-size:.68rem;font-weight:800}
  body[data-lx-surface="workspace"] .desktop-upload-aside-heading small{color:#8a9baa;font-size:.54rem}
  body[data-lx-surface="workspace"] .desktop-upload-facts{display:grid;gap:0}
  body[data-lx-surface="workspace"] .desktop-upload-facts span{display:flex;align-items:center;justify-content:space-between;min-height:38px;padding:0;border-bottom:1px solid #edf2f5;border-radius:0;background:transparent;color:#17324a;font-size:.66rem;font-weight:800}
  body[data-lx-surface="workspace"] .desktop-upload-facts span small{color:#768b9d;font-size:.58rem;font-weight:600}
  body[data-lx-surface="workspace"] .desktop-upload-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:7px}
  body[data-lx-surface="workspace"] .desktop-upload-shortcuts :where(button,a){justify-content:center;min-height:36px;padding:0 8px;border:1px solid #d6e3ed;border-radius:8px;background:#f7fafc;color:#1769aa;font-size:.6rem}
  body[data-lx-surface="workspace"] .desktop-upload-shortcuts :where(button,a):hover{border-color:#9fc5dc;background:#edf6fb;color:#0b5680}
}

@media(min-width:901px) and (max-width:1180px){
  body[data-lx-surface="workspace"] .dashboard-layout{grid-template-columns:190px minmax(0,1fr);gap:18px}
  body[data-lx-surface="workspace"] .desktop-upload-grid{grid-template-columns:minmax(0,1fr)}
  body[data-lx-surface="workspace"] .desktop-upload-aside{position:static;display:grid;grid-template-columns:1fr 1fr;column-gap:18px;align-items:start}
  body[data-lx-surface="workspace"] .desktop-upload-status{grid-column:1/-1}
}

@media(min-width:901px){
  html[data-theme="dark"] body[data-lx-surface="workspace"] :where(.desktop-upload-grid .steps-bar,.desktop-upload-grid .upload-zone,.desktop-upload-grid .upload-zone:hover,.desktop-upload-grid .upload-zone.drag-over,.desktop-upload-grid #upload-progress,.desktop-upload-grid #video-info .summary-box,.desktop-upload-aside),
  html[data-theme="neon"] body[data-lx-surface="workspace"] :where(.desktop-upload-grid .steps-bar,.desktop-upload-grid .upload-zone,.desktop-upload-grid .upload-zone:hover,.desktop-upload-grid .upload-zone.drag-over,.desktop-upload-grid #upload-progress,.desktop-upload-grid #video-info .summary-box,.desktop-upload-aside){background:#102638;border-color:#29475f;color:#eaf5ff}
}

[data-lx-surface="admin"] .support-link-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start}
[data-lx-surface="admin"] .support-link-control .btn{min-height:43px;white-space:nowrap}
[data-lx-surface="admin"] .support-link-help,[data-lx-surface="admin"] .support-link-feedback{display:block;margin-top:7px;color:#7f8997;font-size:.68rem;line-height:1.55}
[data-lx-surface="admin"] .support-link-feedback:empty{display:none}
[data-lx-surface="admin"] .support-link-feedback.is-success{color:#16844b}
[data-lx-surface="admin"] .support-link-feedback.is-error{color:#c93636}
[data-lx-surface="admin"] #sc-support_group_url[aria-invalid="true"]{border-color:#dc3f3f;box-shadow:0 0 0 3px rgba(220,63,63,.1)}

@media(max-width:768px){
  [data-lx-surface="admin"] .support-link-control{grid-template-columns:1fr}
}

@media(min-width:901px){
  body[data-lx-surface="marketing"] .features-bg{padding-block:86px}
  body[data-lx-surface="marketing"] .features-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
  body[data-lx-surface="marketing"] .feature-card,
  body[data-lx-surface="marketing"] .feature-card:first-child{grid-column:auto;grid-row:auto;min-height:286px;padding:24px}
  body[data-lx-surface="marketing"] .feature-card:first-child .feature-proof{display:none}
  body[data-lx-surface="marketing"] .steps-section{padding-block:86px}
  body[data-lx-surface="marketing"] .faq-section{padding-block:82px}
}

/* Mobile workflow continuity and user-selected glass background. */
[data-lx-surface="workspace"] .mobile-workflow-steps{display:none}
[data-lx-surface="workspace"] .profile-cover{height:auto;aspect-ratio:8/3;background-position:center;background-size:cover}
@media(max-width:900px){
  body[data-lx-surface="workspace"].has-workspace-background{background-color:#d9e4ea;background-image:linear-gradient(180deg,rgba(232,241,246,.34),rgba(220,232,238,.46)),var(--workspace-background-image);background-position:center center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed}
  body[data-lx-surface="workspace"].has-workspace-background :where(.section-panel,.step-indicator,.task-card,.task-overview-card){border:1px solid rgba(255,255,255,.68)!important;background:rgba(255,255,255,.68)!important;box-shadow:0 12px 34px rgba(11,31,51,.12)!important;backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3)}
  body[data-lx-surface="workspace"].has-workspace-background .mobile-workflow-steps .step-indicator.active{border-color:rgba(11,31,51,.72)!important;background:rgba(11,31,51,.9)!important}
  body[data-lx-surface="workspace"].has-workspace-background .mobile-app-header{border-color:rgba(255,255,255,.72);background:rgba(255,255,255,.62)}
  [data-lx-surface="workspace"] .mobile-workflow-steps{position:relative;top:auto;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:0 0 10px;padding:4px;border:1px solid rgba(255,255,255,.72);border-radius:16px;background:rgba(244,248,250,.72);box-shadow:0 5px 16px rgba(11,31,51,.07)}
  [data-lx-surface="workspace"] .mobile-workflow-steps .step-indicator{min-height:58px!important;padding:.45rem .18rem!important}
  [data-lx-surface="workspace"] #upload-section>.steps-bar{display:none!important}
  [data-lx-surface="workspace"] :where(#upload-section,#preset-section,#confirm-section){padding-top:0!important;scroll-margin-top:82px}
  [data-lx-surface="workspace"] .workflow-zone{min-height:calc(100svh - 184px)}
  [data-lx-surface="workspace"] .task-preview-overlay,[data-lx-surface="workspace"] .cover-crop-overlay{align-items:center!important;justify-content:center;padding:14px!important}
  [data-lx-surface="workspace"] .task-preview-dialog{width:min(720px,100%);max-width:720px;max-height:calc(100svh - 28px);padding:16px;border:1px solid rgba(255,255,255,.72);border-radius:20px}
  [data-lx-surface="workspace"] .cover-crop-dialog{width:min(640px,100%);max-height:calc(100svh - 28px);padding:18px 14px;border:1px solid rgba(255,255,255,.72);border-radius:20px}
  [data-lx-surface="workspace"] .profile-cover{height:auto!important;min-height:0;aspect-ratio:8/3;padding-inline:18px}
}

/* Fixed workflow stage, account funding, and task tools. */
[data-lx-surface="workspace"] .workflow-stage{min-width:0}
[data-lx-surface="workspace"] .workflow-stage>section{min-width:0;padding-top:0!important}
[data-lx-surface="workspace"] .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

body[data-lx-surface="workspace"].has-workspace-background{position:relative;min-height:100dvh;isolation:auto;background-color:#dbe8ee!important;background-image:linear-gradient(180deg,rgba(239,247,250,.16),rgba(219,232,238,.3)),var(--workspace-background-image)!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;background-attachment:fixed!important}
[data-lx-surface="workspace"] .workspace-background-layer{display:none!important}
html[data-theme="dark"] body[data-lx-surface="workspace"].has-workspace-background,
html[data-theme="neon"] body[data-lx-surface="workspace"].has-workspace-background{background-color:#071522!important;background-image:linear-gradient(180deg,rgba(7,21,34,.5),rgba(7,21,34,.7)),var(--workspace-background-image)!important}
body[data-lx-surface="workspace"].has-workspace-background :where(.account-funds-panel,.task-tools){background:rgba(255,255,255,.78);backdrop-filter:blur(20px) saturate(1.25);-webkit-backdrop-filter:blur(20px) saturate(1.25)}

[data-lx-surface="workspace"] .account-funds-panel{margin:22px 0;padding:24px;border-block:1px solid #d6e3ed;background:rgba(255,255,255,.72)}
[data-lx-surface="workspace"] .account-funds-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:24px}
[data-lx-surface="workspace"] .account-kicker{display:block;color:#0f8b8d;font-size:.62rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
[data-lx-surface="workspace"] .account-funds-summary h2{margin:5px 0 4px;color:#102a43;font-size:1.32rem;letter-spacing:0}
[data-lx-surface="workspace"] .account-funds-summary p{max-width:620px;color:#61788c;font-size:.74rem;line-height:1.6}
[data-lx-surface="workspace"] .account-balance-block{min-width:210px;padding-left:22px;border-left:1px solid #d6e3ed;text-align:right}
[data-lx-surface="workspace"] .account-balance-block span,[data-lx-surface="workspace"] .account-balance-block small{display:block;color:#6b8092;font-size:.64rem}
[data-lx-surface="workspace"] .account-balance-block strong{display:block;margin:4px 0;color:#102a43;font-size:1.75rem;line-height:1.1}
[data-lx-surface="workspace"] .account-mode-tabs{display:inline-grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:20px;padding:4px;border-radius:8px;background:#e7eff4}
[data-lx-surface="workspace"] .account-mode-tab{min-width:116px;min-height:40px;padding:0 14px;border:0;border-radius:6px;background:transparent;color:#61788c;font:750 .7rem inherit;cursor:pointer}
[data-lx-surface="workspace"] .account-mode-tab.active{background:#fff;color:#102a43;box-shadow:0 2px 8px rgba(11,31,51,.08)}
[data-lx-surface="workspace"] .account-option-panel{margin-top:12px}
[data-lx-surface="workspace"] .account-option-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
[data-lx-surface="workspace"] .account-option{min-width:0;min-height:90px;padding:12px;border:1px solid #d6e3ed;border-radius:8px;background:#fff;color:#102a43;text-align:left;font-family:inherit;cursor:pointer;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}
[data-lx-surface="workspace"] .account-option:hover{border-color:#6fa6c5;background:#f7fbfd}
[data-lx-surface="workspace"] .account-option.selected{border-color:#1769aa;background:#edf6fb;box-shadow:0 0 0 2px rgba(23,105,170,.12)}
[data-lx-surface="workspace"] .account-option span,[data-lx-surface="workspace"] .account-option small{display:block;color:#6b8092;font-size:.62rem}
[data-lx-surface="workspace"] .account-option strong{display:block;margin:5px 0;color:#102a43;font-size:1rem;overflow-wrap:anywhere}
[data-lx-surface="workspace"] .account-custom-amount{display:grid;grid-template-columns:minmax(140px,.7fr) minmax(180px,1fr);align-items:center;gap:8px 16px;margin-top:10px;padding:14px;border:1px solid #d6e3ed;border-radius:8px;background:#fff;cursor:text}
[data-lx-surface="workspace"] .account-custom-amount.selected{border-color:#1769aa;background:#edf6fb;box-shadow:0 0 0 2px rgba(23,105,170,.12)}
[data-lx-surface="workspace"] .account-custom-amount>label{color:#102a43;font-size:.72rem;font-weight:800}
[data-lx-surface="workspace"] .account-custom-input{display:flex;align-items:center;min-height:44px;padding:0 12px;border:1px solid #c9d9e4;border-radius:7px;background:#fff;color:#486581}
[data-lx-surface="workspace"] .account-custom-input:focus-within{border-color:#1769aa;box-shadow:0 0 0 3px rgba(23,105,170,.1)}
[data-lx-surface="workspace"] .account-custom-input input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#102a43;font:750 .78rem inherit}
[data-lx-surface="workspace"] .account-custom-input input[aria-invalid="true"]{color:#c93636}
[data-lx-surface="workspace"] .account-custom-amount>small{grid-column:2;color:#6b8092;font-size:.62rem}
[data-lx-surface="workspace"] .account-checkout-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;padding-top:14px;border-top:1px solid #dce7ed}
[data-lx-surface="workspace"] .account-pay-methods{display:flex;gap:7px}
[data-lx-surface="workspace"] .account-pay-method{min-height:42px;padding:0 14px;border:1px solid #d6e3ed;border-radius:8px;background:#fff;color:#486581;font:750 .68rem inherit;cursor:pointer}
[data-lx-surface="workspace"] .account-pay-method.selected{border-color:#0f8b8d;background:#e8f7f5;color:#086b6d}
[data-lx-surface="workspace"] .account-checkout-button{min-width:156px;min-height:44px;padding:0 18px;border:0;border-radius:8px;background:#1769aa;color:#fff;font:800 .72rem inherit;cursor:pointer}
[data-lx-surface="workspace"] .account-checkout-button:hover{background:#0b5680}
[data-lx-surface="workspace"] .account-checkout-button:disabled{opacity:.62;cursor:wait}
[data-lx-surface="workspace"] .account-checkout-status{margin-top:9px;color:#6b8092;font-size:.63rem}
[data-lx-surface="workspace"] .account-checkout-status.loading{color:#1769aa}
[data-lx-surface="workspace"] .account-checkout-status.error{color:#c93636}

[data-lx-surface="workspace"] .task-tools{display:grid;grid-template-columns:minmax(240px,1fr) auto auto;align-items:center;gap:10px;margin:14px 0 10px;padding:10px;border:1px solid #d6e3ed;border-radius:8px;background:rgba(255,255,255,.82)}
[data-lx-surface="workspace"] .task-search{display:flex;align-items:center;gap:9px;min-width:0;height:42px;padding:0 12px;border:1px solid #d6e3ed;border-radius:7px;background:#fff}
[data-lx-surface="workspace"] .task-search svg{width:17px;height:17px;flex:none;color:#6b8092}
[data-lx-surface="workspace"] .task-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#102a43;font:inherit;font-size:.72rem}
[data-lx-surface="workspace"] .task-sort{display:flex;align-items:center;gap:7px;height:42px;padding:0 10px;border:1px solid #d6e3ed;border-radius:7px;background:#fff;color:#6b8092;font-size:.64rem}
[data-lx-surface="workspace"] .task-sort select{border:0;outline:0;background:transparent;color:#102a43;font:700 .68rem inherit}
[data-lx-surface="workspace"] .task-refresh-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:0 12px;border:1px solid #d6e3ed;border-radius:7px;background:#fff;color:#486581;font:750 .68rem inherit;cursor:pointer}
[data-lx-surface="workspace"] .task-refresh-button svg{width:17px;height:17px}
[data-lx-surface="workspace"] .task-refresh-button:hover{border-color:#6fa6c5;background:#f7fbfd}
[data-lx-surface="workspace"] .task-refresh-button:disabled{opacity:.62;cursor:wait}
[data-lx-surface="workspace"] .task-refresh-button.loading svg{animation:lx-task-refresh-spin .8s linear infinite}
@keyframes lx-task-refresh-spin{to{transform:rotate(360deg)}}
[data-lx-surface="workspace"] .task-result-count{min-width:72px;color:#61788c;font-size:.66rem;text-align:right}

html[data-theme="dark"] body[data-lx-surface="workspace"] :where(.account-funds-panel,.task-tools,.account-option,.account-pay-method,.task-search,.task-sort),
html[data-theme="neon"] body[data-lx-surface="workspace"] :where(.account-funds-panel,.task-tools,.account-option,.account-pay-method,.task-search,.task-sort){background:#102638;border-color:#29475f;color:#eaf5ff}
html[data-theme="dark"] body[data-lx-surface="workspace"] :where(.account-custom-amount,.account-custom-input,.task-refresh-button),
html[data-theme="neon"] body[data-lx-surface="workspace"] :where(.account-custom-amount,.account-custom-input,.task-refresh-button){background:#102638;border-color:#29475f;color:#eaf5ff}
html[data-theme="dark"] body[data-lx-surface="workspace"] :where(.account-funds-summary h2,.account-balance-block strong,.account-option strong,.task-search input,.task-sort select),
html[data-theme="neon"] body[data-lx-surface="workspace"] :where(.account-funds-summary h2,.account-balance-block strong,.account-option strong,.task-search input,.task-sort select){color:#eaf5ff}

@media(max-width:900px){
  [data-lx-surface="workspace"] .workflow-stage{min-height:0}
  [data-lx-surface="workspace"] .workflow-stage>section>.section-header{display:none}
  [data-lx-surface="workspace"] .workflow-stage .upload-text{color:#102a43!important}
  [data-lx-surface="workspace"] .workflow-stage .upload-hint{color:#61788c!important}
  [data-lx-surface="workspace"] .account-funds-panel{margin:14px -14px 18px;padding:20px 14px}
  [data-lx-surface="workspace"] .account-funds-summary{grid-template-columns:1fr;gap:14px}
  [data-lx-surface="workspace"] .account-balance-block{min-width:0;padding:12px 0 0;border-left:0;border-top:1px solid #d6e3ed;text-align:left}
  [data-lx-surface="workspace"] .account-mode-tabs{display:grid;width:100%}
  [data-lx-surface="workspace"] .account-mode-tab{min-width:0;min-height:44px}
  [data-lx-surface="workspace"] .account-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  [data-lx-surface="workspace"] .account-option{min-height:86px}
  [data-lx-surface="workspace"] .account-custom-amount{grid-template-columns:1fr;gap:8px;padding:12px}
  [data-lx-surface="workspace"] .account-custom-amount>small{grid-column:auto}
  [data-lx-surface="workspace"] .account-checkout-row{align-items:stretch;flex-direction:column}
  [data-lx-surface="workspace"] .account-pay-methods{display:grid;grid-template-columns:1fr 1fr}
  [data-lx-surface="workspace"] .account-pay-method,[data-lx-surface="workspace"] .account-checkout-button{min-height:48px;width:100%}
  [data-lx-surface="workspace"] .task-tools{grid-template-columns:1fr auto;margin-top:10px;padding:8px}
  [data-lx-surface="workspace"] .task-search{grid-column:1/-1;height:46px}
  [data-lx-surface="workspace"] .task-sort{height:42px}
  [data-lx-surface="workspace"] .task-refresh-button{min-height:44px}
}

@media(max-width:420px){
  [data-lx-surface="workspace"] .account-option-grid{grid-template-columns:1fr 1fr;gap:7px}
  [data-lx-surface="workspace"] .account-option{padding:10px}
  [data-lx-surface="workspace"] .task-tools{grid-template-columns:1fr}
  [data-lx-surface="workspace"] .task-search{grid-column:auto}
  [data-lx-surface="workspace"] .task-result-count{text-align:left}
}

/* Scalable preset library and workspace return dialog. */
[data-lx-surface="workspace"] .mobile-brand{border:0;background:transparent;color:inherit;font-family:inherit;text-align:left;cursor:pointer}
[data-lx-surface="workspace"] .mobile-brand-chevron{width:16px;height:16px;flex:none;color:#6b8092}
[data-lx-surface="workspace"] .home-return-dialog{width:min(420px,calc(100% - 28px));padding:24px;text-align:center}
[data-lx-surface="workspace"] .home-return-icon{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 14px;border-radius:8px;background:#e3f2fb;color:#1769aa}
[data-lx-surface="workspace"] .home-return-icon svg{width:26px;height:26px}
[data-lx-surface="workspace"] .home-return-dialog h3{margin:0;color:#102a43;font-size:1.08rem;letter-spacing:0}
[data-lx-surface="workspace"] .home-return-dialog p{margin:9px auto 0;max-width:330px;color:#586f86;font-size:.78rem;line-height:1.65}
[data-lx-surface="workspace"] .home-return-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px}
[data-lx-surface="workspace"] .home-return-actions .btn{min-height:46px;justify-content:center}

[data-lx-surface="workspace"] .preset-library{position:sticky;top:76px;z-index:12;margin:-2px 0 12px;padding:10px;border:1px solid #d6e3ed;border-radius:8px;background:rgba(255,255,255,.96);box-shadow:0 8px 22px rgba(11,31,51,.07);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
[data-lx-surface="workspace"] .preset-library-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:center;gap:10px}
[data-lx-surface="workspace"] .preset-library-search{display:flex;align-items:center;gap:8px;min-width:0;height:44px;padding:0 12px;border:1px solid #c9d9e4;border-radius:7px;background:#f7fbfd;color:#6b8092}
[data-lx-surface="workspace"] .preset-library-search:focus-within{border-color:#1769aa;box-shadow:0 0 0 3px rgba(23,105,170,.12)}
[data-lx-surface="workspace"] .preset-library-search svg{width:18px;height:18px;flex:none}
[data-lx-surface="workspace"] .preset-library-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#102a43;font:inherit;font-size:.78rem}
[data-lx-surface="workspace"] .preset-filter-tabs{display:grid;grid-template-columns:repeat(3,minmax(60px,1fr));gap:4px;padding:4px;border-radius:7px;background:#e7eff4}
[data-lx-surface="workspace"] .preset-filter-tab{min-height:36px;padding:0 12px;border:0;border-radius:5px;background:transparent;color:#586f86;font:750 .68rem inherit;cursor:pointer;transition:background-color var(--lx-ui-motion),color var(--lx-ui-motion),box-shadow var(--lx-ui-motion)}
[data-lx-surface="workspace"] .preset-filter-tab.active{background:#fff;color:#102a43;box-shadow:0 2px 8px rgba(11,31,51,.09)}
[data-lx-surface="workspace"] .preset-library-status{display:flex;justify-content:space-between;gap:12px;margin-top:8px;color:#61788c;font-size:.64rem;line-height:1.4}
[data-lx-surface="workspace"] .preset-library-status span:first-child{color:#1769aa;font-weight:800}
[data-lx-surface="workspace"] .presets-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:0}
[data-lx-surface="workspace"] .preset-option{position:relative;min-width:0;min-height:118px;padding:0!important;overflow:hidden;border:1px solid #d6e3ed!important;border-radius:8px!important;background:#fff;box-shadow:none!important;transition:border-color var(--lx-ui-motion),background-color var(--lx-ui-motion),box-shadow var(--lx-ui-motion)!important}
[data-lx-surface="workspace"] .preset-option::after{content:none!important}
[data-lx-surface="workspace"] .preset-option:hover{transform:none!important;border-color:#83aec8!important;box-shadow:0 8px 20px rgba(11,31,51,.07)!important}
[data-lx-surface="workspace"] .preset-option.selected{transform:none!important;border-color:#1769aa!important;background:#edf6fb!important;box-shadow:0 0 0 2px rgba(23,105,170,.12)!important}
[data-lx-surface="workspace"] .preset-option-select{display:flex;min-height:118px;padding:16px 52px 14px 16px;cursor:pointer}
[data-lx-surface="workspace"] .preset-option input[type="radio"]{position:absolute;width:1px;height:1px;opacity:0}
[data-lx-surface="workspace"] .preset-option input[type="radio"]:focus-visible+.preset-option-copy{outline:2px solid #1769aa;outline-offset:4px;border-radius:3px}
[data-lx-surface="workspace"] .preset-option-copy{display:flex;min-width:0;flex:1;flex-direction:column;align-items:flex-start}
[data-lx-surface="workspace"] .preset-option .preset-name{display:block;margin:0;color:#102a43;font-size:.84rem;font-weight:850;line-height:1.35;overflow-wrap:anywhere}
[data-lx-surface="workspace"] .preset-option .preset-desc{display:-webkit-box;margin-top:5px;overflow:hidden;color:#586f86;font-size:.69rem;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}
[data-lx-surface="workspace"] .preset-option .preset-meta{display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:8px;color:#6b8092;font-size:.61rem}
[data-lx-surface="workspace"] .preset-popular-badge{padding:2px 6px;border-radius:4px;background:#e8f7f5;color:#087779;font-weight:800}
[data-lx-surface="workspace"] .fav-btn{position:absolute;top:9px;right:9px;display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid transparent;border-radius:7px;background:transparent;color:#8295a6;cursor:pointer;transition:background-color var(--lx-ui-motion),border-color var(--lx-ui-motion),color var(--lx-ui-motion)}
[data-lx-surface="workspace"] .fav-btn:hover{border-color:#c9d9e4;background:#f3f8fb;color:#1769aa}
[data-lx-surface="workspace"] .fav-btn[aria-pressed="true"]{border-color:#7bbab5;background:#e8f7f5;color:#087779}
[data-lx-surface="workspace"] .fav-btn svg{width:19px;height:19px;fill:transparent}
[data-lx-surface="workspace"] .fav-btn[aria-pressed="true"] svg{fill:currentColor}
[data-lx-surface="workspace"] .preset-selected-indicator{position:absolute;right:10px;bottom:10px;display:none;align-items:center;gap:4px;color:#0b5680;font-size:.61rem;font-weight:850}
[data-lx-surface="workspace"] .preset-selected-indicator svg{width:15px;height:15px}
[data-lx-surface="workspace"] .preset-option.selected .preset-selected-indicator{display:flex}
[data-lx-surface="workspace"] .preset-empty-state,[data-lx-surface="workspace"] .preset-list-message{padding:26px 14px;border:1px dashed #b8ccd9;border-radius:8px;background:#f7fbfd;color:#586f86;font-size:.74rem;line-height:1.6;text-align:center}
[data-lx-surface="workspace"] .preset-empty-state[hidden]{display:none}

[data-lx-surface="workspace"] .preset-library-modal{display:flex;width:min(760px,calc(100% - 32px));max-width:760px;max-height:min(760px,calc(100dvh - 40px));flex-direction:column;padding:20px;overflow:hidden}
[data-lx-surface="workspace"] .preset-library-modal .modal-header{flex:none;margin-bottom:12px}
[data-lx-surface="workspace"] .preset-library-modal .modal-header small{display:block;margin-top:4px;color:#61788c;font-size:.68rem;line-height:1.45}
[data-lx-surface="workspace"] .preset-modal-close{display:grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid #d6e3ed;border-radius:7px;background:#fff;color:#486581;cursor:pointer}
[data-lx-surface="workspace"] .preset-modal-close:hover{border-color:#83aec8;background:#f7fbfd;color:#1769aa}
[data-lx-surface="workspace"] .preset-modal-close svg{width:19px;height:19px}
[data-lx-surface="workspace"] .cp-preset-library{position:relative;top:auto;z-index:1;flex:none;margin:0 0 10px;box-shadow:none}
[data-lx-surface="workspace"] .cp-preset-list{display:grid;min-height:164px;max-height:440px;gap:7px;overflow-y:auto;overscroll-behavior:contain;padding:2px 4px 2px 2px}
[data-lx-surface="workspace"] .preset-select-row{display:grid;grid-template-columns:minmax(0,1fr) auto 94px;align-items:center;gap:12px;width:100%;min-height:76px;padding:12px 12px 12px 14px;border:1px solid #d6e3ed;border-radius:8px;background:#fff;color:#102a43;font-family:inherit;text-align:left;cursor:pointer;transition:border-color var(--lx-ui-motion),background-color var(--lx-ui-motion),box-shadow var(--lx-ui-motion)}
[data-lx-surface="workspace"] .preset-select-row:hover{border-color:#83aec8;background:#f7fbfd}
[data-lx-surface="workspace"] .preset-select-row.selected{border-color:#1769aa;background:#edf6fb;box-shadow:0 0 0 2px rgba(23,105,170,.12)}
[data-lx-surface="workspace"] .psr-copy{display:flex;min-width:0;flex-direction:column}
[data-lx-surface="workspace"] .psr-name{color:#102a43;font-size:.79rem;font-weight:850;line-height:1.35;overflow-wrap:anywhere}
[data-lx-surface="workspace"] .psr-description{display:-webkit-box;margin-top:4px;overflow:hidden;color:#61788c;font-size:.66rem;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}
[data-lx-surface="workspace"] .psr-meta{display:flex;align-items:flex-end;gap:4px;flex-direction:column;color:#6b8092;font-size:.61rem;white-space:nowrap}
[data-lx-surface="workspace"] .psr-favorite{color:#087779;font-weight:800}
[data-lx-surface="workspace"] .psr-select-state{display:flex;align-items:center;justify-content:center;gap:5px;min-height:36px;padding:0 10px;border:1px solid #c9d9e4;border-radius:6px;color:#486581;font-size:.64rem;font-weight:800}
[data-lx-surface="workspace"] .psr-select-state svg{display:none;width:15px;height:15px}
[data-lx-surface="workspace"] .preset-select-row.selected .psr-select-state{border-color:#1769aa;background:#1769aa;color:#fff}
[data-lx-surface="workspace"] .preset-select-row.selected .psr-select-state svg{display:block}
[data-lx-surface="workspace"] .preset-modal-actions{display:flex;flex:none;justify-content:flex-end;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #d6e3ed}
[data-lx-surface="workspace"] .preset-modal-actions .btn{min-height:44px;justify-content:center}

[data-lx-surface="workspace"].preset-browser-open{overflow:hidden}
[data-lx-surface="workspace"] .preset-browser-overlay{align-items:center;justify-content:center;padding:18px}
[data-lx-surface="workspace"] .preset-browser-dialog{display:flex;width:min(860px,100%);max-height:min(760px,calc(100dvh - 36px));flex-direction:column;overflow:hidden;border:1px solid #c9d9e4;border-radius:22px;background:#f7fbfd;box-shadow:0 30px 90px rgba(7,27,45,.28)}
[data-lx-surface="workspace"] .preset-browser-header{display:flex;flex:none;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 22px 18px;border-bottom:1px solid #d6e3ed;background:radial-gradient(circle at 92% 0,rgba(44,177,166,.22),transparent 38%),linear-gradient(145deg,#0b1f33,#123a5a);color:#fff}
[data-lx-surface="workspace"] .preset-browser-heading{display:flex;min-width:0;align-items:flex-start;gap:12px}
[data-lx-surface="workspace"] .preset-browser-mark{display:grid;width:44px;height:44px;flex:none;place-items:center;border:1px solid rgba(102,213,204,.2);border-radius:14px;background:rgba(102,213,204,.12);color:#66d5cc}
[data-lx-surface="workspace"] .preset-browser-mark svg{width:21px;height:21px}
[data-lx-surface="workspace"] .preset-browser-heading>div{min-width:0}
[data-lx-surface="workspace"] .preset-browser-heading>div>span{display:block;color:#66d5cc;font-size:.56rem;font-weight:850;letter-spacing:.12em}
[data-lx-surface="workspace"] .preset-browser-heading h2{margin:4px 0 0;color:#fff;font-size:1.22rem;letter-spacing:0}
[data-lx-surface="workspace"] .preset-browser-heading p{max-width:520px;margin:5px 0 0;color:#afc2d0;font-size:.68rem;line-height:1.5}
[data-lx-surface="workspace"] .preset-browser-close{display:grid;width:44px;height:44px;flex:none;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:rgba(255,255,255,.08);color:#dce9f0;cursor:pointer}
[data-lx-surface="workspace"] .preset-browser-close:hover{background:rgba(255,255,255,.15);color:#fff}
[data-lx-surface="workspace"] .preset-browser-close svg{width:18px;height:18px}
[data-lx-surface="workspace"] .preset-browser-tools{display:grid;flex:none;grid-template-columns:minmax(240px,1fr) auto;align-items:center;gap:10px;padding:14px 18px 10px}
[data-lx-surface="workspace"] .preset-browser-search{display:flex;min-width:0;height:44px;align-items:center;gap:8px;padding:0 12px;border:1px solid #c9d9e4;border-radius:10px;background:#fff;color:#6b8092}
[data-lx-surface="workspace"] .preset-browser-search:focus-within{border-color:#1769aa;box-shadow:0 0 0 3px rgba(23,105,170,.12)}
[data-lx-surface="workspace"] .preset-browser-search svg{width:18px;height:18px;flex:none}
[data-lx-surface="workspace"] .preset-browser-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#102a43;font:inherit;font-size:.72rem}
[data-lx-surface="workspace"] .preset-browser-filters{display:flex;gap:4px;padding:4px;border:1px solid #d6e3ed;border-radius:10px;background:#edf3f7}
[data-lx-surface="workspace"] .preset-browser-filters button{min-width:58px;min-height:36px;padding:0 10px;border:0;border-radius:7px;background:transparent;color:#61788c;font:750 .64rem inherit;cursor:pointer}
[data-lx-surface="workspace"] .preset-browser-filters button.active{background:#fff;color:#1769aa;box-shadow:0 3px 10px rgba(11,31,51,.08)}
[data-lx-surface="workspace"] .preset-browser-status{display:flex;flex:none;align-items:center;justify-content:space-between;gap:12px;padding:0 20px 10px;color:#718699;font-size:.59rem}
[data-lx-surface="workspace"] .preset-browser-status span:first-child{color:#18354d;font-weight:850}
[data-lx-surface="workspace"] .preset-browser-list{min-height:180px;flex:1;overflow-y:auto;overscroll-behavior:contain;padding:0 18px;border-top:1px solid #d6e3ed;background:#fff}
[data-lx-surface="workspace"] .preset-browser-row{display:grid;grid-template-columns:40px minmax(0,1fr) 44px 64px;align-items:center;gap:12px;min-height:92px;padding:12px 2px;border-bottom:1px solid #e2ebf0}
[data-lx-surface="workspace"] .preset-browser-row[hidden]{display:none}
[data-lx-surface="workspace"] .preset-browser-row.selected{background:linear-gradient(90deg,rgba(23,105,170,.07),transparent)}
[data-lx-surface="workspace"] .preset-browser-index{display:grid;width:36px;height:36px;place-items:center;border:1px solid #bcd0dc;border-radius:11px;background:#edf6fb;color:#1769aa;font-size:.58rem;font-weight:900}
[data-lx-surface="workspace"] .preset-browser-copy{min-width:0}
[data-lx-surface="workspace"] .preset-browser-copy>div{display:flex;align-items:center;gap:7px;min-width:0}
[data-lx-surface="workspace"] .preset-browser-copy strong{min-width:0;overflow:hidden;color:#102a43;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}
[data-lx-surface="workspace"] .preset-browser-copy>div>span{flex:none;padding:3px 6px;border-radius:5px;background:#dff3f2;color:#087779;font-size:.51rem;font-weight:850}
[data-lx-surface="workspace"] .preset-browser-copy p{display:-webkit-box;margin:4px 0 0;overflow:hidden;color:#61788c;font-size:.64rem;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}
[data-lx-surface="workspace"] .preset-browser-copy small{display:block;margin-top:5px;color:#8a9cab;font-size:.56rem}
[data-lx-surface="workspace"] .preset-browser-favorite,[data-lx-surface="workspace"] .preset-browser-use{min-width:44px;min-height:44px;border-radius:10px;font-family:inherit;cursor:pointer}
[data-lx-surface="workspace"] .preset-browser-favorite{display:grid;width:44px;padding:0;place-items:center;border:1px solid #c9d9e4;background:#fff;color:#7690a3}
[data-lx-surface="workspace"] .preset-browser-favorite:hover{border-color:#83aec8;color:#1769aa}
[data-lx-surface="workspace"] .preset-browser-favorite[data-fav="1"]{border-color:#2cb1a6;background:#e2f5f3;color:#087779}
[data-lx-surface="workspace"] .preset-browser-favorite[data-fav="1"] svg{fill:currentColor}
[data-lx-surface="workspace"] .preset-browser-favorite svg{width:19px;height:19px}
[data-lx-surface="workspace"] .preset-browser-use{padding:0 12px;border:1px solid #1769aa;background:#1769aa;color:#fff;font-size:.64rem;font-weight:850}
[data-lx-surface="workspace"] .preset-browser-use:hover{background:#0f568b}
[data-lx-surface="workspace"] .preset-browser-row.selected .preset-browser-use{border-color:#2cb1a6;background:#e2f5f3;color:#087779}
[data-lx-surface="workspace"] .preset-browser-empty{padding:36px 18px;text-align:center;color:#718699;font-size:.7rem}
[data-lx-surface="workspace"] .preset-browser-empty[hidden]{display:none}
[data-lx-surface="workspace"] .preset-browser-footer{display:flex;flex:none;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-top:1px solid #d6e3ed;background:#edf3f7}
[data-lx-surface="workspace"] .preset-browser-footer span{color:#718699;font-size:.59rem}
[data-lx-surface="workspace"] .preset-browser-footer button{min-height:44px;padding:0 15px;border:0;border-radius:10px;background:#102a43;color:#fff;font:800 .66rem inherit;cursor:pointer}
[data-lx-surface="workspace"] .preset-browser-close:focus-visible,[data-lx-surface="workspace"] .preset-browser-filters button:focus-visible,[data-lx-surface="workspace"] .preset-browser-favorite:focus-visible,[data-lx-surface="workspace"] .preset-browser-use:focus-visible,[data-lx-surface="workspace"] .preset-browser-footer button:focus-visible{outline:3px solid rgba(245,166,35,.78);outline-offset:2px}

html[data-theme="dark"] body[data-lx-surface="workspace"] :where(.preset-library,.preset-library-search,.preset-filter-tabs,.preset-option,.preset-modal-close,.preset-select-row,.preset-empty-state,.preset-list-message),
html[data-theme="neon"] body[data-lx-surface="workspace"] :where(.preset-library,.preset-library-search,.preset-filter-tabs,.preset-option,.preset-modal-close,.preset-select-row,.preset-empty-state,.preset-list-message){background:#102638;border-color:#29475f;color:#eaf5ff}
html[data-theme="neon"] body[data-lx-surface="workspace"] :where(.preset-library,.preset-library-search,.preset-filter-tabs,.preset-option,.preset-modal-close,.preset-select-row,.preset-empty-state,.preset-list-message){background:#0b1c2c;border-color:#1e5870}
html[data-theme="dark"] body[data-lx-surface="workspace"] :where(.preset-library-search input,.preset-option .preset-name,.psr-name,.home-return-dialog h3),
html[data-theme="neon"] body[data-lx-surface="workspace"] :where(.preset-library-search input,.preset-option .preset-name,.psr-name,.home-return-dialog h3){color:#eaf5ff}
html[data-theme="dark"] body[data-lx-surface="workspace"] :where(.preset-filter-tab.active,.preset-option.selected,.preset-select-row.selected),
html[data-theme="neon"] body[data-lx-surface="workspace"] :where(.preset-filter-tab.active,.preset-option.selected,.preset-select-row.selected){background:#153f55!important;border-color:#2cb1a6!important;color:#eaf5ff}
html[data-theme="dark"] body[data-lx-surface="workspace"] :where(.preset-browser-dialog,.preset-browser-search,.preset-browser-list,.preset-browser-favorite),
html[data-theme="neon"] body[data-lx-surface="workspace"] :where(.preset-browser-dialog,.preset-browser-search,.preset-browser-list,.preset-browser-favorite){background:#102638;border-color:#29475f;color:#dcecf7}
html[data-theme="dark"] body[data-lx-surface="workspace"] :where(.preset-browser-copy strong,.preset-browser-search input,.preset-browser-status span:first-child),
html[data-theme="neon"] body[data-lx-surface="workspace"] :where(.preset-browser-copy strong,.preset-browser-search input,.preset-browser-status span:first-child){color:#eaf5ff}
html[data-theme="dark"] body[data-lx-surface="workspace"] .preset-browser-row,
html[data-theme="neon"] body[data-lx-surface="workspace"] .preset-browser-row{border-color:#29475f}
html[data-theme="dark"] body[data-lx-surface="workspace"] :where(.preset-browser-tools,.preset-browser-footer),
html[data-theme="neon"] body[data-lx-surface="workspace"] :where(.preset-browser-tools,.preset-browser-footer){background:#0b1c2c;border-color:#29475f}

@media(max-width:900px){
  body[data-lx-surface="workspace"].has-workspace-background{background-attachment:scroll!important}
  body[data-lx-surface="workspace"].has-workspace-background :where(.section-panel,.step-indicator,.task-card,.task-overview-card,.account-funds-panel,.task-tools){backdrop-filter:blur(12px) saturate(1.16);-webkit-backdrop-filter:blur(12px) saturate(1.16)}
  [data-lx-surface="workspace"] :where(.mobile-app-header,.mobile-bottom-nav){backdrop-filter:blur(14px) saturate(1.25);-webkit-backdrop-filter:blur(14px) saturate(1.25)}
  [data-lx-surface="workspace"] .mobile-brand{min-height:48px;max-width:calc(100% - 58px);padding:5px 3px;border-radius:7px}
  [data-lx-surface="workspace"] .preset-library{top:76px;padding:8px}
  [data-lx-surface="workspace"] .preset-library-toolbar{grid-template-columns:1fr}
  [data-lx-surface="workspace"] .preset-filter-tab{min-height:40px}
  [data-lx-surface="workspace"] .presets-grid{grid-template-columns:1fr}
  [data-lx-surface="workspace"] .preset-option,[data-lx-surface="workspace"] .preset-option-select{min-height:108px}
  [data-lx-surface="workspace"] .preset-option-select{padding:14px 50px 12px 14px}
  [data-lx-surface="workspace"] .preset-library-modal{width:100%;max-width:none;max-height:88dvh;padding:16px 14px calc(14px + env(safe-area-inset-bottom));border-radius:16px 16px 0 0}
  [data-lx-surface="workspace"] .cp-preset-library{top:auto;padding:8px}
  [data-lx-surface="workspace"] .cp-preset-list{max-height:none;flex:1}
  [data-lx-surface="workspace"] .preset-select-row{grid-template-columns:minmax(0,1fr) 86px;min-height:82px;padding:12px}
  [data-lx-surface="workspace"] .psr-meta{display:none}
  [data-lx-surface="workspace"] .preset-modal-actions{display:grid;grid-template-columns:1fr 1.35fr}
  [data-lx-surface="workspace"] .preset-modal-actions .btn{min-height:48px}
  [data-lx-surface="workspace"] .preset-browser-overlay{align-items:flex-end;padding:0}
  [data-lx-surface="workspace"] .preset-browser-dialog{width:100%;max-height:91dvh;border-width:1px 0 0;border-radius:20px 20px 0 0;padding-bottom:env(safe-area-inset-bottom)}
  [data-lx-surface="workspace"] .preset-browser-header{padding:16px 14px 13px}
  [data-lx-surface="workspace"] .preset-browser-mark{width:40px;height:40px;border-radius:12px}
  [data-lx-surface="workspace"] .preset-browser-heading h2{font-size:1.08rem}
  [data-lx-surface="workspace"] .preset-browser-heading p{font-size:.62rem}
  [data-lx-surface="workspace"] .preset-browser-tools{grid-template-columns:1fr;padding:10px 14px 8px}
  [data-lx-surface="workspace"] .preset-browser-filters{display:grid;grid-template-columns:repeat(3,1fr)}
  [data-lx-surface="workspace"] .preset-browser-status{padding:0 15px 8px}
  [data-lx-surface="workspace"] .preset-browser-list{padding:0 14px}
  [data-lx-surface="workspace"] .preset-browser-row{grid-template-columns:36px minmax(0,1fr) 44px 56px;gap:8px;min-height:88px;padding:10px 0}
  [data-lx-surface="workspace"] .preset-browser-index{width:34px;height:34px;border-radius:10px}
  [data-lx-surface="workspace"] .preset-browser-use{padding:0 8px}
  [data-lx-surface="workspace"] .preset-browser-footer{padding:10px 14px}
}

@media(max-width:420px){
  [data-lx-surface="workspace"] .preset-library-status span:last-child{display:none}
  [data-lx-surface="workspace"] .home-return-actions{grid-template-columns:1fr}
  [data-lx-surface="workspace"] .preset-select-row{grid-template-columns:minmax(0,1fr) 78px;gap:8px}
  [data-lx-surface="workspace"] .psr-select-state{padding:0 7px}
}

@media(max-width:900px) and (max-height:500px) and (orientation:landscape){
  [data-lx-surface="workspace"] .mobile-bottom-nav{height:52px;padding:3px 6px;bottom:max(4px,env(safe-area-inset-bottom));border-radius:18px}
  [data-lx-surface="workspace"] .mobile-nav-item{min-height:44px;flex-direction:row;gap:5px;border-radius:13px}
  [data-lx-surface="workspace"] .mobile-nav-item svg{width:18px;height:18px}
  [data-lx-surface="workspace"] .preset-library{position:relative;top:auto}
  [data-lx-surface="workspace"] .preset-library-toolbar{grid-template-columns:minmax(260px,1fr) auto}
  [data-lx-surface="workspace"] .preset-filter-tab{min-height:36px}
  [data-lx-surface="workspace"] .presets-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  [data-lx-surface="workspace"] .preset-library-modal{max-height:calc(100dvh - 16px);padding-top:12px}
  [data-lx-surface="workspace"] .preset-library-modal .modal-header{margin-bottom:8px}
  [data-lx-surface="workspace"] .preset-library-modal .cp-preset-library{position:relative}
  [data-lx-surface="workspace"] .preset-library-modal .cp-preset-list{min-height:100px}
  [data-lx-surface="workspace"] .preset-library-modal .preset-modal-actions{margin-top:6px;padding-top:6px}
  [data-lx-surface="workspace"] .preset-library-modal .preset-modal-actions .btn{min-height:40px}
}

/* Admin operations and live homepage content */
[data-lx-surface="admin"] .sidebar-nav .nav-icon svg{width:17px;height:17px}
[data-lx-surface="admin"] .operations-status-strip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 14px;padding:11px 13px;border:1px solid #d6e3ed;border-radius:8px;background:rgba(255,255,255,.82)}
[data-lx-surface="admin"] .operations-state{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:0 10px;border-radius:6px;background:#edf3f7;color:#5d7386;font-size:.66rem;font-weight:750}
[data-lx-surface="admin"] .operations-state i{width:7px;height:7px;border-radius:50%;background:#8da0af}
[data-lx-surface="admin"] .operations-state.is-on i{background:#16844b;box-shadow:0 0 0 4px rgba(22,132,75,.1)}
[data-lx-surface="admin"] .operations-state.is-warning i{background:#c2410c;box-shadow:0 0 0 4px rgba(194,65,12,.1)}
[data-lx-surface="admin"] .operations-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
[data-lx-surface="admin"] .operations-panel{margin:0;padding:20px}
[data-lx-surface="admin"] .operations-support-panel{grid-column:1/-1}
[data-lx-surface="admin"] .operations-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid #e2ebf1}
[data-lx-surface="admin"] .operations-panel-heading span{display:block;color:#1769aa;font-size:.58rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
[data-lx-surface="admin"] .operations-panel-heading h3{margin:4px 0 0;padding:0;border:0;font-size:.92rem}
[data-lx-surface="admin"] .operations-toggle{display:flex;align-items:center;gap:8px;flex:none;min-height:38px;padding:0 10px;border:1px solid #d6e3ed;border-radius:7px;background:#f2f7fb;cursor:pointer}
[data-lx-surface="admin"] .operations-toggle input{position:absolute;opacity:0;pointer-events:none}
[data-lx-surface="admin"] .operations-toggle i{position:relative;width:36px;height:21px;border-radius:99px;background:#aab8c4;transition:background .2s}
[data-lx-surface="admin"] .operations-toggle i::after{content:"";position:absolute;left:3px;top:3px;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(11,31,51,.2);transition:transform .2s}
[data-lx-surface="admin"] .operations-toggle input:checked+i{background:#1769aa}
[data-lx-surface="admin"] .operations-toggle-warning input:checked+i{background:#c2410c}
[data-lx-surface="admin"] .operations-toggle input:checked+i::after{transform:translateX(15px)}
[data-lx-surface="admin"] .operations-toggle b{color:#486581;font-size:.64rem;white-space:nowrap}
[data-lx-surface="admin"] .operations-message{min-height:132px}
[data-lx-surface="admin"] .operations-helper{display:block;margin-top:7px;color:#718497;font-size:.66rem;line-height:1.55}
[data-lx-surface="admin"] .operations-save-bar{position:sticky;bottom:12px;z-index:12;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;padding:12px 14px;border:1px solid rgba(159,197,220,.86);border-radius:9px;background:rgba(247,251,253,.94);box-shadow:0 12px 30px rgba(11,31,51,.12);backdrop-filter:blur(12px)}
[data-lx-surface="admin"] .operations-save-bar span{color:#61788c;font-size:.68rem}
[data-lx-surface="admin"] .operations-save-bar .btn{min-height:42px}
[data-lx-surface="admin"] #view-sitecontent .sc-section{padding-top:2px}
[data-lx-surface="admin"] #view-sitecontent textarea.form-input{min-height:104px}

@media(max-width:900px){
  [data-lx-surface="admin"] .operations-grid{grid-template-columns:1fr}
  [data-lx-surface="admin"] .operations-support-panel{grid-column:auto}
}

@media(max-width:600px){
  [data-lx-surface="admin"] .operations-panel-heading{align-items:stretch;flex-direction:column}
  [data-lx-surface="admin"] .operations-toggle{justify-content:space-between}
  [data-lx-surface="admin"] .operations-save-bar{align-items:stretch;flex-direction:column;padding:8px}
  [data-lx-surface="admin"] .operations-save-bar span{display:none}
  [data-lx-surface="admin"] .operations-save-bar .btn{width:100%;justify-content:center}
}

/* Feedback, payment and real AE frame preview */
[data-lx-surface="admin"] .payment-hero{margin-bottom:14px}
[data-lx-surface="admin"] .payment-status-card{display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:14px 16px;border:1px solid #f0c6a9;border-radius:9px;background:#fff8f2}
[data-lx-surface="admin"] .payment-status-card[data-ready="true"]{border-color:#b7dfc8;background:#f1fbf5}
[data-lx-surface="admin"] .payment-status-dot{width:10px;height:10px;flex:none;border-radius:50%;background:#c2410c;box-shadow:0 0 0 5px rgba(194,65,12,.1)}
[data-lx-surface="admin"] .payment-status-card[data-ready="true"] .payment-status-dot{background:#16844b;box-shadow:0 0 0 5px rgba(22,132,75,.1)}
[data-lx-surface="admin"] .payment-status-card strong,[data-lx-surface="admin"] .payment-status-card small{display:block}
[data-lx-surface="admin"] .payment-status-card strong{color:#21384a;font-size:.84rem}
[data-lx-surface="admin"] .payment-status-card small{margin-top:3px;color:#64798a;font-size:.69rem;line-height:1.5}
[data-lx-surface="admin"] .payment-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;padding:14px;border:1px solid #dce7ee;border-radius:8px;background:#f7fafc}
[data-lx-surface="admin"] .payment-toggle-row strong,[data-lx-surface="admin"] .payment-toggle-row small{display:block}
[data-lx-surface="admin"] .payment-toggle-row strong{font-size:.78rem}
[data-lx-surface="admin"] .payment-toggle-row small{margin-top:4px;color:#718497;font-size:.66rem}
[data-lx-surface="admin"] .payment-helper{display:block;margin-top:6px;color:#718497;font-size:.64rem;line-height:1.5}
[data-lx-surface="admin"] .payment-method-switches{display:flex;min-height:43px;align-items:center;gap:8px}
[data-lx-surface="admin"] .payment-method-switches label{display:inline-flex;min-height:40px;align-items:center;gap:7px;padding:0 12px;border:1px solid #d6e3ed;border-radius:7px;background:#f7fafc;cursor:pointer}
[data-lx-surface="admin"] .payment-method-switches input{width:17px;height:17px;accent-color:#1769aa}
[data-lx-surface="admin"] .payment-callback-box{margin-top:16px;padding:14px;border:1px solid #d6e3ed;border-radius:8px;background:#f2f7fb}
[data-lx-surface="admin"] .payment-callback-box span,[data-lx-surface="admin"] .payment-callback-box small{display:block}
[data-lx-surface="admin"] .payment-callback-box span{color:#486581;font-size:.64rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
[data-lx-surface="admin"] .payment-callback-box code{display:block;overflow-wrap:anywhere;margin:7px 0;color:#1769aa;font-size:.74rem}
[data-lx-surface="admin"] .payment-callback-box small{color:#718497;font-size:.65rem;line-height:1.5}

[data-lx-surface="workspace"] .account-pay-unavailable{display:inline-flex;min-height:42px;align-items:center;padding:0 12px;border:1px dashed rgba(100,116,139,.35);border-radius:12px;color:#64748b;font-size:.72rem}
[data-lx-surface="workspace"] .account-checkout-button:disabled{cursor:not-allowed;opacity:.58;box-shadow:none}
[data-lx-surface="workspace"] .profile-feedback-section{margin-top:18px;padding-top:18px;border-top:1px solid rgba(148,163,184,.22)}
[data-lx-surface="workspace"] .feedback-type-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0}
[data-lx-surface="workspace"] .feedback-type-selector label{cursor:pointer}
[data-lx-surface="workspace"] .feedback-type-selector input{position:absolute;opacity:0;pointer-events:none}
[data-lx-surface="workspace"] .feedback-type-selector span{display:flex;min-height:42px;align-items:center;justify-content:center;border:1px solid rgba(148,163,184,.28);border-radius:12px;background:rgba(255,255,255,.58);color:#64748b;font-size:.72rem;font-weight:750}
[data-lx-surface="workspace"] .feedback-type-selector input:checked+span{border-color:#b7791f;background:#fff7e6;color:#915b08;box-shadow:0 0 0 3px rgba(183,121,31,.1)}
[data-lx-surface="workspace"] .feedback-type-selector input:focus-visible+span{outline:2px solid #b7791f;outline-offset:2px}
[data-lx-surface="workspace"] .profile-feedback-field{display:block;margin:10px 0 7px;color:#475569;font-size:.7rem;font-weight:750}
[data-lx-surface="workspace"] #profile-feedback-message{width:100%;min-height:112px;resize:vertical;padding:12px;border:1px solid rgba(148,163,184,.3);border-radius:13px;background:rgba(255,255,255,.74);color:#0f172a;font:inherit;font-size:.76rem;line-height:1.6}
[data-lx-surface="workspace"] #profile-feedback-message:focus{outline:0;border-color:#b7791f;box-shadow:0 0 0 3px rgba(183,121,31,.12)}
[data-lx-surface="workspace"] .profile-feedback-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:9px}
[data-lx-surface="workspace"] .profile-feedback-actions span{color:#64748b;font-size:.63rem;line-height:1.45}
[data-lx-surface="workspace"] .profile-feedback-actions button{min-width:104px;min-height:44px;flex:none;border:0;border-radius:12px;background:#111827;color:#fff;font-weight:750;cursor:pointer}
[data-lx-surface="workspace"] .profile-feedback-actions button:disabled{cursor:wait;opacity:.6}
[data-lx-surface="workspace"] .preset-frame-preview-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;padding:17px 18px;border:1px solid rgba(183,121,31,.25);border-radius:17px;background:linear-gradient(130deg,#fff9eb,#fff)}
[data-lx-surface="workspace"] .preset-frame-preview-cta div>span,[data-lx-surface="workspace"] .preset-frame-preview-cta div>strong,[data-lx-surface="workspace"] .preset-frame-preview-cta div>small{display:block}
[data-lx-surface="workspace"] .preset-frame-preview-cta div>span{color:#a16207;font-size:.56rem;font-weight:900;letter-spacing:.14em}
[data-lx-surface="workspace"] .preset-frame-preview-cta div>strong{margin-top:4px;color:#1f2937;font-size:.88rem}
[data-lx-surface="workspace"] .preset-frame-preview-cta div>small{margin-top:4px;color:#64748b;font-size:.67rem;line-height:1.5}
[data-lx-surface="workspace"] .preset-frame-preview-cta button,[data-lx-surface="workspace"] .preset-frame-generate{min-height:44px;padding:0 16px;border:0;border-radius:12px;background:#a16207;color:#fff;font-weight:800;white-space:nowrap;cursor:pointer}
[data-lx-surface="workspace"] .preset-frame-preview-cta button:disabled,[data-lx-surface="workspace"] .preset-frame-generate:disabled{cursor:not-allowed;opacity:.45}
body[data-lx-surface="workspace"].preset-frame-open{overflow:hidden}
[data-lx-surface="workspace"] .preset-frame-dialog{width:min(940px,calc(100vw - 32px));max-width:940px}
[data-lx-surface="workspace"] .preset-frame-dialog .modal-header p{margin-top:4px;color:#64748b;font-size:.72rem}
[data-lx-surface="workspace"] .preset-frame-picker video{display:block;width:100%;max-height:52vh;border-radius:15px;background:#0b0f15}
[data-lx-surface="workspace"] .preset-frame-time-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:9px 1px 12px;color:#64748b;font-size:.68rem}
[data-lx-surface="workspace"] .preset-frame-time-row span{color:#a16207;font-variant-numeric:tabular-nums;font-weight:850}
[data-lx-surface="workspace"] .preset-frame-generate{width:100%}
[data-lx-surface="workspace"] .preset-frame-progress{padding:28px 10px;text-align:center}
[data-lx-surface="workspace"] .preset-frame-progress[hidden],[data-lx-surface="workspace"] .preset-frame-result[hidden],[data-lx-surface="workspace"] .preset-frame-picker[hidden]{display:none!important}
[data-lx-surface="workspace"] .preset-frame-progress-track{height:8px;overflow:hidden;margin:0 auto 16px;border-radius:99px;background:#e8edf1}
[data-lx-surface="workspace"] .preset-frame-progress-track span{display:block;width:2%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#a16207,#e3a12f);transition:width .35s ease}
[data-lx-surface="workspace"] .preset-frame-progress strong{display:block;color:#1f2937;font-size:.9rem}
[data-lx-surface="workspace"] .preset-frame-progress p{margin-top:5px;color:#64748b;font-size:.7rem}
[data-lx-surface="workspace"] .preset-frame-result{display:grid;grid-template-columns:1fr 1fr;gap:12px}
[data-lx-surface="workspace"] .preset-frame-result figure{margin:0}
[data-lx-surface="workspace"] .preset-frame-result figure>div{display:flex;aspect-ratio:16/10;align-items:center;justify-content:center;overflow:hidden;border-radius:14px;background:#0b0f15}
[data-lx-surface="workspace"] .preset-frame-result img{display:block;width:100%;height:100%;object-fit:contain}
[data-lx-surface="workspace"] .preset-frame-result figcaption{padding:8px 2px 0;color:#475569;font-size:.7rem;font-weight:750;text-align:center}
[data-lx-surface="workspace"] .preset-frame-note{margin-top:12px;padding:10px 12px;border-radius:11px;background:#f4f6f8;color:#64748b;font-size:.66rem;line-height:1.5}

@media(max-width:700px){
  [data-lx-surface="admin"] .payment-toggle-row{align-items:stretch;flex-direction:column}
  [data-lx-surface="workspace"] .profile-feedback-actions,[data-lx-surface="workspace"] .preset-frame-preview-cta{align-items:stretch;flex-direction:column}
  [data-lx-surface="workspace"] .profile-feedback-actions button,[data-lx-surface="workspace"] .preset-frame-preview-cta button{width:100%}
  [data-lx-surface="workspace"] .preset-frame-dialog{width:100%;max-height:92dvh}
  [data-lx-surface="workspace"] .preset-frame-result{grid-template-columns:1fr}
  [data-lx-surface="workspace"] .preset-frame-result figure>div{aspect-ratio:16/9}
}

@media(max-width:900px) and (max-height:500px) and (orientation:landscape){
  [data-lx-surface="workspace"] .preset-frame-dialog{max-height:calc(100dvh - 12px);overflow:auto}
  [data-lx-surface="workspace"] .preset-frame-picker video{max-height:46dvh}
  [data-lx-surface="workspace"] .preset-frame-result{grid-template-columns:1fr 1fr}
}

/* Funds console: solid editorial layout, intentionally independent of workspace imagery. */
body[data-lx-surface="workspace"] .account-funds-panel{overflow:hidden;margin:24px 0;padding:0;border:1px solid #d8dad3;border-radius:8px;background:#f6f7f2!important;box-shadow:0 18px 48px rgba(24,26,27,.12);backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color:#181a1b}
body[data-lx-surface="workspace"] .account-funds-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;border-bottom:1px solid #d8dad3;background:#fff}
body[data-lx-surface="workspace"] .account-funds-title-row{display:flex;min-width:0;align-items:center;gap:13px}
body[data-lx-surface="workspace"] .account-funds-mark{display:grid;width:46px;height:46px;flex:none;place-items:center;border-radius:4px;background:#c8f135;color:#181a1b;transform:rotate(-3deg)}
body[data-lx-surface="workspace"] .account-funds-mark svg{width:23px;height:23px}
body[data-lx-surface="workspace"] .account-kicker{display:block;color:#7a7e74;font-size:.59rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase}
body[data-lx-surface="workspace"] .account-funds-title-row h2{margin:3px 0 0;color:#181a1b;font-size:1.34rem;line-height:1.1;letter-spacing:0}
body[data-lx-surface="workspace"] .account-balance-block{display:grid;grid-template-columns:auto auto;min-width:0;align-items:baseline;gap:2px 13px;padding:0;border:0;text-align:right}
body[data-lx-surface="workspace"] .account-balance-block span{color:#71756d;font-size:.62rem;font-weight:750}
body[data-lx-surface="workspace"] .account-balance-block strong{grid-row:1/3;grid-column:2;display:block;margin:0;color:#181a1b;font-size:1.72rem;line-height:1;font-variant-numeric:tabular-nums}
body[data-lx-surface="workspace"] .account-balance-block small{display:block;color:#8b8f86;font-size:.6rem}
body[data-lx-surface="workspace"] .account-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0;width:100%;margin:0;padding:0;border-bottom:1px solid #d8dad3;border-radius:0;background:#eceee7}
body[data-lx-surface="workspace"] .account-mode-tab{display:flex;min-width:0;min-height:54px;align-items:center;justify-content:center;gap:9px;padding:0 16px;border:0;border-right:1px solid #d8dad3;border-radius:0;background:transparent;color:#74786f;font:800 .72rem inherit;cursor:pointer;transition:background .18s ease,color .18s ease}
body[data-lx-surface="workspace"] .account-mode-tab:last-child{border-right:0}
body[data-lx-surface="workspace"] .account-mode-tab span{font-size:.58rem;font-variant-numeric:tabular-nums}
body[data-lx-surface="workspace"] .account-mode-tab.active{background:#181a1b;color:#fff;box-shadow:none}
body[data-lx-surface="workspace"] .account-mode-tab.active span{color:#c8f135}
body[data-lx-surface="workspace"] .account-funds-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,32%);align-items:stretch}
body[data-lx-surface="workspace"] .account-funds-main{min-width:0;padding:28px;border-right:1px solid #d8dad3;background:#f6f7f2}
body[data-lx-surface="workspace"] .account-option-panel{margin:0}
body[data-lx-surface="workspace"] .account-section-heading{display:flex;align-items:center;gap:11px;margin-bottom:14px}
body[data-lx-surface="workspace"] .account-section-heading>span{display:grid;width:27px;height:27px;flex:none;place-items:center;border:1px solid #bfc2b9;border-radius:50%;color:#555950;font-size:.57rem;font-weight:900}
body[data-lx-surface="workspace"] .account-section-heading strong,body[data-lx-surface="workspace"] .account-section-heading small{display:block}
body[data-lx-surface="workspace"] .account-section-heading strong{color:#242625;font-size:.76rem}
body[data-lx-surface="workspace"] .account-section-heading small{margin-top:2px;color:#858980;font-size:.61rem;line-height:1.4}
body[data-lx-surface="workspace"] .account-option-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
body[data-lx-surface="workspace"] .account-option{position:relative;min-width:0;min-height:108px;padding:14px;border:1px solid #cfd2c9;border-radius:4px;background:#fff;color:#181a1b;text-align:left;font-family:inherit;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
body[data-lx-surface="workspace"] .account-option:hover{z-index:1;transform:translateY(-2px);border-color:#686c64;background:#fff;box-shadow:0 8px 18px rgba(24,26,27,.08)}
body[data-lx-surface="workspace"] .account-option.selected{border-color:#181a1b;background:#181a1b;box-shadow:inset 0 0 0 1px #181a1b;color:#fff}
body[data-lx-surface="workspace"] .account-option span,body[data-lx-surface="workspace"] .account-option small{display:block;color:#858980;font-size:.6rem}
body[data-lx-surface="workspace"] .account-option.selected span,body[data-lx-surface="workspace"] .account-option.selected small{color:#afb3aa}
body[data-lx-surface="workspace"] .account-option strong{display:block;margin:8px 0;color:inherit;font-size:1.16rem;line-height:1;overflow-wrap:anywhere}
body[data-lx-surface="workspace"] .account-option i{position:absolute;right:0;top:0;width:0;height:0;border-top:22px solid transparent;border-left:22px solid transparent}
body[data-lx-surface="workspace"] .account-option.selected i{border-top-color:#c8f135}
body[data-lx-surface="workspace"] .account-custom-amount{display:grid;grid-template-columns:minmax(130px,.7fr) minmax(180px,1fr);align-items:center;gap:14px;margin-top:8px;padding:13px 14px;border:1px dashed #b9bdb3;border-radius:4px;background:transparent;cursor:text;transition:border-color .18s ease,background .18s ease}
body[data-lx-surface="workspace"] .account-custom-amount.selected{border-color:#181a1b;border-style:solid;background:#fff;box-shadow:inset 4px 0 0 #c8f135}
body[data-lx-surface="workspace"] .account-custom-copy label,body[data-lx-surface="workspace"] .account-custom-copy small{display:block}
body[data-lx-surface="workspace"] .account-custom-copy label{color:#292b29;font-size:.71rem;font-weight:850}
body[data-lx-surface="workspace"] .account-custom-copy small{margin-top:3px;color:#858980;font-size:.59rem;line-height:1.4}
body[data-lx-surface="workspace"] .account-custom-input{display:flex;align-items:center;min-height:46px;padding:0 13px;border:1px solid #cfd2c9;border-radius:3px;background:#fff;color:#555950}
body[data-lx-surface="workspace"] .account-custom-input:focus-within{border-color:#181a1b;box-shadow:0 0 0 3px rgba(200,241,53,.45)}
body[data-lx-surface="workspace"] .account-custom-input input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#181a1b;font:800 .78rem inherit}
body[data-lx-surface="workspace"] .account-custom-input input[aria-invalid="true"]{color:#c93636}
body[data-lx-surface="workspace"] .account-payment-section{margin-top:27px;padding-top:23px;border-top:1px solid #d8dad3}
body[data-lx-surface="workspace"] .account-pay-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
body[data-lx-surface="workspace"] .account-pay-method{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) 16px;min-width:0;min-height:64px;align-items:center;gap:10px;padding:8px 12px;border:1px solid #cfd2c9;border-radius:4px;background:#fff;color:#353835;text-align:left;font-family:inherit;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease}
body[data-lx-surface="workspace"] .account-pay-method:hover{border-color:#6c7068}
body[data-lx-surface="workspace"] .account-pay-method.selected{border-color:#181a1b;background:#fff;color:#181a1b;box-shadow:inset 4px 0 0 #c8f135}
body[data-lx-surface="workspace"] .account-pay-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:3px;color:#fff}
body[data-lx-surface="workspace"] .account-pay-icon svg{width:20px;height:20px}
body[data-lx-surface="workspace"] .account-pay-icon-alipay{background:#1677ff}
body[data-lx-surface="workspace"] .account-pay-icon-wechat{background:#08a647}
body[data-lx-surface="workspace"] .account-pay-method strong,body[data-lx-surface="workspace"] .account-pay-method small{display:block}
body[data-lx-surface="workspace"] .account-pay-method strong{font-size:.7rem}
body[data-lx-surface="workspace"] .account-pay-method small{margin-top:2px;color:#8a8e85;font-size:.57rem}
body[data-lx-surface="workspace"] .account-pay-method>i{width:14px;height:14px;border:1px solid #b6bab0;border-radius:50%}
body[data-lx-surface="workspace"] .account-pay-method.selected>i{border:4px solid #181a1b;background:#c8f135}
body[data-lx-surface="workspace"] .account-pay-unavailable{display:flex;grid-column:1/-1;min-height:64px;align-items:center;gap:10px;padding:10px 13px;border:1px dashed #b9bdb3;border-radius:4px;color:#686c64}
body[data-lx-surface="workspace"] .account-pay-unavailable>svg{width:24px;height:24px;flex:none}
body[data-lx-surface="workspace"] .account-pay-unavailable strong,body[data-lx-surface="workspace"] .account-pay-unavailable small{display:block}
body[data-lx-surface="workspace"] .account-pay-unavailable strong{font-size:.68rem}
body[data-lx-surface="workspace"] .account-pay-unavailable small{margin-top:2px;font-size:.58rem}
body[data-lx-surface="workspace"] .account-order-summary{display:flex;min-width:0;flex-direction:column;padding:28px 24px;background:#181a1b;color:#fff}
body[data-lx-surface="workspace"] .account-order-topline{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#989d92;font-size:.53rem;font-weight:850;letter-spacing:.11em}
body[data-lx-surface="workspace"] .account-order-live{display:flex;align-items:center;gap:5px;color:#c8f135;letter-spacing:0}
body[data-lx-surface="workspace"] .account-order-live i{width:6px;height:6px;border-radius:50%;background:#c8f135;box-shadow:0 0 0 4px rgba(200,241,53,.1)}
body[data-lx-surface="workspace"] .account-order-summary h3{margin:18px 0 24px;color:#fff;font-size:1.06rem;letter-spacing:0}
body[data-lx-surface="workspace"] .account-order-product{padding-bottom:22px;border-bottom:1px solid #343735}
body[data-lx-surface="workspace"] .account-order-product span{display:block;color:#adb1a8;font-size:.65rem}
body[data-lx-surface="workspace"] .account-order-product strong{display:block;margin-top:7px;color:#fff;font-size:2.15rem;line-height:1;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
body[data-lx-surface="workspace"] .account-order-details{margin:18px 0 0}
body[data-lx-surface="workspace"] .account-order-details div{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:7px 0}
body[data-lx-surface="workspace"] .account-order-details [hidden]{display:none!important}
body[data-lx-surface="workspace"] .account-order-details dt,body[data-lx-surface="workspace"] .account-order-details dd{margin:0;font-size:.61rem;line-height:1.4}
body[data-lx-surface="workspace"] .account-order-details dt{color:#888d83}
body[data-lx-surface="workspace"] .account-order-details dd{color:#d9dcd5;text-align:right}
body[data-lx-surface="workspace"] .account-order-total{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-top:auto;padding:24px 0 16px;border-top:1px solid #343735}
body[data-lx-surface="workspace"] .account-order-total span{color:#b9bdb4;font-size:.65rem}
body[data-lx-surface="workspace"] .account-order-total strong{color:#c8f135;font-size:1.25rem;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
body[data-lx-surface="workspace"] .account-checkout-button{display:flex;width:100%;min-width:0;min-height:50px;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;border:0;border-radius:3px;background:#c8f135;color:#181a1b;font:850 .7rem inherit;cursor:pointer;transition:background .18s ease,transform .18s ease}
body[data-lx-surface="workspace"] .account-checkout-button:hover{background:#dcff5f;transform:translateY(-1px)}
body[data-lx-surface="workspace"] .account-checkout-button svg{width:18px;height:18px;flex:none}
body[data-lx-surface="workspace"] .account-checkout-button:disabled{background:#3b3e3b;color:#858a80;transform:none}
body[data-lx-surface="workspace"] .account-checkout-status{margin-top:10px;color:#8f948a;font-size:.58rem;line-height:1.5}
body[data-lx-surface="workspace"] .account-checkout-status.loading{color:#c8f135}
body[data-lx-surface="workspace"] .account-checkout-status.error{color:#ff7a68}
body[data-lx-surface="workspace"] .account-mode-tab:focus-visible,body[data-lx-surface="workspace"] .account-option:focus-visible,body[data-lx-surface="workspace"] .account-pay-method:focus-visible,body[data-lx-surface="workspace"] .account-checkout-button:focus-visible{outline:3px solid #ff6b57;outline-offset:2px}

@media(max-width:1000px){
  body[data-lx-surface="workspace"] .account-funds-layout{grid-template-columns:minmax(0,1fr) 280px}
  body[data-lx-surface="workspace"] .account-funds-main{padding:22px}
  body[data-lx-surface="workspace"] .account-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:760px){
  body[data-lx-surface="workspace"] .account-funds-panel{margin:14px -14px 20px;border-inline:0;border-radius:0;box-shadow:none}
  body[data-lx-surface="workspace"] .account-funds-header{align-items:flex-start;padding:18px 16px}
  body[data-lx-surface="workspace"] .account-funds-mark{width:40px;height:40px}
  body[data-lx-surface="workspace"] .account-balance-block{grid-template-columns:1fr;text-align:right}
  body[data-lx-surface="workspace"] .account-balance-block strong{grid-row:auto;grid-column:auto;margin-top:3px;font-size:1.28rem}
  body[data-lx-surface="workspace"] .account-balance-block small{display:none}
  body[data-lx-surface="workspace"] .account-mode-tab{min-height:50px}
  body[data-lx-surface="workspace"] .account-funds-layout{grid-template-columns:1fr}
  body[data-lx-surface="workspace"] .account-funds-main{padding:20px 16px;border-right:0}
  body[data-lx-surface="workspace"] .account-order-summary{min-height:360px;padding:22px 16px}
  body[data-lx-surface="workspace"] .account-order-product strong{font-size:1.9rem}
}

@media(max-width:430px){
  body[data-lx-surface="workspace"] .account-funds-title-row{gap:10px}
  body[data-lx-surface="workspace"] .account-funds-title-row h2{font-size:1.14rem}
  body[data-lx-surface="workspace"] .account-option-grid{grid-template-columns:1fr 1fr;gap:7px}
  body[data-lx-surface="workspace"] .account-option{min-height:100px;padding:12px}
  body[data-lx-surface="workspace"] .account-custom-amount{grid-template-columns:1fr;gap:9px}
  body[data-lx-surface="workspace"] .account-pay-methods{grid-template-columns:1fr}
  body[data-lx-surface="workspace"] .account-section-heading small{max-width:240px}
}

/* Recharge UI integration pass: inherit the workspace's established visual language. */
body[data-lx-surface="workspace"] .account-funds-panel{scroll-margin-top:82px;border:1px solid rgba(214,227,237,.9);border-radius:24px;background:rgba(255,255,255,.88)!important;box-shadow:0 18px 46px rgba(7,27,45,.1);color:#102a43}
body[data-lx-surface="workspace"].has-workspace-background .account-funds-panel{background:rgba(255,255,255,.78)!important;backdrop-filter:blur(20px) saturate(1.2)!important;-webkit-backdrop-filter:blur(20px) saturate(1.2)!important}
body[data-lx-surface="workspace"] .account-funds-header{padding:24px 26px;border-bottom:0;background:radial-gradient(circle at 88% 4%,rgba(44,177,166,.3),transparent 38%),linear-gradient(145deg,#0b1f33,#123a5a)}
body[data-lx-surface="workspace"] .account-funds-mark{width:48px;height:48px;border-radius:15px;background:rgba(255,255,255,.12);color:#66d5cc;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);transform:none}
body[data-lx-surface="workspace"] .account-kicker{color:#66d5cc;font-size:.62rem;letter-spacing:.13em}
body[data-lx-surface="workspace"] .account-funds-title-row h2{margin-top:5px;color:#fff;font-size:1.42rem}
body[data-lx-surface="workspace"] .account-balance-block{padding:10px 13px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:rgba(255,255,255,.08)}
body[data-lx-surface="workspace"] .account-balance-block span,body[data-lx-surface="workspace"] .account-balance-block small{color:#aebfce}
body[data-lx-surface="workspace"] .account-balance-block strong{color:#fff;font-size:1.68rem}
body[data-lx-surface="workspace"] .account-mode-tabs{gap:6px;padding:6px;border:0;border-bottom:1px solid #dce7ee;background:#edf3f7}
body[data-lx-surface="workspace"] .account-mode-tab{min-height:46px;border:0!important;border-radius:12px;color:#657b8d;transition:background .2s ease,color .2s ease,box-shadow .2s ease}
body[data-lx-surface="workspace"] .account-mode-tab:hover{color:#1769aa}
body[data-lx-surface="workspace"] .account-mode-tab.active{background:#fff;color:#1769aa;box-shadow:0 5px 15px rgba(15,50,75,.09)}
body[data-lx-surface="workspace"] .account-mode-tab.active span{color:#0f8b8d}
body[data-lx-surface="workspace"] .account-funds-layout{grid-template-columns:minmax(0,1fr) minmax(290px,32%)}
body[data-lx-surface="workspace"] .account-funds-main{padding:26px;border-right:1px solid #dce7ee;background:rgba(248,251,253,.72)}
body[data-lx-surface="workspace"] .account-section-heading>span{border:0;border-radius:10px;background:#e2f2f4;color:#0f7b7d}
body[data-lx-surface="workspace"] .account-section-heading strong{color:#18354d;font-size:.78rem}
body[data-lx-surface="workspace"] .account-section-heading small{color:#718699}
body[data-lx-surface="workspace"] .account-option-grid{gap:9px}
body[data-lx-surface="workspace"] .account-option{min-height:104px;padding:14px;border:1px solid #d6e3ed;border-radius:16px;background:rgba(255,255,255,.9);color:#17324a;box-shadow:0 6px 16px rgba(15,50,75,.035);transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}
body[data-lx-surface="workspace"] .account-option:hover{border-color:#8cb7d0;background:#fff;box-shadow:0 10px 22px rgba(15,50,75,.08)}
body[data-lx-surface="workspace"] .account-option.selected{border-color:#1769aa;background:#edf6fb;color:#102a43;box-shadow:0 0 0 3px rgba(23,105,170,.11)}
body[data-lx-surface="workspace"] .account-option span,body[data-lx-surface="workspace"] .account-option small,body[data-lx-surface="workspace"] .account-option.selected span,body[data-lx-surface="workspace"] .account-option.selected small{color:#718699}
body[data-lx-surface="workspace"] .account-option strong{margin:8px 0;font-size:1.13rem}
body[data-lx-surface="workspace"] .account-option i{right:11px;top:11px;width:18px;height:18px;border:1px solid #c4d3de;border-radius:50%;background:#fff}
body[data-lx-surface="workspace"] .account-option.selected i{border:5px solid #1769aa;background:#66d5cc}
body[data-lx-surface="workspace"] .membership-empty-state{grid-column:1/-1;padding:28px;border:1px dashed #bdcfdb;border-radius:15px;color:#718699;text-align:center;font-size:.72rem}
body[data-lx-surface="workspace"] .membership-plan-detail{display:grid;grid-template-columns:minmax(120px,.55fr) minmax(0,1.45fr);gap:12px 18px;margin-top:14px;padding:14px 2px 0;border-top:1px solid #dce7ee}
body[data-lx-surface="workspace"] .membership-plan-detail-title span,body[data-lx-surface="workspace"] .membership-plan-detail-title strong{display:block}
body[data-lx-surface="workspace"] .membership-plan-detail-title span{color:#718699;font-size:.57rem;font-weight:750}
body[data-lx-surface="workspace"] .membership-plan-detail-title strong{margin-top:3px;color:#17324a;font-size:.76rem}
body[data-lx-surface="workspace"] .membership-plan-detail dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0}
body[data-lx-surface="workspace"] .membership-plan-detail dl div{min-width:0}
body[data-lx-surface="workspace"] .membership-plan-detail dt,body[data-lx-surface="workspace"] .membership-plan-detail dd{margin:0}
body[data-lx-surface="workspace"] .membership-plan-detail dt{color:#8295a4;font-size:.54rem}
body[data-lx-surface="workspace"] .membership-plan-detail dd{margin-top:3px;color:#17324a;font-size:.61rem;font-weight:800;overflow-wrap:anywhere}
body[data-lx-surface="workspace"] .membership-plan-detail p{grid-column:1/-1;margin:0;color:#718699;font-size:.58rem;line-height:1.45}
body[data-lx-surface="workspace"] .account-custom-amount{padding:13px 14px;border:1px dashed #bdcfdb;border-radius:15px;background:rgba(255,255,255,.5)}
body[data-lx-surface="workspace"] .account-custom-amount.selected{border-color:#1769aa;background:#fff;box-shadow:0 0 0 3px rgba(23,105,170,.1)}
body[data-lx-surface="workspace"] .account-custom-copy label{color:#18354d}
body[data-lx-surface="workspace"] .account-custom-copy small{color:#718699}
body[data-lx-surface="workspace"] .account-custom-input{border-color:#d2e0e9;border-radius:11px;color:#486581}
body[data-lx-surface="workspace"] .account-custom-input:focus-within{border-color:#1769aa;box-shadow:0 0 0 3px rgba(23,105,170,.11)}
body[data-lx-surface="workspace"] .account-custom-input input{color:#102a43}
body[data-lx-surface="workspace"] .account-payment-section{border-top-color:#dce7ee}
body[data-lx-surface="workspace"] .account-pay-method{min-height:66px;border-color:#d6e3ed;border-radius:15px;background:#fff;color:#18354d;box-shadow:0 6px 16px rgba(15,50,75,.035)}
body[data-lx-surface="workspace"] .account-pay-method:hover{border-color:#8cb7d0}
body[data-lx-surface="workspace"] .account-pay-method.selected{border-color:#1769aa;background:#edf6fb;color:#102a43;box-shadow:0 0 0 3px rgba(23,105,170,.1)}
body[data-lx-surface="workspace"] .account-pay-icon{border-radius:12px}
body[data-lx-surface="workspace"] .account-pay-method>i{border-color:#b8cbd8;background:#fff}
body[data-lx-surface="workspace"] .account-pay-method.selected>i{border:5px solid #1769aa;background:#66d5cc}
body[data-lx-surface="workspace"] .account-pay-unavailable{border-color:#bdcfdb;border-radius:15px;color:#61788c}
body[data-lx-surface="workspace"] .account-order-summary{padding:27px 23px;background:radial-gradient(circle at 88% 4%,rgba(44,177,166,.2),transparent 38%),linear-gradient(155deg,#0b1f33,#123a5a);color:#fff}
body[data-lx-surface="workspace"] .account-order-topline{color:#7ea1ba}
body[data-lx-surface="workspace"] .account-order-live{color:#66d5cc}
body[data-lx-surface="workspace"] .account-order-live i{background:#66d5cc;box-shadow:0 0 0 4px rgba(102,213,204,.12)}
body[data-lx-surface="workspace"] .account-order-product{border-bottom-color:rgba(255,255,255,.12)}
body[data-lx-surface="workspace"] .account-order-product span{color:#9eb4c4}
body[data-lx-surface="workspace"] .account-order-details dt{color:#809eb4}
body[data-lx-surface="workspace"] .account-order-details dd{color:#dbe8f1}
body[data-lx-surface="workspace"] .account-order-total{border-top-color:rgba(255,255,255,.12)}
body[data-lx-surface="workspace"] .account-order-total span{color:#b7c8d4}
body[data-lx-surface="workspace"] .account-order-total strong{color:#f5a623}
body[data-lx-surface="workspace"] .account-checkout-button{border-radius:13px;background:#1769aa;color:#fff;box-shadow:0 10px 22px rgba(7,75,128,.28)}
body[data-lx-surface="workspace"] .account-checkout-button:hover{background:#0f568b;transform:translateY(-1px)}
body[data-lx-surface="workspace"] .account-checkout-button:disabled{background:rgba(255,255,255,.1);color:#7794aa;box-shadow:none}
body[data-lx-surface="workspace"] .account-checkout-status{color:#829fb3}
body[data-lx-surface="workspace"] .account-checkout-status.loading{color:#66d5cc}
body[data-lx-surface="workspace"] .account-mode-tab:focus-visible,body[data-lx-surface="workspace"] .account-option:focus-visible,body[data-lx-surface="workspace"] .account-pay-method:focus-visible,body[data-lx-surface="workspace"] .account-checkout-button:focus-visible{outline-color:#f5a623}

html[data-theme="dark"] body[data-lx-surface="workspace"] .account-funds-panel,
html[data-theme="neon"] body[data-lx-surface="workspace"] .account-funds-panel{border-color:#29475f;background:#102638!important}
html[data-theme="dark"] body[data-lx-surface="workspace"] .account-mode-tabs,
html[data-theme="neon"] body[data-lx-surface="workspace"] .account-mode-tabs{border-color:#29475f;background:#0b1c2c}
html[data-theme="dark"] body[data-lx-surface="workspace"] .account-mode-tab,
html[data-theme="neon"] body[data-lx-surface="workspace"] .account-mode-tab{color:#9ab1c2}
html[data-theme="dark"] body[data-lx-surface="workspace"] .account-mode-tab.active,
html[data-theme="neon"] body[data-lx-surface="workspace"] .account-mode-tab.active{background:#153f55;color:#66d5cc}
html[data-theme="dark"] body[data-lx-surface="workspace"] .account-funds-main,
html[data-theme="neon"] body[data-lx-surface="workspace"] .account-funds-main{border-color:#29475f;background:#102638}
html[data-theme="dark"] body[data-lx-surface="workspace"] :where(.account-option,.account-custom-amount,.account-custom-input,.account-pay-method),
html[data-theme="neon"] body[data-lx-surface="workspace"] :where(.account-option,.account-custom-amount,.account-custom-input,.account-pay-method){border-color:#29475f;background:#132d40;color:#eaf5ff}
html[data-theme="dark"] body[data-lx-surface="workspace"] :where(.account-option.selected,.account-custom-amount.selected,.account-pay-method.selected),
html[data-theme="neon"] body[data-lx-surface="workspace"] :where(.account-option.selected,.account-custom-amount.selected,.account-pay-method.selected){border-color:#2cb1a6;background:#153f55;color:#fff;box-shadow:0 0 0 3px rgba(44,177,166,.12)}
html[data-theme="dark"] body[data-lx-surface="workspace"] .account-option.selected,
html[data-theme="dark"] body[data-lx-surface="workspace"] .account-custom-amount.selected,
html[data-theme="dark"] body[data-lx-surface="workspace"] .account-pay-method.selected,
html[data-theme="neon"] body[data-lx-surface="workspace"] .account-option.selected,
html[data-theme="neon"] body[data-lx-surface="workspace"] .account-custom-amount.selected,
html[data-theme="neon"] body[data-lx-surface="workspace"] .account-pay-method.selected{border-color:#2cb1a6;background:#153f55;color:#fff;box-shadow:0 0 0 3px rgba(44,177,166,.12)}
html[data-theme="dark"] body[data-lx-surface="workspace"] :where(.account-section-heading strong,.account-custom-copy label,.account-custom-input input),
html[data-theme="neon"] body[data-lx-surface="workspace"] :where(.account-section-heading strong,.account-custom-copy label,.account-custom-input input){color:#eaf5ff}
html[data-theme="dark"] body[data-lx-surface="workspace"] .membership-plan-detail,
html[data-theme="neon"] body[data-lx-surface="workspace"] .membership-plan-detail{border-color:#29475f}
html[data-theme="dark"] body[data-lx-surface="workspace"] .membership-plan-detail :where(strong,dd),
html[data-theme="neon"] body[data-lx-surface="workspace"] .membership-plan-detail :where(strong,dd){color:#eaf5ff}

@media(max-width:760px){
  body[data-lx-surface="workspace"] .account-funds-panel{scroll-margin-top:94px;margin:14px 0 20px;border-inline:1px solid rgba(214,227,237,.9);border-radius:22px;box-shadow:0 10px 28px rgba(15,23,42,.07)}
  body[data-lx-surface="workspace"] .account-funds-header{padding:18px 16px}
  body[data-lx-surface="workspace"] .account-funds-mark{width:42px;height:42px;border-radius:13px}
  body[data-lx-surface="workspace"] .account-balance-block{padding:7px 9px;border-radius:12px}
  body[data-lx-surface="workspace"] .account-mode-tabs{padding:5px}
  body[data-lx-surface="workspace"] .account-funds-layout{grid-template-columns:minmax(0,1fr)}
  body[data-lx-surface="workspace"] .account-funds-main{padding:20px 15px}
  body[data-lx-surface="workspace"] .account-order-summary{width:auto;min-width:0;min-height:360px;padding:23px 16px}
  body[data-lx-surface="workspace"] .membership-plan-detail{grid-template-columns:1fr}
  body[data-lx-surface="workspace"] .membership-plan-detail dl{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:430px){
  body[data-lx-surface="workspace"] .membership-plan-detail dl{grid-template-columns:1fr 1fr}
}

@media(prefers-reduced-motion:reduce){
  [data-lx-surface="workspace"] .preset-frame-progress-track span{transition:none}
}

/* Preset metadata administration */
.admin-preset-table td{vertical-align:middle}.admin-preset-thumb{display:grid;width:92px;aspect-ratio:16/10;place-items:center;overflow:hidden;border:1px solid var(--border);border-radius:7px;background:var(--bg-card-hover);color:var(--text-muted);font-size:.55rem;font-weight:800}.admin-preset-thumb img{width:100%;height:100%;object-fit:cover}.admin-preset-name,.admin-preset-author{display:block}.admin-preset-name{font-size:.84rem}.admin-preset-author{margin-top:4px;color:var(--brand-gold);font-size:.66rem}.admin-preset-description{max-width:280px;color:var(--text-secondary);font-size:.72rem;line-height:1.5}.admin-preset-actions{display:flex;gap:6px;white-space:nowrap}.preset-metadata-modal{width:min(760px,calc(100vw - 28px));max-width:760px}.preset-metadata-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.preset-metadata-heading span{color:var(--brand-gold);font-size:.58rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.preset-metadata-heading h3{margin-top:4px}.preset-metadata-heading button{display:grid;width:44px;height:44px;place-items:center;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text-secondary);font-size:1.4rem;cursor:pointer}.preset-metadata-grid{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(260px,1.2fr);gap:20px}.preset-metadata-preview{position:relative;display:grid;aspect-ratio:4/3;place-items:center;overflow:hidden;border:1px dashed var(--brand-gold);border-radius:8px;background:var(--bg-card-hover);color:var(--text-muted);font-size:.72rem;cursor:pointer}.preset-metadata-preview input{position:absolute;inset:0;opacity:0;cursor:pointer}.preset-metadata-preview img{display:none;width:100%;height:100%;object-fit:cover}.preset-metadata-preview img.visible{display:block}.preset-metadata-fields{min-width:0}.preset-metadata-helper{display:block;margin-top:5px;color:var(--text-muted);font-size:.62rem}.preset-remove-preview{display:flex;min-height:44px;align-items:center;gap:8px;color:var(--text-secondary);font-size:.72rem;cursor:pointer}.preset-metadata-status{min-height:22px;margin-top:12px;color:var(--brand-gold);font-size:.7rem}.preset-metadata-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:12px;border-top:1px solid var(--border)}
.admin-preview-library{display:grid;gap:10px}.admin-preview-library-row{display:grid;grid-template-columns:92px minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--bg-card-hover)}.admin-preview-library-main{min-width:0}.admin-preview-library-main strong{display:block;font-size:.9rem}.admin-preview-library-main p{margin:.35rem 0 0;color:var(--text-secondary);font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-preview-library-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;white-space:nowrap}.admin-preview-library-meta .badge{font-size:.65rem}.admin-preview-library-row .admin-preset-thumb{width:92px}.admin-preview-library-row .btn{white-space:nowrap}
.preset-bulk-import{display:grid;grid-template-columns:48px minmax(0,1fr) minmax(210px,auto);gap:14px;align-items:center;margin:0 0 18px;padding:16px;border:1px solid var(--border);border-radius:12px;background:linear-gradient(135deg,var(--bg-card-hover),var(--bg-card));box-shadow:var(--shadow-sm)}.preset-bulk-import-icon{display:grid;width:48px;height:48px;place-items:center;border:1px solid var(--border);border-radius:10px;background:var(--bg-card);color:var(--brand-gold)}.preset-bulk-import-icon svg{width:25px;height:25px}.preset-bulk-import-copy{min-width:0}.preset-bulk-import-copy>span{display:block;color:var(--brand-gold);font-size:.58rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.preset-bulk-import-copy h4{margin:3px 0 5px;font-size:.9rem}.preset-bulk-import-copy p{margin:0;color:var(--text-secondary);font-size:.69rem;line-height:1.55}.preset-bulk-import-actions{display:grid;gap:7px}.preset-bulk-import-action{position:relative;display:flex;min-height:50px;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px 14px;border:1px solid var(--brand-gold);border-radius:9px;background:var(--brand-gold);color:#171717;font-size:.72rem;font-weight:850;text-align:center;cursor:pointer;transition:opacity .2s,box-shadow .2s}.preset-bulk-import-action-secondary{background:var(--bg-card);color:var(--brand-gold)}.preset-bulk-import-action:hover{box-shadow:0 8px 22px rgba(201,132,20,.2)}.preset-bulk-import-action:has(input:focus-visible){outline:3px solid rgba(201,132,20,.3);outline-offset:2px}.preset-bulk-import-action small{font-size:.56rem;font-weight:650;opacity:.72}.preset-bulk-import-action input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.preset-bulk-import-action.is-loading{cursor:wait;opacity:.65}.preset-bulk-import-status,.preset-bulk-import-result{grid-column:2/-1}.preset-bulk-import-status{min-height:18px;color:var(--text-muted);font-size:.64rem}.preset-bulk-import-result{padding:11px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);color:var(--text-secondary);font-size:.68rem}.preset-bulk-import-result[hidden]{display:none}.preset-bulk-import-summary{color:var(--text-primary);font-weight:750}.preset-bulk-import-result details{margin-top:8px}.preset-bulk-import-result summary{min-height:32px;cursor:pointer;color:var(--brand-gold);font-weight:750}.preset-bulk-import-result ul{max-height:180px;margin:6px 0 0;padding-left:18px;overflow:auto;line-height:1.65}
@media(max-width:760px){.admin-preset-table{min-width:650px}.admin-preview-library-row{grid-template-columns:64px minmax(0,1fr) auto;gap:9px}.admin-preview-library-row .admin-preset-thumb{width:64px}.admin-preview-library-meta{display:none}.admin-preview-library-row .btn{font-size:.65rem;padding:.42rem .55rem}.preset-metadata-grid{grid-template-columns:1fr}.preset-metadata-preview{max-height:220px}.preset-metadata-modal{max-height:88dvh;overflow-y:auto}.preset-bulk-import{grid-template-columns:44px minmax(0,1fr);gap:10px;padding:13px}.preset-bulk-import-icon{width:44px;height:44px}.preset-bulk-import-actions,.preset-bulk-import-status,.preset-bulk-import-result{grid-column:1/-1}.preset-bulk-import-action{width:100%;min-height:52px}.preset-bulk-import-status{font-size:.67rem}}

/* Author-first preset library */
[data-lx-surface="workspace"] .service-metric-item{position:relative;overflow:hidden;padding-left:18px}
[data-lx-surface="workspace"] .service-metric-item::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--lx-accent)}
[data-lx-surface="workspace"] .service-metric-item.is-processing::before{background:#2563a6}
[data-lx-surface="workspace"] .service-metric-item.is-complete::before{background:#16844b}
[data-lx-surface="workspace"] .service-metric-item strong{font-size:1.45rem;line-height:1}
[data-lx-surface="workspace"] .profile-entry-preference{min-width:0;margin:0;padding:14px;border:0;border-radius:14px;background:#f5f2ec}
[data-lx-surface="workspace"] .profile-entry-preference legend{display:block;width:100%;margin-bottom:10px}
[data-lx-surface="workspace"] .profile-entry-preference legend strong,[data-lx-surface="workspace"] .profile-entry-preference legend small{display:block}
[data-lx-surface="workspace"] .profile-entry-preference legend strong{font-size:.75rem}
[data-lx-surface="workspace"] .profile-entry-preference legend small{margin-top:2px;color:var(--lx-muted);font-size:.61rem}
[data-lx-surface="workspace"] .profile-entry-options{display:grid;grid-template-columns:1fr 1fr;gap:7px}
[data-lx-surface="workspace"] .profile-entry-options label{position:relative;min-width:0;cursor:pointer}
[data-lx-surface="workspace"] .profile-entry-options input{position:absolute;opacity:0;pointer-events:none}
[data-lx-surface="workspace"] .profile-entry-options label>span{display:block;min-height:70px;padding:11px;border:1px solid var(--lx-border);border-radius:8px;background:#fff;transition:border-color .2s,box-shadow .2s,background .2s}
[data-lx-surface="workspace"] .profile-entry-options b,[data-lx-surface="workspace"] .profile-entry-options small{display:block}
[data-lx-surface="workspace"] .profile-entry-options b{color:var(--lx-text);font-size:.68rem}
[data-lx-surface="workspace"] .profile-entry-options small{margin-top:4px;color:var(--lx-muted);font-size:.57rem;line-height:1.35}
[data-lx-surface="workspace"] .profile-entry-options input:checked+span{border-color:var(--lx-accent);background:#fff8e8;box-shadow:0 0 0 3px rgba(161,98,7,.1)}
[data-lx-surface="workspace"] .profile-entry-options input:focus-visible+span{outline:2px solid var(--lx-accent);outline-offset:2px}
[data-lx-surface="workspace"] .preset-browser-dialog{width:min(1040px,100%);max-height:min(800px,calc(100dvh - 36px));border-color:var(--lx-border);border-radius:8px;background:#fff;box-shadow:0 30px 90px rgba(23,21,18,.28)}
[data-lx-surface="workspace"] .preset-browser-header{padding:20px 22px 17px;border-color:rgba(255,255,255,.1);background:radial-gradient(circle at 90% 0,rgba(201,132,20,.26),transparent 36%),linear-gradient(145deg,var(--lx-ink),var(--lx-ink-soft))}
[data-lx-surface="workspace"] .preset-browser-mark{border-color:rgba(227,161,47,.3);border-radius:8px;background:rgba(227,161,47,.12);color:#e3a12f}
[data-lx-surface="workspace"] .preset-browser-heading>div>span{color:#e3a12f}
[data-lx-surface="workspace"] .preset-browser-heading p{color:#c6c0b8}
[data-lx-surface="workspace"] .preset-browser-close{border-radius:8px}
[data-lx-surface="workspace"] .preset-browser-tools{grid-template-columns:minmax(260px,1fr) auto;padding:12px 16px;border-bottom:1px solid var(--lx-border);background:#fafaf9}
[data-lx-surface="workspace"] .preset-browser-search{border-color:var(--lx-border);border-radius:7px;color:var(--lx-muted)}
[data-lx-surface="workspace"] .preset-browser-search:focus-within{border-color:var(--lx-accent);box-shadow:0 0 0 3px rgba(161,98,7,.1)}
[data-lx-surface="workspace"] .preset-browser-search input{color:var(--lx-text)}
[data-lx-surface="workspace"] .preset-browser-filters{border-color:var(--lx-border);border-radius:7px;background:#ece8e0}
[data-lx-surface="workspace"] .preset-browser-filters button{border-radius:5px;color:var(--lx-secondary)}
[data-lx-surface="workspace"] .preset-browser-filters button.active{color:var(--lx-accent)}
[data-lx-surface="workspace"] .preset-browser-layout{display:grid;min-height:0;flex:1;grid-template-columns:220px minmax(0,1fr);overflow:hidden}
[data-lx-surface="workspace"] .preset-author-directory{min-height:0;overflow-y:auto;border-right:1px solid var(--lx-border);background:#f5f2ec}
[data-lx-surface="workspace"] .preset-author-directory-title{display:flex;align-items:center;justify-content:space-between;padding:16px 15px 9px;color:var(--lx-text)}
[data-lx-surface="workspace"] .preset-author-directory-title span{font-size:.66rem;font-weight:850;letter-spacing:.08em}
[data-lx-surface="workspace"] .preset-author-directory-title small{color:var(--lx-muted);font-size:.58rem}
[data-lx-surface="workspace"] .preset-author-list{display:grid;gap:4px;padding:0 8px 12px}
[data-lx-surface="workspace"] .preset-author-list button{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:52px;padding:6px 9px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--lx-secondary);font-family:inherit;text-align:left;cursor:pointer}
[data-lx-surface="workspace"] .preset-author-list button>span{display:grid;width:34px;height:34px;place-items:center;border:1px solid #ddd2bf;border-radius:7px;background:#fff;color:var(--lx-accent);font-size:.68rem;font-weight:900}
[data-lx-surface="workspace"] .preset-author-list button b{min-width:0;overflow:hidden;font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}
[data-lx-surface="workspace"] .preset-author-list button small{color:var(--lx-muted);font-size:.57rem}
[data-lx-surface="workspace"] .preset-author-list button:hover{background:#fff}
[data-lx-surface="workspace"] .preset-author-list button.active{border-color:#ddd2bf;background:#fff;color:var(--lx-text);box-shadow:0 5px 14px rgba(35,25,10,.06)}
[data-lx-surface="workspace"] .preset-author-list button.active>span{border-color:var(--lx-accent);background:var(--lx-ink);color:#e3a12f}
[data-lx-surface="workspace"] .preset-browser-content{display:flex;min-width:0;min-height:0;flex-direction:column;background:#fff}
[data-lx-surface="workspace"] .preset-browser-status{padding:11px 16px;color:var(--lx-muted)}
[data-lx-surface="workspace"] .preset-browser-status span:first-child{color:var(--lx-text)}
[data-lx-surface="workspace"] .preset-browser-list{min-height:0;padding:0 16px 18px;border:0;background:#fff}
[data-lx-surface="workspace"] .preset-author-section[hidden]{display:none}
[data-lx-surface="workspace"] .preset-author-section>header{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:3px 0 13px}
[data-lx-surface="workspace"] .preset-author-avatar{display:grid;width:42px;height:42px;place-items:center;border-radius:7px;background:var(--lx-ink);color:#e3a12f;font-size:.8rem;font-weight:900}
[data-lx-surface="workspace"] .preset-author-section>header span{display:block;color:var(--lx-accent);font-size:.5rem;font-weight:850;letter-spacing:.1em}
[data-lx-surface="workspace"] .preset-author-section>header h3{margin-top:2px;color:var(--lx-text);font-size:.88rem}
[data-lx-surface="workspace"] .preset-author-section>header>small{color:var(--lx-muted);font-size:.58rem}
[data-lx-surface="workspace"] .preset-author-section-tabs{display:flex;gap:7px;margin:0 0 13px;padding-bottom:2px;overflow-x:auto;scrollbar-width:none}
[data-lx-surface="workspace"] .preset-author-section-tabs::-webkit-scrollbar{display:none}
[data-lx-surface="workspace"] .preset-author-section-tabs button{display:inline-flex;min-width:max-content;min-height:38px;align-items:center;gap:7px;padding:0 11px;border:1px solid var(--lx-border);border-radius:7px;background:#f7f5f1;color:var(--lx-secondary);font-family:inherit;font-size:.64rem;font-weight:800;cursor:pointer}
[data-lx-surface="workspace"] .preset-author-section-tabs button small{display:grid;min-width:20px;height:20px;place-items:center;border-radius:5px;background:#e9e4db;color:var(--lx-muted);font-size:.54rem}
[data-lx-surface="workspace"] .preset-author-section-tabs button.active{border-color:var(--lx-accent);background:#fff8e8;color:var(--lx-accent)}
[data-lx-surface="workspace"] .preset-browser-section[hidden]{display:none}
[data-lx-surface="workspace"] .preset-browser-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:9px}
[data-lx-surface="workspace"] .preset-browser-card{position:relative;display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--lx-border);border-radius:7px;background:#fff;transition:border-color .2s,box-shadow .2s}
[data-lx-surface="workspace"] .preset-browser-card[hidden]{display:none}
[data-lx-surface="workspace"] .preset-browser-card:hover{border-color:rgba(161,98,7,.45);box-shadow:0 9px 22px rgba(35,25,10,.08)}
[data-lx-surface="workspace"] .preset-browser-card.selected{border-color:var(--lx-accent);box-shadow:0 0 0 3px rgba(161,98,7,.1)}
[data-lx-surface="workspace"] .preset-browser-preview{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;background:#ece8e0}
[data-lx-surface="workspace"] .preset-browser-preview-open{display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer}
[data-lx-surface="workspace"] .preset-browser-preview-open>img{display:block;width:100%;height:100%;object-fit:contain;background:#e9f0f4}
[data-lx-surface="workspace"] .preset-browser-placeholder{display:grid;width:100%;height:100%;place-items:center;align-content:center;gap:7px;background:linear-gradient(145deg,#ebe7df,#f8f6f2);color:#8c8173}
[data-lx-surface="workspace"] .preset-browser-placeholder svg{width:26px;height:26px}
[data-lx-surface="workspace"] .preset-browser-placeholder b{font-size:.56rem;font-weight:750}
[data-lx-surface="workspace"] .preset-browser-favorite{position:absolute;top:8px;right:8px;border-color:rgba(255,255,255,.55);border-radius:7px;background:rgba(255,255,255,.88);color:#6f6558;box-shadow:0 3px 10px rgba(23,21,18,.12);backdrop-filter:blur(8px)}
[data-lx-surface="workspace"] .preset-browser-favorite:hover{border-color:var(--lx-accent);color:var(--lx-accent)}
[data-lx-surface="workspace"] .preset-browser-favorite[data-fav="1"]{border-color:var(--lx-accent);background:#fff3d7;color:var(--lx-accent)}
[data-lx-surface="workspace"] .preset-browser-copy{flex:1;padding:11px 11px 7px}
[data-lx-surface="workspace"] .preset-browser-copy strong{color:var(--lx-text)}
[data-lx-surface="workspace"] .preset-browser-copy>div>span{background:#f5f2ec;color:var(--lx-accent)}
[data-lx-surface="workspace"] .preset-browser-copy p{min-height:2.8em;color:var(--lx-muted)}
[data-lx-surface="workspace"] .preset-browser-use{width:calc(100% - 22px);min-height:42px;margin:3px 11px 11px;border-color:var(--lx-ink);border-radius:7px;background:var(--lx-ink);color:#fff}
[data-lx-surface="workspace"] .preset-browser-use:hover{background:var(--lx-ink-soft)}
[data-lx-surface="workspace"] .preset-browser-card.selected .preset-browser-use{border-color:var(--lx-accent);background:#fff3d7;color:var(--lx-accent)}
[data-lx-surface="workspace"] .preset-browser-empty{color:var(--lx-muted)}
[data-lx-surface="workspace"] .preset-browser-footer{border-color:var(--lx-border);background:#f5f2ec}
[data-lx-surface="workspace"] .preset-browser-footer span{color:var(--lx-muted)}
[data-lx-surface="workspace"] .preset-browser-footer button{border-radius:7px;background:var(--lx-ink)}
[data-lx-surface="workspace"] .preset-browser-dialog{position:relative;overflow:hidden}
[data-lx-surface="workspace"] .preset-grade-detail{position:absolute;inset:0;z-index:8;display:flex;min-height:0;flex-direction:column;background:#fff}
[data-lx-surface="workspace"] .preset-grade-detail[hidden]{display:none}
[data-lx-surface="workspace"] .preset-grade-detail>header{display:grid;min-height:72px;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid var(--lx-border);background:var(--lx-ink);color:#fff}
[data-lx-surface="workspace"] .preset-grade-detail>header button{display:grid;width:44px;height:44px;place-items:center;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:7px;background:rgba(255,255,255,.07);color:#fff;cursor:pointer}
[data-lx-surface="workspace"] .preset-grade-detail>header button svg{width:20px;height:20px}
[data-lx-surface="workspace"] .preset-grade-detail>header span{display:block;color:#e3a12f;font-size:.58rem;font-weight:800}
[data-lx-surface="workspace"] .preset-grade-detail>header h3{margin-top:2px;overflow:hidden;color:#fff;font-size:.92rem;text-overflow:ellipsis;white-space:nowrap}
[data-lx-surface="workspace"] .preset-grade-detail-body{display:grid;min-height:0;flex:1;grid-template-columns:minmax(0,1.45fr) minmax(250px,.75fr);gap:24px;padding:22px;overflow-y:auto}
[data-lx-surface="workspace"] .preset-grade-gallery{min-width:0}
[data-lx-surface="workspace"] .preset-grade-main{display:grid;width:100%;aspect-ratio:16/10;place-items:center;overflow:hidden;border:1px solid var(--lx-border);border-radius:8px;background:#ece8e0}
[data-lx-surface="workspace"] .preset-grade-main img{width:100%;height:100%;object-fit:contain;background:#151515}
[data-lx-surface="workspace"] .preset-grade-main span{color:var(--lx-muted);font-size:.7rem}
[data-lx-surface="workspace"] .preset-grade-thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:9px}
[data-lx-surface="workspace"] .preset-grade-thumbs button{aspect-ratio:16/10;overflow:hidden;padding:0;border:2px solid transparent;border-radius:7px;background:#ece8e0;cursor:pointer}
[data-lx-surface="workspace"] .preset-grade-thumbs button.active{border-color:var(--lx-accent)}
[data-lx-surface="workspace"] .preset-grade-thumbs img{display:block;width:100%;height:100%;object-fit:contain;background:#e9f0f4}
[data-lx-surface="workspace"] .preset-grade-info{display:flex;min-width:0;flex-direction:column;align-items:flex-start;padding-top:2px}
[data-lx-surface="workspace"] .preset-grade-section-label{display:inline-flex;min-height:28px;align-items:center;padding:0 9px;border-radius:6px;background:#f2ede4;color:var(--lx-accent);font-size:.62rem;font-weight:850}
[data-lx-surface="workspace"] .preset-grade-info>p{margin-top:16px;color:var(--lx-secondary);font-size:.74rem;line-height:1.7}
[data-lx-surface="workspace"] .preset-grade-static-note{width:100%;margin-top:auto;padding:12px;border-left:3px solid var(--lx-accent);background:#f7f5f1}
[data-lx-surface="workspace"] .preset-grade-static-note strong,[data-lx-surface="workspace"] .preset-grade-static-note small{display:block}
[data-lx-surface="workspace"] .preset-grade-static-note strong{color:var(--lx-text);font-size:.68rem}
[data-lx-surface="workspace"] .preset-grade-static-note small{margin-top:3px;color:var(--lx-muted);font-size:.58rem;line-height:1.45}
[data-lx-surface="workspace"] .preset-grade-select{width:100%;min-height:46px;margin-top:12px;border:0;border-radius:7px;background:var(--lx-ink);color:#fff;font-family:inherit;font-size:.7rem;font-weight:850;cursor:pointer}
@media(max-width:900px){
  [data-lx-surface="workspace"] .preset-browser-dialog{max-height:92dvh;border-radius:8px 8px 0 0}
  [data-lx-surface="workspace"] .preset-browser-tools{grid-template-columns:1fr}
  [data-lx-surface="workspace"] .preset-browser-layout{display:flex;flex-direction:column}
  [data-lx-surface="workspace"] .preset-author-directory{flex:none;overflow:hidden;border-right:0;border-bottom:1px solid var(--lx-border)}
  [data-lx-surface="workspace"] .preset-author-directory-title{padding:8px 14px 5px}
  [data-lx-surface="workspace"] .preset-author-list{display:flex;overflow-x:auto;padding:0 12px 9px;scrollbar-width:none}
  [data-lx-surface="workspace"] .preset-author-list::-webkit-scrollbar{display:none}
  [data-lx-surface="workspace"] .preset-author-list button{min-width:max-content;grid-template-columns:30px auto auto;min-height:46px;padding:5px 8px}
  [data-lx-surface="workspace"] .preset-author-list button>span{width:30px;height:30px}
  [data-lx-surface="workspace"] .preset-browser-content{flex:1}
  [data-lx-surface="workspace"] .preset-browser-status{padding:8px 14px}
  [data-lx-surface="workspace"] .preset-browser-list{padding:0 12px 14px}
  [data-lx-surface="workspace"] .preset-browser-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  [data-lx-surface="workspace"] .preset-author-section>header{grid-template-columns:38px minmax(0,1fr) auto;padding-bottom:10px}
  [data-lx-surface="workspace"] .preset-author-avatar{width:38px;height:38px}
  [data-lx-surface="workspace"] .preset-browser-preview{aspect-ratio:4/3}
  [data-lx-surface="workspace"] .preset-browser-favorite{top:4px;right:4px}
  [data-lx-surface="workspace"] .preset-browser-copy{min-height:42px;padding:7px 7px 8px}
  [data-lx-surface="workspace"] .preset-browser-copy>div{display:block}
  [data-lx-surface="workspace"] .preset-browser-copy strong{display:block;width:100%;font-size:.64rem;line-height:1.35}
  [data-lx-surface="workspace"] .preset-browser-copy>div>span,[data-lx-surface="workspace"] .preset-browser-copy p{display:none}
  [data-lx-surface="workspace"] .preset-browser-use{display:none}
  [data-lx-surface="workspace"] .preset-browser-preview-open{touch-action:manipulation}
  [data-lx-surface="workspace"] .preset-browser-search input{font-size:16px}
  [data-lx-surface="workspace"] .preset-grade-detail-body{display:flex;flex-direction:column;gap:14px;padding:14px}
  [data-lx-surface="workspace"] .preset-grade-info{min-height:0!important;align-content:start}
  [data-lx-surface="workspace"] .preset-grade-static-note{margin-top:16px}
}
@media(min-width:600px) and (max-width:900px){
  [data-lx-surface="workspace"] .preset-browser-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(max-width:430px){[data-lx-surface="workspace"] .profile-entry-options{grid-template-columns:1fr}.preset-browser-heading p{display:none}}
html[data-theme="dark"] body[data-lx-surface="workspace"] :where(.profile-entry-preference,.preset-author-directory,.preset-browser-tools,.preset-browser-footer){background:#153149;border-color:#29475f}
html[data-theme="dark"] body[data-lx-surface="workspace"] :where(.profile-entry-options label>span,.preset-browser-dialog,.preset-browser-content,.preset-browser-list,.preset-browser-card,.preset-author-list button.active){background:#102638;border-color:#29475f}
html[data-theme="dark"] body[data-lx-surface="workspace"] :where(.profile-entry-options b,.preset-author-directory-title,.preset-author-section>header h3,.preset-browser-copy strong,.preset-browser-status span:first-child){color:#eaf5ff}
@media(min-width:901px){[data-lx-surface="workspace"] .workflow-zone>.service-overview-card{display:block}}

/* Compact service metrics, upload metadata, preset categories, and contextual preview. */
[data-lx-surface="workspace"] .service-overview-item strong{font-size:.92rem;line-height:1.35;letter-spacing:0;overflow-wrap:anywhere}
[data-lx-surface="workspace"] .video-info-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:15px 16px;border:1px solid #d6e3ed;border-radius:10px;background:#fff}
[data-lx-surface="workspace"] .video-info-copy{min-width:0}
[data-lx-surface="workspace"] .video-info-label{display:block;color:#6b8092;font-size:.59rem;font-weight:800}
[data-lx-surface="workspace"] .video-info-name{display:block;overflow:hidden;margin-top:4px;color:#102a43;font-size:.82rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
[data-lx-surface="workspace"] .video-info-facts{display:flex;gap:18px;margin-top:10px}
[data-lx-surface="workspace"] .video-info-facts>span{display:grid;grid-template-columns:auto auto;align-items:baseline;gap:6px}
[data-lx-surface="workspace"] .video-info-facts small{color:#7b8e9f;font-size:.59rem}
[data-lx-surface="workspace"] .video-info-facts strong{color:#29465f;font-size:.69rem;font-variant-numeric:tabular-nums}
[data-lx-surface="workspace"] .video-info-panel #upload-next-button{min-height:42px;margin:0!important;border-radius:8px;white-space:nowrap}
[data-lx-surface="workspace"] .preset-category-badge{padding:2px 6px;border-radius:4px;background:#eef0fb;color:#515da8;font-style:normal;font-weight:800}
[data-lx-surface="workspace"] .profile-preferences-status{display:block;min-height:18px;margin-top:7px;color:#718497;font-size:.62rem;line-height:1.45}
[data-lx-surface="workspace"] .profile-preferences-status.is-saving{color:#1769aa}
[data-lx-surface="workspace"] .profile-preferences-status.is-saved{color:#16844b}
[data-lx-surface="workspace"] .profile-preferences-status.is-error{color:#c93636}
[data-lx-surface="workspace"] .preset-frame-preview-cta{gap:12px;margin-top:10px;padding:10px 11px;border-color:#c9d9e4;border-radius:8px;background:#f7fbfd}
[data-lx-surface="workspace"] .preset-frame-preview-cta[hidden]{display:none!important}
[data-lx-surface="workspace"] .preset-frame-preview-cta div>span{color:#1769aa;font-size:.54rem;letter-spacing:0}
[data-lx-surface="workspace"] .preset-frame-preview-cta div>strong{margin-top:2px;color:#17324a;font-size:.72rem}
[data-lx-surface="workspace"] .preset-frame-preview-cta div>small{margin-top:2px;color:#6b8092;font-size:.6rem;line-height:1.4}
[data-lx-surface="workspace"] .preset-frame-preview-cta button{min-height:40px;padding:0 12px;border-radius:7px;background:#1769aa;font-size:.65rem}
[data-lx-surface="admin"] .admin-preset-category{display:inline-flex;min-height:26px;align-items:center;padding:0 8px;border:1px solid #c9d9e4;border-radius:6px;background:#f2f7fb;color:#1769aa;font-size:.62rem;font-weight:800}
[data-lx-surface="admin"] .admin-preset-section{display:inline-block;max-width:150px;padding:4px 7px;border-radius:5px;background:#f5f7f9;color:#496277;font-size:.64rem;line-height:1.35}
[data-lx-surface="admin"] .preset-metadata-gallery-field{min-width:0}
[data-lx-surface="admin"] .preset-metadata-gallery{display:grid;min-height:160px;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;place-items:stretch;padding:8px;border:1px dashed #c9d9e4;border-radius:8px;background:#f7fbfd}
[data-lx-surface="admin"] .preset-metadata-gallery:has(>span:only-child){place-items:center}
[data-lx-surface="admin"] .preset-metadata-gallery>span{grid-column:1/-1;color:#6b8092;font-size:.68rem;text-align:center}
[data-lx-surface="admin"] .preset-metadata-gallery figure{position:relative;min-width:0;margin:0;overflow:hidden;border:1px solid #d6e3ed;border-radius:6px;background:#eaf2f7}
[data-lx-surface="admin"] .preset-metadata-gallery img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
[data-lx-surface="admin"] .preset-metadata-gallery figcaption{padding:4px;color:#5c7184;font-size:.55rem;text-align:center}
[data-lx-surface="admin"] .preset-metadata-upload{display:flex;min-height:52px;flex-direction:column;justify-content:center;gap:3px;margin-top:9px;padding:9px 11px;border:1px solid #c9d9e4;border-radius:7px;background:#fff;color:#1769aa;font-size:.66rem;font-weight:800;cursor:pointer}
[data-lx-surface="admin"] .preset-metadata-upload small{color:#718497;font-size:.58rem;font-weight:500}
[data-lx-surface="admin"] .preset-metadata-upload input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
html[data-theme="dark"] body[data-lx-surface="workspace"] :where(.video-info-panel,.preset-frame-preview-cta),html[data-theme="neon"] body[data-lx-surface="workspace"] :where(.video-info-panel,.preset-frame-preview-cta){background:#102638;border-color:#29475f}
html[data-theme="dark"] body[data-lx-surface="workspace"] :where(.video-info-name,.preset-frame-preview-cta div>strong),html[data-theme="neon"] body[data-lx-surface="workspace"] :where(.video-info-name,.preset-frame-preview-cta div>strong){color:#eaf5ff}
@media(max-width:700px){
  [data-lx-surface="workspace"] .service-overview-item strong{font-size:.88rem}
  [data-lx-surface="workspace"] .video-info-panel{grid-template-columns:1fr;gap:12px;padding:13px}
  [data-lx-surface="workspace"] .video-info-panel #upload-next-button{width:100%}
  [data-lx-surface="workspace"] .video-info-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  [data-lx-surface="workspace"] .video-info-facts>span{display:block;padding:8px 9px;border-radius:7px;background:#edf4f8}
  [data-lx-surface="workspace"] .video-info-facts small,[data-lx-surface="workspace"] .video-info-facts strong{display:block}
  [data-lx-surface="workspace"] .video-info-facts strong{margin-top:3px}
  [data-lx-surface="workspace"] .preset-frame-preview-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}
  [data-lx-surface="workspace"] .preset-frame-preview-cta button{width:auto}
}

/* Full-page preset gallery and seamless mobile page headers. */
[data-lx-surface="workspace"] .account-funds-panel{padding-top:0!important}
[data-lx-surface="workspace"] .account-funds-header{margin:-1px -1px 0;width:calc(100% + 2px)}
[data-lx-surface="workspace"] .preset-browser-page{display:none;width:100%;min-width:0;padding:0 0 32px}
[data-lx-surface="workspace"] .preset-browser-page[hidden]{display:none!important}
[data-lx-surface="workspace"] .preset-browser-page.active{display:block}
[data-lx-surface="workspace"] #preset-browser-modal.preset-browser-page.active{display:block!important}
body[data-lx-surface="workspace"].preset-browser-open{overflow:auto}
[data-lx-surface="workspace"] .preset-browser-dialog{position:relative;display:flex;width:100%;max-height:none;min-height:calc(100svh - 120px);flex-direction:column;overflow:visible;border:1px solid #d6e3ed;border-radius:24px;background:rgba(248,251,253,.94);box-shadow:0 18px 46px rgba(7,27,45,.1)}
[data-lx-surface="workspace"] .preset-browser-header{display:grid;grid-template-columns:minmax(0,1fr) auto 44px;align-items:center;gap:18px;padding:28px 30px;border:0;border-radius:23px 23px 0 0;background:radial-gradient(circle at 88% 0,rgba(44,177,166,.34),transparent 38%),linear-gradient(145deg,#0b1f33,#123a5a)}
[data-lx-surface="workspace"] .preset-browser-heading{align-items:center}
[data-lx-surface="workspace"] .preset-browser-mark{width:50px;height:50px;border-radius:16px}
[data-lx-surface="workspace"] .preset-browser-heading h2{font-size:1.48rem}
[data-lx-surface="workspace"] .preset-browser-heading p{max-width:620px;font-size:.72rem}
[data-lx-surface="workspace"] .preset-browser-summary{display:flex;align-items:center;gap:8px}
[data-lx-surface="workspace"] .preset-browser-summary span{display:grid;min-width:86px;min-height:52px;place-items:center;padding:7px 10px;border:1px solid rgba(255,255,255,.14);border-radius:13px;background:rgba(255,255,255,.08);color:#b8cbd8;font-size:.55rem;text-align:center}
[data-lx-surface="workspace"] .preset-browser-summary strong{display:block;color:#fff;font-size:.82rem}
[data-lx-surface="workspace"] .preset-browser-close{border-radius:13px}
[data-lx-surface="workspace"] .preset-browser-tools{grid-template-columns:minmax(260px,520px);padding:18px 20px 12px;border:0;background:transparent}
[data-lx-surface="workspace"] .preset-browser-search{height:48px;border-radius:14px;box-shadow:0 7px 20px rgba(15,39,61,.06)}
[data-lx-surface="workspace"] .preset-browser-layout{display:grid;min-height:560px;grid-template-columns:230px minmax(0,1fr);overflow:visible;padding:0 20px 20px}
[data-lx-surface="workspace"] .preset-author-directory{overflow:visible;border:1px solid #d6e3ed;border-radius:18px 0 0 18px;background:#edf4f8}
[data-lx-surface="workspace"] .preset-author-directory-title{padding:18px 16px 10px}
[data-lx-surface="workspace"] .preset-author-list{gap:6px;padding:0 10px 14px}
[data-lx-surface="workspace"] .preset-author-list button{min-height:56px;border-radius:12px}
[data-lx-surface="workspace"] .preset-author-list button>span{border-radius:11px}
[data-lx-surface="workspace"] .preset-author-list button.active{border-color:#9cc6d7;background:#fff;box-shadow:0 8px 20px rgba(20,63,91,.08)}
[data-lx-surface="workspace"] .preset-author-list button.active>span{border-color:#2cb1a6;background:#0d3653;color:#66d5cc}
[data-lx-surface="workspace"] .preset-browser-content{overflow:visible;border:1px solid #d6e3ed;border-left:0;border-radius:0 18px 18px 0;background:#fff}
[data-lx-surface="workspace"] .preset-browser-status{padding:17px 20px 12px}
[data-lx-surface="workspace"] .preset-browser-list{overflow:visible;padding:0 20px 24px;background:transparent}
[data-lx-surface="workspace"] .preset-author-section>header{padding:4px 0 16px}
[data-lx-surface="workspace"] .preset-author-avatar{border-radius:13px;background:#0d3653;color:#66d5cc}
[data-lx-surface="workspace"] .preset-author-section-tabs{gap:8px;margin-bottom:16px}
[data-lx-surface="workspace"] .preset-author-section-tabs button{min-height:42px;border-radius:11px;background:#f3f7f9}
[data-lx-surface="workspace"] .preset-author-section-tabs button.active{border-color:#2cb1a6;background:#e7f6f4;color:#087779}
[data-lx-surface="workspace"] .preset-browser-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}
[data-lx-surface="workspace"] .preset-browser-card{border-color:#d7e3ea;border-radius:16px;box-shadow:0 8px 22px rgba(15,39,61,.055);transition:border-color .2s ease,box-shadow .2s ease}
[data-lx-surface="workspace"] .preset-browser-card:hover{border-color:#74b8bd;box-shadow:0 14px 30px rgba(15,62,84,.11)}
[data-lx-surface="workspace"] .preset-browser-card.selected{border-color:#2cb1a6;box-shadow:0 0 0 3px rgba(44,177,166,.13)}
[data-lx-surface="workspace"] .preset-browser-preview{aspect-ratio:16/10;background:#e9f0f4}
[data-lx-surface="workspace"] .preset-browser-favorite{top:9px;right:9px;border-radius:11px;color:#557185}
[data-lx-surface="workspace"] .preset-browser-copy{padding:13px 13px 8px}
[data-lx-surface="workspace"] .preset-browser-copy strong{font-size:.78rem}
[data-lx-surface="workspace"] .preset-browser-copy>div>span{background:#e4f4f2;color:#087779}
[data-lx-surface="workspace"] .preset-browser-use{width:calc(100% - 26px);min-height:44px;margin:4px 13px 13px;border-color:#0d3653;border-radius:11px;background:#0d3653}
[data-lx-surface="workspace"] .preset-browser-card.selected .preset-browser-use{border-color:#2cb1a6;background:#e4f4f2;color:#087779}
[data-lx-surface="workspace"] .preset-grade-detail{border-radius:23px;background:#fff}

@media(max-width:900px){
  [data-lx-surface="workspace"] #tasks-section,[data-lx-surface="workspace"] #account-funds,[data-lx-surface="workspace"] #preset-browser-modal{padding-top:0!important}
  [data-lx-surface="workspace"] .preset-browser-page{min-height:calc(100svh - 132px);padding:0 0 calc(90px + env(safe-area-inset-bottom))}
  [data-lx-surface="workspace"] .preset-browser-dialog{min-height:calc(100svh - 146px);border:0;border-radius:22px;box-shadow:0 10px 28px rgba(15,23,42,.07)}
  [data-lx-surface="workspace"] .preset-browser-header{grid-template-columns:minmax(0,1fr) 44px;gap:10px;padding:19px 16px;border-radius:22px 22px 0 0}
  [data-lx-surface="workspace"] .preset-browser-mark{width:42px;height:42px;border-radius:13px}
  [data-lx-surface="workspace"] .preset-browser-heading h2{font-size:1.16rem}
  [data-lx-surface="workspace"] .preset-browser-heading p{display:block;margin-top:4px;font-size:.62rem}
  [data-lx-surface="workspace"] .preset-browser-summary{display:none}
  [data-lx-surface="workspace"] .preset-browser-tools{grid-template-columns:1fr;padding:12px 13px 9px}
  [data-lx-surface="workspace"] .preset-browser-search{height:46px}
  [data-lx-surface="workspace"] .preset-browser-layout{display:flex;min-height:0;flex-direction:column;padding:0 12px 14px}
  [data-lx-surface="workspace"] .preset-author-directory{overflow:hidden;border:1px solid #d6e3ed;border-radius:15px 15px 0 0}
  [data-lx-surface="workspace"] .preset-author-directory-title{padding:10px 12px 6px}
  [data-lx-surface="workspace"] .preset-author-list{display:flex;gap:7px;overflow-x:auto;padding:0 10px 10px;scrollbar-width:none}
  [data-lx-surface="workspace"] .preset-author-list button{min-width:max-content;min-height:48px;grid-template-columns:30px auto auto;padding:5px 9px}
  [data-lx-surface="workspace"] .preset-author-list button>span{width:30px;height:30px}
  [data-lx-surface="workspace"] .preset-browser-content{border:1px solid #d6e3ed;border-top:0;border-radius:0 0 15px 15px}
  [data-lx-surface="workspace"] .preset-browser-status{padding:12px 13px 9px}
  [data-lx-surface="workspace"] .preset-browser-list{padding:0 11px 16px}
  [data-lx-surface="workspace"] .preset-browser-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  [data-lx-surface="workspace"] .preset-browser-card{border-radius:14px}
  [data-lx-surface="workspace"] .preset-browser-copy{min-height:68px;padding:10px 10px 6px}
  [data-lx-surface="workspace"] .preset-browser-copy>div{display:flex}
  [data-lx-surface="workspace"] .preset-browser-copy strong{font-size:.7rem}
  [data-lx-surface="workspace"] .preset-browser-copy>div>span{display:none}
  [data-lx-surface="workspace"] .preset-browser-copy p{display:-webkit-box;min-height:2.6em;font-size:.59rem;-webkit-line-clamp:2}
  [data-lx-surface="workspace"] .preset-browser-use{display:block;width:calc(100% - 20px);min-height:42px;margin:4px 10px 10px}
  [data-lx-surface="workspace"] .preset-grade-detail{border-radius:22px}
}
@media(max-width:380px){
  [data-lx-surface="workspace"] .preset-browser-heading p{display:none}
  [data-lx-surface="workspace"] .preset-browser-grid{gap:8px}
}
@media(prefers-reduced-motion:reduce){
  [data-lx-surface="workspace"] .preset-browser-card{transition:none}
}

/* Workspace interaction refinements: clear close action and full-card preset preview. */
[data-lx-surface="workspace"] .preset-browser-close{
  display:inline-flex!important;
  width:auto!important;
  min-width:78px;
  height:44px;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 13px;
  font-family:inherit;
  font-size:.66rem;
  font-weight:800;
}
[data-lx-surface="workspace"] .preset-browser-close svg{width:17px;height:17px}
[data-lx-surface="workspace"] .preset-browser-card{cursor:pointer;touch-action:manipulation}
[data-lx-surface="workspace"] .preset-browser-card:focus-visible{
  outline:3px solid rgba(245,166,35,.78);
  outline-offset:3px;
}
[data-lx-surface="workspace"] .preset-browser-card:active{border-color:#2cb1a6;box-shadow:0 0 0 3px rgba(44,177,166,.13)}
[data-lx-surface="workspace"] .preset-grade-info>p[hidden]{display:none}
[data-lx-surface="workspace"] .preset-grade-select{margin-top:auto}

/* lxrender-home-v3.css */
/* LxRender homepage reconstruction - presentation only */
body[data-lx-surface="marketing"]{
  --home-v2-navy:#071b2d;--home-v2-navy-2:#0b2f4b;--home-v2-blue:#1769aa;--home-v2-blue-2:#2289c4;
  --home-v2-teal:#2cb1a6;--home-v2-teal-soft:#dff5f2;--home-v2-canvas:#eef6fb;--home-v2-card:#fff;
  --home-v2-line:#cfdeea;--home-v2-text:#102a43;--home-v2-copy:#486581;--home-v2-muted:#586f86;
  min-width:320px;background:radial-gradient(900px 620px at 92% 2%,rgba(23,105,170,.18),transparent 68%),radial-gradient(760px 540px at -8% 24%,rgba(44,177,166,.12),transparent 72%),var(--home-v2-canvas);color:var(--home-v2-text)
}
body[data-lx-surface="marketing"]::before{background:linear-gradient(180deg,rgba(255,255,255,.35),transparent 32%)}
body[data-lx-surface="marketing"] #particle-canvas{opacity:.32}
body[data-lx-surface="marketing"] .container{width:min(calc(100% - 40px),1180px);max-width:none;padding:0}
body[data-lx-surface="marketing"] .theme-switcher{display:none}
body[data-lx-surface="marketing"] .skip-link{background:var(--home-v2-blue);border-radius:12px}
body[data-lx-surface="marketing"] :where(a,button,[role="button"],[role="slider"]){touch-action:manipulation}
body[data-lx-surface="marketing"] :where(a,button,[role="button"],[role="slider"]):focus-visible{outline:3px solid rgba(44,177,166,.72);outline-offset:3px}

/* Floating navigation */
body[data-lx-surface="marketing"] .navbar{top:14px;left:50%;right:auto;width:min(calc(100% - 32px),1180px);border:1px solid rgba(207,222,234,.82);border-radius:20px;background:rgba(255,255,255,.78);box-shadow:0 16px 45px rgba(7,27,45,.09);transform:translateX(-50%);backdrop-filter:blur(24px) saturate(1.35);-webkit-backdrop-filter:blur(24px) saturate(1.35)}
body[data-lx-surface="marketing"] .navbar .container{width:100%;height:66px;padding:0 12px 0 16px}
body[data-lx-surface="marketing"] .nav-logo{flex:none;min-width:0;margin:0;gap:10px;color:var(--home-v2-text);font-size:1rem}
body[data-lx-surface="marketing"] .nav-logo::before{width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,var(--home-v2-teal),var(--home-v2-blue));box-shadow:inset 0 0 0 1px rgba(255,255,255,.34),0 8px 20px rgba(23,105,170,.22)}
body[data-lx-surface="marketing"] .nav-logo-sub{color:var(--home-v2-muted);font-size:.52rem}
body[data-lx-surface="marketing"] .nav-links{align-items:center;gap:3px;margin:0 12px 0 auto;padding:5px;border:1px solid rgba(207,222,234,.7);border-radius:14px;background:rgba(238,246,251,.74)}
body[data-lx-surface="marketing"] .nav-links a{min-height:38px;padding:0 11px;border-radius:10px;color:var(--home-v2-copy);font-size:.78rem;font-weight:650}
body[data-lx-surface="marketing"] .nav-links a:hover{background:#fff;color:var(--home-v2-blue)}
body[data-lx-surface="marketing"] .nav-admin-entry{padding:0 11px!important}
body[data-lx-surface="marketing"] .nav-signin{min-height:44px;display:inline-flex;align-items:center;margin:0 6px 0 0;padding:0 12px;color:var(--home-v2-copy);font-size:.8rem;font-weight:700}
body[data-lx-surface="marketing"] .nav-cta{min-height:44px;display:inline-flex;align-items:center;padding:0 18px;border-radius:12px;background:linear-gradient(135deg,var(--home-v2-blue),var(--home-v2-blue-2));box-shadow:0 10px 24px rgba(23,105,170,.2);color:#fff}
body[data-lx-surface="marketing"] .nav-cta:hover{background:linear-gradient(135deg,#0b5680,var(--home-v2-teal));box-shadow:0 14px 30px rgba(23,105,170,.26)}

/* Conversion-first hero */
body[data-lx-surface="marketing"] .hero{min-height:820px;padding:148px 0 86px;overflow:hidden;text-align:left}
body[data-lx-surface="marketing"] .hero-grid{grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr);align-items:center;gap:clamp(44px,6vw,84px)}
body[data-lx-surface="marketing"] .hero-copy{max-width:600px;padding:0}
body[data-lx-surface="marketing"] .hero-tag{min-height:34px;margin:0 0 22px;padding:0 13px;border:1px solid rgba(23,105,170,.2);border-radius:999px;background:rgba(255,255,255,.68);box-shadow:0 8px 22px rgba(7,27,45,.05);color:var(--home-v2-blue);font-size:.74rem;font-weight:750;letter-spacing:.02em}
body[data-lx-surface="marketing"] .hero-tag .dot{width:7px;height:7px;background:var(--home-v2-teal);box-shadow:0 0 0 5px rgba(44,177,166,.13)}
body[data-lx-surface="marketing"] .hero h1{max-width:680px;margin:0 0 24px;color:var(--home-v2-text);font-size:clamp(3.25rem,5.5vw,5.35rem);line-height:.98;letter-spacing:-.065em;text-wrap:balance}
body[data-lx-surface="marketing"] .hero h1 span{display:block;margin-top:.16em;background:linear-gradient(110deg,var(--home-v2-blue) 0%,var(--home-v2-teal) 54%,var(--home-v2-blue-2) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
body[data-lx-surface="marketing"] .hero-desc{max-width:570px;margin:0 0 30px;color:var(--home-v2-copy);font-size:clamp(1rem,1.3vw,1.12rem);line-height:1.8}
body[data-lx-surface="marketing"] .hero-actions{justify-content:flex-start;gap:12px;margin:0 0 20px}
body[data-lx-surface="marketing"] .hero-actions .btn{min-height:52px;padding:0 22px;border-radius:14px;font-size:.9rem}
body[data-lx-surface="marketing"] .hero-actions .btn-primary{background:linear-gradient(135deg,var(--home-v2-blue),var(--home-v2-blue-2));box-shadow:0 14px 32px rgba(23,105,170,.23)}
body[data-lx-surface="marketing"] .hero-actions .btn-primary:hover{background:linear-gradient(135deg,#0b5680,var(--home-v2-teal))}
body[data-lx-surface="marketing"] .hero-actions .btn-secondary{border:1px solid rgba(72,101,129,.22);background:rgba(255,255,255,.68);color:var(--home-v2-text);box-shadow:0 10px 26px rgba(7,27,45,.05)}
body[data-lx-surface="marketing"] .hero-actions .btn-secondary:hover{border-color:rgba(23,105,170,.42);background:#fff;color:var(--home-v2-blue)}
body[data-lx-surface="marketing"] .hero-assurances{justify-content:flex-start;gap:8px 16px;color:var(--home-v2-muted);font-size:.72rem}
body[data-lx-surface="marketing"] .hero-assurance svg{stroke:var(--home-v2-teal)}
body[data-lx-surface="marketing"] .hero-signal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:24px}
body[data-lx-surface="marketing"] .hero-signal-grid>span{min-width:0;padding:13px 12px;border:1px solid rgba(207,222,234,.9);border-radius:14px;background:rgba(255,255,255,.62);box-shadow:0 8px 22px rgba(7,27,45,.045)}
body[data-lx-surface="marketing"] .hero-signal-grid strong{display:block;color:var(--home-v2-text);font-size:.73rem}
body[data-lx-surface="marketing"] .hero-signal-grid small{display:block;margin-top:3px;color:var(--home-v2-muted);font-size:.6rem;line-height:1.35}

/* Interactive proof console */
body[data-lx-surface="marketing"] .hero-proof{position:relative;max-width:none}
body[data-lx-surface="marketing"] .hero-proof::before{inset:10% -12% -14% 20%;background:radial-gradient(circle,rgba(23,105,170,.24),rgba(44,177,166,.1) 40%,transparent 70%);filter:blur(34px)}
body[data-lx-surface="marketing"] .hero-proof::after{content:"";position:absolute;right:-28px;top:-28px;width:112px;height:112px;z-index:-1;border:1px solid rgba(44,177,166,.3);border-radius:30px;transform:rotate(12deg)}
body[data-lx-surface="marketing"] .proof-window{border:1px solid rgba(255,255,255,.12);border-radius:28px;background:linear-gradient(155deg,var(--home-v2-navy),var(--home-v2-navy-2));box-shadow:0 36px 90px rgba(7,27,45,.28)}
body[data-lx-surface="marketing"] .proof-toolbar{min-height:54px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.7)}
body[data-lx-surface="marketing"] .proof-dots span{background:rgba(255,255,255,.18)}
body[data-lx-surface="marketing"] .proof-dots span:first-child{background:var(--home-v2-teal)}
body[data-lx-surface="marketing"] .proof-toolbar-label::before{background:var(--home-v2-teal);box-shadow:0 0 0 4px rgba(44,177,166,.14)}
body[data-lx-surface="marketing"] .proof-content{padding:15px}
body[data-lx-surface="marketing"] .comparison-categories{gap:7px;margin:0 0 12px}
body[data-lx-surface="marketing"] .comparison-categories .cat-btn{min-height:38px;padding:0 12px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.055);color:rgba(255,255,255,.67)}
body[data-lx-surface="marketing"] .comparison-categories .cat-btn.active{border-color:rgba(44,177,166,.55);background:linear-gradient(135deg,rgba(23,105,170,.9),rgba(15,139,141,.9));color:#fff}
body[data-lx-surface="marketing"] .comparison{overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:#0d263d}
body[data-lx-surface="marketing"] .comparison-track{min-height:430px;aspect-ratio:16/10}
body[data-lx-surface="marketing"] .comparison-before .comparison-bg{background:linear-gradient(145deg,#17324d,#0a1d30)}
body[data-lx-surface="marketing"] .comparison-after .comparison-bg{background:radial-gradient(circle at 66% 35%,rgba(44,177,166,.26),transparent 34%),linear-gradient(145deg,#12506a,#071b2d)}
body[data-lx-surface="marketing"] .comparison-after .label{background:rgba(15,139,141,.92)}
body[data-lx-surface="marketing"] .comparison-handle::after{background:linear-gradient(145deg,var(--home-v2-blue-2),var(--home-v2-teal));box-shadow:0 10px 28px rgba(0,0,0,.34)}
body[data-lx-surface="marketing"] .proof-note{margin-top:14px;padding:0 6px;color:var(--home-v2-muted);font-size:.72rem}
body[data-lx-surface="marketing"] .proof-note strong{color:var(--home-v2-text)}
body[data-lx-surface="marketing"] .proof-note-badge{color:var(--home-v2-copy)}
body[data-lx-surface="marketing"] .proof-note-badge svg{stroke:var(--home-v2-teal)}

/* Live trust band */
body[data-lx-surface="marketing"] .trust-strip{padding:0 0 58px}
body[data-lx-surface="marketing"] .trust-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px;padding:0 4px}
body[data-lx-surface="marketing"] .trust-heading span{color:var(--home-v2-text);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
body[data-lx-surface="marketing"] .trust-heading small{color:var(--home-v2-muted);font-size:.66rem}
body[data-lx-surface="marketing"] .stats{grid-template-columns:1.45fr repeat(3,minmax(0,1fr));border:1px solid rgba(207,222,234,.9);border-radius:20px;background:rgba(255,255,255,.7);box-shadow:0 18px 48px rgba(7,27,45,.07);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
body[data-lx-surface="marketing"] .trust-intro{min-height:112px;padding:20px 22px;border-color:var(--home-v2-line)}
body[data-lx-surface="marketing"] .trust-intro-icon{background:var(--home-v2-teal-soft);color:var(--home-v2-teal)}
body[data-lx-surface="marketing"] .stat{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:18px;border-color:var(--home-v2-line)}
body[data-lx-surface="marketing"] .stat-value{color:var(--home-v2-text);font-size:clamp(1.5rem,2.6vw,2.15rem);font-weight:800}
body[data-lx-surface="marketing"] .stat-label{color:var(--home-v2-muted);font-size:.68rem}

/* Sections */
body[data-lx-surface="marketing"] :where(.features-bg,.workflow-stage,.steps-section,.faq-section){padding:104px 0}
body[data-lx-surface="marketing"] .section-heading-row{grid-template-columns:minmax(0,.8fr) minmax(300px,.42fr);gap:64px;margin-bottom:38px}
body[data-lx-surface="marketing"] .section-heading-row h2,body[data-lx-surface="marketing"] .workflow-copy h2,body[data-lx-surface="marketing"] .faq-intro h2{color:var(--home-v2-text);font-size:clamp(2.25rem,4vw,3.75rem);line-height:1.06;letter-spacing:-.05em;text-wrap:balance}
body[data-lx-surface="marketing"] .section-tag{color:var(--home-v2-blue);font-size:.7rem;font-weight:850}
body[data-lx-surface="marketing"] .section-tag::before{background:linear-gradient(90deg,var(--home-v2-blue),var(--home-v2-teal))}
body[data-lx-surface="marketing"] .section-subtitle{color:var(--home-v2-copy);line-height:1.8}

/* Capability bento */
body[data-lx-surface="marketing"] .features-bg{background:linear-gradient(180deg,transparent 0,rgba(255,255,255,.66) 16%,rgba(255,255,255,.66) 84%,transparent 100%)}
body[data-lx-surface="marketing"] .features-grid{grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);gap:18px}
body[data-lx-surface="marketing"] .feature-card{min-height:260px;padding:30px;border:1px solid rgba(207,222,234,.9);border-radius:24px;background:rgba(255,255,255,.82);box-shadow:0 16px 42px rgba(7,27,45,.065)}
body[data-lx-surface="marketing"] .feature-card:hover{border-color:rgba(23,105,170,.38);box-shadow:0 24px 54px rgba(7,27,45,.1)}
body[data-lx-surface="marketing"] .feature-card:first-child{min-height:538px;padding:34px;border-color:rgba(255,255,255,.1);background:radial-gradient(circle at 85% 12%,rgba(44,177,166,.28),transparent 34%),linear-gradient(145deg,var(--home-v2-navy),var(--home-v2-navy-2));color:#fff;box-shadow:0 28px 64px rgba(7,27,45,.18)}
body[data-lx-surface="marketing"] .feature-card:first-child::after{border-color:rgba(44,177,166,.2);box-shadow:0 0 0 30px rgba(44,177,166,.05),0 0 0 76px rgba(23,105,170,.035)}
body[data-lx-surface="marketing"] .feature-index{position:absolute;top:24px;right:26px;z-index:2;color:var(--home-v2-blue);font-size:.68rem;font-weight:850;letter-spacing:.12em}
body[data-lx-surface="marketing"] .feature-card:first-child .feature-index{color:#66d5cc}
body[data-lx-surface="marketing"] .feature-icon{width:52px;height:52px;border-radius:16px;background:#e6f2fa;border-color:#d4e6f2;color:var(--home-v2-blue)}
body[data-lx-surface="marketing"] .feature-card:first-child .feature-icon{background:rgba(44,177,166,.14);border-color:rgba(44,177,166,.26);color:#66d5cc}
body[data-lx-surface="marketing"] .feature-title{color:var(--home-v2-text);font-size:1.35rem}
body[data-lx-surface="marketing"] .feature-card:first-child .feature-title{font-size:clamp(1.75rem,2.4vw,2.35rem)}
body[data-lx-surface="marketing"] .feature-desc{color:var(--home-v2-copy);font-size:.9rem;line-height:1.78}
body[data-lx-surface="marketing"] .feature-proof{gap:10px}
body[data-lx-surface="marketing"] .feature-proof span{padding:13px;border-radius:14px;background:rgba(255,255,255,.06)}

/* Immersive workflow */
body[data-lx-surface="marketing"] .workflow-stage{padding-top:70px}
body[data-lx-surface="marketing"] .workflow-layout{grid-template-columns:minmax(0,.82fr) minmax(460px,1.18fr);gap:clamp(42px,6vw,76px);padding:clamp(38px,5vw,64px);border:1px solid rgba(255,255,255,.08);border-radius:36px;background:radial-gradient(circle at 8% 0,rgba(44,177,166,.2),transparent 30%),linear-gradient(145deg,var(--home-v2-navy),var(--home-v2-navy-2));box-shadow:0 34px 80px rgba(7,27,45,.2)}
body[data-lx-surface="marketing"] .workflow-copy .section-tag{color:#66d5cc}
body[data-lx-surface="marketing"] .workflow-copy h2{color:#fff}
body[data-lx-surface="marketing"] .workflow-copy .section-subtitle{color:rgba(255,255,255,.65)}
body[data-lx-surface="marketing"] .workflow-list{gap:0;margin-top:26px}
body[data-lx-surface="marketing"] .workflow-point{padding:17px 0;border-color:rgba(255,255,255,.1)}
body[data-lx-surface="marketing"] .workflow-point svg{stroke:#66d5cc}
body[data-lx-surface="marketing"] .workflow-point strong{color:#fff}
body[data-lx-surface="marketing"] .workflow-point span span{color:rgba(255,255,255,.54)}
body[data-lx-surface="marketing"] .upload-demo{min-height:500px;padding:12px;border-color:rgba(255,255,255,.11);border-radius:26px;background:rgba(255,255,255,.06);box-shadow:0 24px 60px rgba(0,0,0,.24)}
body[data-lx-surface="marketing"] .upload-window{min-height:476px;padding:18px;border-color:rgba(255,255,255,.09);border-radius:20px;background:linear-gradient(145deg,#123a5a,#081d31)}
body[data-lx-surface="marketing"] .upload-dropzone{min-height:260px;border-color:rgba(44,177,166,.42);background:linear-gradient(145deg,rgba(23,105,170,.12),rgba(44,177,166,.08))}
body[data-lx-surface="marketing"] .upload-icon{background:rgba(44,177,166,.15);border-color:rgba(44,177,166,.28);color:#66d5cc}
body[data-lx-surface="marketing"] .upload-file-icon{background:rgba(44,177,166,.14);color:#66d5cc}

/* Three-step timeline */
body[data-lx-surface="marketing"] .steps-section{padding-top:116px}
body[data-lx-surface="marketing"] .steps{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:none}
body[data-lx-surface="marketing"] .steps::before{content:"";position:absolute;top:31px;left:16.5%;right:16.5%;height:1px;background:linear-gradient(90deg,var(--home-v2-blue),var(--home-v2-teal))}
body[data-lx-surface="marketing"] .step{position:relative;z-index:1;min-width:0;padding:28px;border:1px solid rgba(207,222,234,.92);border-radius:22px;background:#fff;box-shadow:0 14px 36px rgba(7,27,45,.055)}
body[data-lx-surface="marketing"] .step-num{width:48px;height:48px;margin:0 0 24px;border:6px solid var(--home-v2-canvas);border-radius:16px;background:linear-gradient(145deg,var(--home-v2-blue),var(--home-v2-teal));box-shadow:0 10px 24px rgba(23,105,170,.2)}
body[data-lx-surface="marketing"] .step h3{color:var(--home-v2-text);font-size:1.05rem}
body[data-lx-surface="marketing"] .step p{color:var(--home-v2-copy);line-height:1.7}
@media(min-width:901px){
  body[data-lx-surface="marketing"] .steps::before{display:none}
  body[data-lx-surface="marketing"] .step:not(:last-child)::after{top:51px;right:-19px;left:auto;width:19px;height:2px;background:linear-gradient(90deg,var(--home-v2-blue),var(--home-v2-teal));z-index:2}
}

/* FAQ */
body[data-lx-surface="marketing"] .faq-section{padding-top:90px}
body[data-lx-surface="marketing"] .faq-layout{grid-template-columns:minmax(280px,.68fr) minmax(0,1.32fr);gap:clamp(44px,7vw,88px)}
body[data-lx-surface="marketing"] .faq-intro{top:110px}
body[data-lx-surface="marketing"] .faq-intro p{color:var(--home-v2-copy);line-height:1.8}
body[data-lx-surface="marketing"] .faq-contact{color:var(--home-v2-blue)}
body[data-lx-surface="marketing"] .faq-item{margin-bottom:10px;border:1px solid rgba(207,222,234,.9);border-radius:18px;background:rgba(255,255,255,.78);box-shadow:0 10px 28px rgba(7,27,45,.04)}
body[data-lx-surface="marketing"] .faq-item.open{border-color:rgba(23,105,170,.38);box-shadow:0 16px 36px rgba(7,27,45,.07)}
body[data-lx-surface="marketing"] .faq-question{min-height:66px;padding:16px 18px;color:var(--home-v2-text)}
body[data-lx-surface="marketing"] .faq-question:hover{color:var(--home-v2-blue)}
body[data-lx-surface="marketing"] .faq-arrow{background:#e6f2fa;color:var(--home-v2-blue)}
body[data-lx-surface="marketing"] .faq-answer-inner{color:var(--home-v2-copy)}

/* Final conversion panel */
body[data-lx-surface="marketing"] .cta-wrap{padding:0 0 96px}
body[data-lx-surface="marketing"] .cta-section{padding:clamp(42px,6vw,72px);border-radius:32px;background:radial-gradient(circle at 86% 8%,rgba(44,177,166,.42),transparent 34%),linear-gradient(135deg,#0b5680,var(--home-v2-blue) 58%,#0f8b8d);box-shadow:0 30px 70px rgba(23,105,170,.22)}
body[data-lx-surface="marketing"] .cta-section::before{background:radial-gradient(circle,rgba(255,255,255,.14),transparent 68%)}
body[data-lx-surface="marketing"] .cta-section::after{border-color:rgba(255,255,255,.16);box-shadow:0 0 0 36px rgba(255,255,255,.04),0 0 0 80px rgba(255,255,255,.025)}
body[data-lx-surface="marketing"] .cta-content{align-items:center}
body[data-lx-surface="marketing"] .cta-section h2{max-width:720px;color:#fff}
body[data-lx-surface="marketing"] .cta-section p{color:rgba(255,255,255,.72)}
body[data-lx-surface="marketing"] .cta-section .btn{min-width:190px;min-height:54px;border-radius:14px;background:#fff;color:var(--home-v2-blue);box-shadow:0 14px 32px rgba(7,27,45,.18)}
body[data-lx-surface="marketing"] .cta-section .btn:hover{background:var(--home-v2-teal-soft);color:#0b5680}
body[data-lx-surface="marketing"] .cta-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}
body[data-lx-surface="marketing"] .cta-meta span{display:inline-flex;min-height:30px;align-items:center;padding:0 10px;border:1px solid rgba(255,255,255,.17);border-radius:999px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.78);font-size:.64rem}

/* Dark footer */
body[data-lx-surface="marketing"] .footer{margin:0;padding:70px 0 30px;border:0;background:var(--home-v2-navy);color:rgba(255,255,255,.62)}
body[data-lx-surface="marketing"] .footer-grid{grid-template-columns:minmax(260px,1.35fr) repeat(3,minmax(120px,.55fr));gap:44px}
body[data-lx-surface="marketing"] .footer .nav-logo,body[data-lx-surface="marketing"] .footer-col h4{color:#fff}
body[data-lx-surface="marketing"] .footer-brand p,body[data-lx-surface="marketing"] .footer-col a,body[data-lx-surface="marketing"] .footer-bottom{color:rgba(255,255,255,.56)}
body[data-lx-surface="marketing"] .footer-col a:hover{color:#66d5cc}
body[data-lx-surface="marketing"] .footer-bottom{border-color:rgba(255,255,255,.09)}
body[data-lx-surface="marketing"] .footer-bottom a{color:#66d5cc!important}
body[data-lx-surface="marketing"] .footer-admin-row{display:flex;justify-content:center;margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.06)}
body[data-lx-surface="marketing"] .footer-admin-row a{min-height:44px;display:inline-flex;align-items:center;padding:0 12px;color:rgba(255,255,255,.46)!important;font-size:.7rem;transition:color .2s}
body[data-lx-surface="marketing"] .footer-admin-row a:hover{color:#66d5cc!important}

@media(max-width:1000px){
  body[data-lx-surface="marketing"] .navbar{width:min(calc(100% - 24px),960px)}
  body[data-lx-surface="marketing"] .nav-links a{padding-inline:8px}
  body[data-lx-surface="marketing"] .hero{min-height:0;padding-top:132px}
  body[data-lx-surface="marketing"] .hero-grid{grid-template-columns:1fr;gap:52px}
  body[data-lx-surface="marketing"] .hero-copy{max-width:760px}
  body[data-lx-surface="marketing"] .hero-proof{max-width:820px}
  body[data-lx-surface="marketing"] .features-grid{grid-template-columns:1fr 1fr}
  body[data-lx-surface="marketing"] .feature-card:first-child{grid-column:1/-1;grid-row:auto;min-height:430px}
  body[data-lx-surface="marketing"] .workflow-layout{grid-template-columns:1fr;gap:46px}
  body[data-lx-surface="marketing"] .workflow-copy{max-width:760px}
  body[data-lx-surface="marketing"] .upload-demo{max-width:820px}
}
@media(max-width:900px){
  body[data-lx-surface="marketing"] .container{width:min(calc(100% - 28px),760px)}
  body[data-lx-surface="marketing"] .navbar{top:8px;width:calc(100% - 16px);border-radius:17px}
  body[data-lx-surface="marketing"] .navbar .container{height:60px;padding-inline:10px}
  body[data-lx-surface="marketing"] .nav-logo{max-width:calc(100vw - 178px)}
  body[data-lx-surface="marketing"] .nav-logo::before{width:32px;height:32px}
  body[data-lx-surface="marketing"] .nav-logo-sub{display:none}
  body[data-lx-surface="marketing"] .nav-links{top:69px;left:8px;right:8px;width:auto;margin:0;padding:8px;border-radius:16px;background:rgba(255,255,255,.96);box-shadow:0 18px 46px rgba(7,27,45,.14)}
  body[data-lx-surface="marketing"] .nav-links a{min-height:46px;width:100%;justify-content:center;border:0}
  body[data-lx-surface="marketing"] .nav-hamburger{order:3;width:44px;height:44px;margin-left:4px;border-radius:12px;background:#e6f2fa}
  body[data-lx-surface="marketing"] .nav-signin{display:none}
  body[data-lx-surface="marketing"] .nav-cta{order:2;min-height:44px;margin-left:auto;padding-inline:13px;font-size:.75rem}
  body[data-lx-surface="marketing"] .hero{padding:108px 0 58px}
  body[data-lx-surface="marketing"] .hero-grid{gap:38px}
  body[data-lx-surface="marketing"] .hero-copy{text-align:center}
  body[data-lx-surface="marketing"] .hero-tag{margin-inline:auto}
  body[data-lx-surface="marketing"] .hero h1{margin-inline:auto;font-size:clamp(2.75rem,9vw,4.4rem)}
  body[data-lx-surface="marketing"] .hero-desc{margin-inline:auto}
  body[data-lx-surface="marketing"] .hero-actions,body[data-lx-surface="marketing"] .hero-assurances{justify-content:center}
  body[data-lx-surface="marketing"] .hero-signal-grid{max-width:620px;margin-inline:auto}
  body[data-lx-surface="marketing"] .hero-proof{margin-inline:auto}
  body[data-lx-surface="marketing"] .comparison-track{min-height:390px}
  body[data-lx-surface="marketing"] .stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  body[data-lx-surface="marketing"] .trust-intro{grid-column:1/-1;border-right:0;border-bottom:1px solid var(--home-v2-line)}
  body[data-lx-surface="marketing"] .section-heading-row,body[data-lx-surface="marketing"] .features-grid,body[data-lx-surface="marketing"] .faq-layout,body[data-lx-surface="marketing"] .footer-grid{grid-template-columns:1fr}
  body[data-lx-surface="marketing"] .section-heading-row{gap:18px}
  body[data-lx-surface="marketing"] .feature-card:first-child{min-height:360px}
  body[data-lx-surface="marketing"] .workflow-layout{padding:34px;border-radius:30px}
  body[data-lx-surface="marketing"] .steps{grid-template-columns:1fr}
  body[data-lx-surface="marketing"] .steps::before{top:24px;bottom:24px;left:23px;right:auto;width:1px;height:auto}
  body[data-lx-surface="marketing"] .step{padding:24px 24px 24px 76px}
  body[data-lx-surface="marketing"] .step-num{position:absolute;top:20px;left:0;margin:0}
  body[data-lx-surface="marketing"] .faq-intro{position:static}
  body[data-lx-surface="marketing"] .cta-content{display:block}
  body[data-lx-surface="marketing"] .cta-section .btn{width:100%;margin-top:28px}
}
@media(max-width:600px){
  body[data-lx-surface="marketing"] .container{width:calc(100% - 24px)}
  body[data-lx-surface="marketing"] .nav-logo-text{max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  body[data-lx-surface="marketing"] .hero{padding-top:96px}
  body[data-lx-surface="marketing"] .hero h1{font-size:clamp(2.45rem,12vw,3.45rem);line-height:1.01}
  body[data-lx-surface="marketing"] .hero-desc{font-size:.96rem;line-height:1.72}
  body[data-lx-surface="marketing"] .hero-actions{display:grid;grid-template-columns:1fr}
  body[data-lx-surface="marketing"] .hero-actions .btn{width:100%}
  body[data-lx-surface="marketing"] .hero-assurances{gap:7px 10px;font-size:.66rem}
  body[data-lx-surface="marketing"] .hero-signal-grid{gap:6px}
  body[data-lx-surface="marketing"] .hero-signal-grid>span{padding:11px 7px}
  body[data-lx-surface="marketing"] .hero-signal-grid strong{font-size:.75rem}
  body[data-lx-surface="marketing"] .hero-signal-grid small{font-size:.65rem}
  body[data-lx-surface="marketing"] .proof-window{border-radius:22px}
  body[data-lx-surface="marketing"] .proof-toolbar{min-height:48px;padding-inline:13px}
  body[data-lx-surface="marketing"] .proof-content{padding:9px}
  body[data-lx-surface="marketing"] .comparison-track{min-height:0;aspect-ratio:4/3}
  body[data-lx-surface="marketing"] .comparison-categories .cat-btn{min-height:44px}
  body[data-lx-surface="marketing"] .proof-note{align-items:flex-start;font-size:.66rem}
  body[data-lx-surface="marketing"] .proof-note-badge{display:none}
  body[data-lx-surface="marketing"] .trust-heading{align-items:flex-start;flex-direction:column;gap:3px}
  body[data-lx-surface="marketing"] .trust-strip{padding-bottom:34px}
  body[data-lx-surface="marketing"] .trust-intro{min-height:94px;padding:16px}
  body[data-lx-surface="marketing"] .stat{padding:14px 8px;text-align:center}
  body[data-lx-surface="marketing"] :where(.features-bg,.workflow-stage,.steps-section,.faq-section){padding:72px 0}
  body[data-lx-surface="marketing"] .section-heading-row h2,body[data-lx-surface="marketing"] .workflow-copy h2,body[data-lx-surface="marketing"] .faq-intro h2{font-size:2.25rem}
  body[data-lx-surface="marketing"] .feature-card,body[data-lx-surface="marketing"] .feature-card:first-child{min-height:0;padding:24px;border-radius:22px}
  body[data-lx-surface="marketing"] .feature-proof{position:relative;right:auto;bottom:auto;left:auto;grid-template-columns:1fr;margin-top:34px}
  body[data-lx-surface="marketing"] .feature-proof span{display:flex;justify-content:space-between}
  body[data-lx-surface="marketing"] .workflow-stage{padding-inline:12px}
  body[data-lx-surface="marketing"] .workflow-stage .container{width:100%}
  body[data-lx-surface="marketing"] .workflow-layout{padding:26px 16px;border-radius:26px}
  body[data-lx-surface="marketing"] .upload-demo{min-height:0;padding:8px;border-radius:22px}
  body[data-lx-surface="marketing"] .upload-window{min-height:0;padding:13px;border-radius:17px}
  body[data-lx-surface="marketing"] .upload-dropzone{min-height:210px}
  body[data-lx-surface="marketing"] .upload-file{grid-template-columns:40px 1fr}
  body[data-lx-surface="marketing"] .upload-file-ready{display:none}
  body[data-lx-surface="marketing"] .step{padding:22px 18px 22px 68px}
  body[data-lx-surface="marketing"] .cta-wrap{padding-bottom:72px}
  body[data-lx-surface="marketing"] .cta-section{padding:34px 20px;border-radius:26px}
  body[data-lx-surface="marketing"] .cta-meta{gap:5px}
  body[data-lx-surface="marketing"] .cta-meta span{font-size:.66rem}
  body[data-lx-surface="marketing"] .footer{padding-top:54px}
  body[data-lx-surface="marketing"] .footer-grid{gap:28px}
}
@media(max-width:390px){
  body[data-lx-surface="marketing"] .nav-cta{padding-inline:11px;font-size:.7rem}
  body[data-lx-surface="marketing"] .hero h1{font-size:2.5rem}
  body[data-lx-surface="marketing"] .hero-signal-grid small{display:none}
  body[data-lx-surface="marketing"] .hero-signal-grid>span{min-height:46px;display:grid;place-items:center}
  body[data-lx-surface="marketing"] .stat-value{font-size:1.22rem}
  body[data-lx-surface="marketing"] .stat-label{font-size:.6rem}
}
@media(max-height:500px) and (min-width:601px) and (max-width:900px){
  body[data-lx-surface="marketing"] .hero{padding-top:90px}
  body[data-lx-surface="marketing"] .hero h1{font-size:3.35rem}
  body[data-lx-surface="marketing"] .hero-grid{gap:30px}
}
@media(prefers-reduced-motion:reduce){
  body[data-lx-surface="marketing"] .hero-proof::before{filter:none}
  body[data-lx-surface="marketing"] :where(a,button,[role="button"],[role="slider"]){scroll-behavior:auto;transition-duration:.01ms!important}
}
/* Mobile homepage identity recovery: keep these rules local to marketing. */
body[data-lx-surface="marketing"] .lx-brand-mark{display:block;width:42px;height:42px;flex:none;overflow:visible}
body[data-lx-surface="marketing"] .lx-brand-mark .lx-brand-shell{fill:#0b1f33}
body[data-lx-surface="marketing"] .lx-brand-mark .lx-brand-line{fill:none;stroke:#f7fbff;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
body[data-lx-surface="marketing"] .lx-brand-mark .lx-brand-play{fill:#2cb1a6}
body[data-lx-surface="marketing"] .lx-brand-mark .lx-brand-spark{fill:none;stroke:#f0b44b;stroke-width:2.5;stroke-linecap:round}
body[data-lx-surface="marketing"] .nav-logo::before{display:none!important}
body[data-lx-surface="marketing"] .lx-brand-lockup{display:inline-flex;align-items:center;gap:11px}
body[data-lx-surface="marketing"] .lx-brand-lockup .lx-brand-mark{width:39px;height:39px;filter:drop-shadow(0 8px 12px rgba(11,31,51,.18))}
body[data-lx-surface="marketing"] .footer-brand .lx-brand-mark{width:36px;height:36px}

@media(max-width:900px){
  body[data-lx-surface="marketing"] .footer-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px 12px!important}
  body[data-lx-surface="marketing"] .footer-brand{grid-column:1/-1}
  body[data-lx-surface="marketing"] .footer-col{min-width:0}
  body[data-lx-surface="marketing"] .footer-col h4{margin-bottom:8px}
  body[data-lx-surface="marketing"] .footer-col a{min-height:40px;margin:0;line-height:1.35}
}

@media(max-width:430px){
  body[data-lx-surface="marketing"] .navbar .container{gap:8px}
  body[data-lx-surface="marketing"] .nav-logo{gap:8px;font-size:.82rem;white-space:nowrap}
  body[data-lx-surface="marketing"] .lx-brand-lockup .lx-brand-mark{width:34px;height:34px}
  body[data-lx-surface="marketing"] .nav-cta{min-height:44px;padding:0 12px;white-space:nowrap}
}

/* Homepage V3: a distinct production-facing identity, independent from workspace CSS. */
body[data-lx-surface="marketing"]{
  --home-v3-ink:#082033;
  --home-v3-ink-2:#0c324c;
  --home-v3-blue:#1682bd;
  --home-v3-teal:#29b7aa;
  --home-v3-paper:#f4f8fb;
  --home-v3-line:#d7e4ec;
  background:radial-gradient(900px 600px at 92% 0,rgba(22,130,189,.15),transparent 65%),#edf4f8!important;
}
body[data-lx-surface="marketing"] .navbar{
  top:12px!important;
  width:min(calc(100% - 28px),1180px)!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:19px!important;
  background:rgba(8,32,51,.95)!important;
  box-shadow:0 18px 42px rgba(8,32,51,.2)!important;
}
body[data-lx-surface="marketing"] .navbar .container{height:64px!important;padding:0 11px 0 14px!important;gap:10px!important}
body[data-lx-surface="marketing"] .nav-logo{min-width:0!important;color:#fff!important}
body[data-lx-surface="marketing"] .lx-brand-lockup .lx-brand-mark{width:38px!important;height:38px!important;filter:none!important}
body[data-lx-surface="marketing"] .lx-brand-mark .lx-brand-shell{fill:#167eb7!important}
body[data-lx-surface="marketing"] .lx-brand-mark .lx-brand-play{fill:#51d3c5!important}
body[data-lx-surface="marketing"] .lx-brand-mark .lx-brand-spark{stroke:#ffd166!important}
body[data-lx-surface="marketing"] .nav-logo-text{min-width:0;color:#fff!important;font-weight:800!important}
body[data-lx-surface="marketing"] .nav-logo-sub{color:#8eabbc!important}
body[data-lx-surface="marketing"] .nav-links{border-color:rgba(255,255,255,.08)!important;background:rgba(255,255,255,.055)!important}
body[data-lx-surface="marketing"] .nav-links a{color:#bcd0dc!important}
body[data-lx-surface="marketing"] .nav-links a:hover{background:rgba(255,255,255,.09)!important;color:#fff!important}
body[data-lx-surface="marketing"] .nav-signin{color:#c8d8e2!important}
body[data-lx-surface="marketing"] .nav-cta{background:linear-gradient(135deg,#1888c0,#24a99e)!important;box-shadow:none!important;color:#fff!important}

body[data-lx-surface="marketing"] .hero{padding:116px 0 58px!important}
body[data-lx-surface="marketing"] .hero-grid{
  grid-template-columns:minmax(0,.86fr) minmax(500px,1.14fr)!important;
  gap:clamp(40px,5.5vw,74px)!important;
  padding:clamp(38px,5vw,66px)!important;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.09);
  border-radius:34px;
  background:radial-gradient(circle at 92% 5%,rgba(41,183,170,.2),transparent 32%),linear-gradient(145deg,var(--home-v3-ink),var(--home-v3-ink-2));
  box-shadow:0 30px 75px rgba(8,32,51,.23);
}
body[data-lx-surface="marketing"] .hero-copy{max-width:610px!important;padding:0!important}
body[data-lx-surface="marketing"] .hero-tag{border-color:rgba(81,211,197,.24)!important;background:rgba(81,211,197,.09)!important;color:#a9ded9!important}
body[data-lx-surface="marketing"] .hero-tag .dot{background:#51d3c5!important;box-shadow:0 0 0 5px rgba(81,211,197,.12)!important}
body[data-lx-surface="marketing"] .hero h1{color:#fff!important;font-size:clamp(3rem,5vw,5rem)!important}
body[data-lx-surface="marketing"] .hero h1 span{background:linear-gradient(100deg,#62c8f0,#51d3c5 58%,#9be7df)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
body[data-lx-surface="marketing"] .hero-desc{color:#b6cad7!important}
body[data-lx-surface="marketing"] .hero-actions .btn-primary{background:linear-gradient(135deg,#1888c0,#24a99e)!important;box-shadow:0 14px 32px rgba(0,0,0,.2)!important}
body[data-lx-surface="marketing"] .hero-actions .btn-secondary{border-color:rgba(255,255,255,.16)!important;background:rgba(255,255,255,.07)!important;color:#fff!important;box-shadow:none!important}
body[data-lx-surface="marketing"] .hero-assurances{color:#9cb4c3!important}
body[data-lx-surface="marketing"] .hero-assurance svg{stroke:#51d3c5!important}
body[data-lx-surface="marketing"] .hero-signal-grid>span{border-color:rgba(255,255,255,.09)!important;background:rgba(255,255,255,.055)!important;box-shadow:none!important}
body[data-lx-surface="marketing"] .hero-signal-grid strong{color:#fff!important}
body[data-lx-surface="marketing"] .hero-signal-grid small{color:#8faab9!important}
body[data-lx-surface="marketing"] .hero-proof::before{background:radial-gradient(circle,rgba(41,183,170,.22),transparent 68%)!important}
body[data-lx-surface="marketing"] .proof-window{border-color:rgba(255,255,255,.13)!important;box-shadow:0 25px 65px rgba(0,0,0,.3)!important}
body[data-lx-surface="marketing"] .proof-note{color:#9fb5c3!important}
body[data-lx-surface="marketing"] .proof-note strong{color:#e7f2f7!important}
body[data-lx-surface="marketing"] .proof-note-badge{color:#b6cad7!important}

body[data-lx-surface="marketing"] .trust-strip{margin-top:-26px!important;padding-bottom:64px!important}
body[data-lx-surface="marketing"] .trust-heading{padding:0 10px!important}
body[data-lx-surface="marketing"] .stats{border-color:var(--home-v3-line)!important;background:rgba(255,255,255,.95)!important;box-shadow:0 18px 45px rgba(8,32,51,.1)!important}
body[data-lx-surface="marketing"] .section-tag{color:#167eb7!important}
body[data-lx-surface="marketing"] .section-tag::before{background:linear-gradient(90deg,#167eb7,#29b7aa)!important}
body[data-lx-surface="marketing"] .feature-card,
body[data-lx-surface="marketing"] .step,
body[data-lx-surface="marketing"] .faq-item{border-color:var(--home-v3-line)!important;box-shadow:0 12px 34px rgba(8,32,51,.055)!important}
body[data-lx-surface="marketing"] .feature-card:first-child{background:radial-gradient(circle at 90% 8%,rgba(41,183,170,.25),transparent 32%),linear-gradient(145deg,var(--home-v3-ink),var(--home-v3-ink-2))!important}
body[data-lx-surface="marketing"] .workflow-layout{border-color:rgba(255,255,255,.08)!important;background:radial-gradient(circle at 8% 0,rgba(41,183,170,.18),transparent 30%),linear-gradient(145deg,var(--home-v3-ink),var(--home-v3-ink-2))!important}
body[data-lx-surface="marketing"] .cta-section{background:radial-gradient(circle at 86% 8%,rgba(81,211,197,.35),transparent 34%),linear-gradient(135deg,#0d5f8a,#1682bd 56%,#169b92)!important}
body[data-lx-surface="marketing"] .footer{background:var(--home-v3-ink)!important}

@media(max-width:1000px){
  body[data-lx-surface="marketing"] .hero-grid{grid-template-columns:1fr!important}
}

@media(max-width:900px){
  body[data-lx-surface="marketing"] .navbar{top:7px!important;width:calc(100% - 14px)!important;border-radius:16px!important}
  body[data-lx-surface="marketing"] .navbar .container{height:56px!important;padding:0 8px 0 10px!important;gap:7px!important}
  body[data-lx-surface="marketing"] .nav-logo{flex:1 1 auto!important;max-width:none!important;gap:7px!important;font-size:.82rem!important;white-space:nowrap!important;overflow:hidden!important}
  body[data-lx-surface="marketing"] .lx-brand-lockup .lx-brand-mark{width:32px!important;height:32px!important}
  body[data-lx-surface="marketing"] .nav-logo-text{display:block!important;max-width:none!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  body[data-lx-surface="marketing"] .nav-logo-sub{display:none!important}
  body[data-lx-surface="marketing"] .nav-cta{order:2!important;flex:none!important;min-height:40px!important;margin:0!important;padding:0 10px!important;border-radius:11px!important;font-size:.7rem!important}
  body[data-lx-surface="marketing"] .nav-hamburger{order:3!important;flex:none!important;width:40px!important;height:40px!important;margin:0!important;border-radius:11px!important;background:rgba(255,255,255,.09)!important}
  body[data-lx-surface="marketing"] .nav-hamburger span{background:#d5e5ed!important}
  body[data-lx-surface="marketing"] .nav-links{top:63px!important;left:7px!important;right:7px!important;border:1px solid var(--home-v3-line)!important;background:rgba(255,255,255,.98)!important}
  body[data-lx-surface="marketing"] .nav-links a{color:#27475c!important}

  body[data-lx-surface="marketing"] .hero{padding:82px 0 42px!important}
  body[data-lx-surface="marketing"] .hero-grid{width:calc(100% - 20px)!important;gap:30px!important;padding:28px 18px 20px!important;border-radius:24px!important}
  body[data-lx-surface="marketing"] .hero-copy{text-align:left!important}
  body[data-lx-surface="marketing"] .hero-tag{margin:0 0 15px!important;font-size:.68rem!important}
  body[data-lx-surface="marketing"] .hero h1{margin:0 0 16px!important;font-size:clamp(2.25rem,11vw,3.25rem)!important;line-height:1.02!important;letter-spacing:-.055em!important;text-align:left!important}
  body[data-lx-surface="marketing"] .hero-desc{margin:0 0 20px!important;color:#b9ccd7!important;font-size:.88rem!important;line-height:1.7!important;text-align:left!important}
  body[data-lx-surface="marketing"] .hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-bottom:15px!important}
  body[data-lx-surface="marketing"] .hero-actions .btn{min-height:46px!important;padding:0 9px!important;border-radius:12px!important;font-size:.75rem!important}
  body[data-lx-surface="marketing"] .hero-assurances{justify-content:flex-start!important;gap:6px 10px!important;font-size:.64rem!important}
  body[data-lx-surface="marketing"] .hero-signal-grid{gap:6px!important;margin-top:17px!important}
  body[data-lx-surface="marketing"] .hero-signal-grid>span{padding:10px 7px!important;border-radius:12px!important}
  body[data-lx-surface="marketing"] .hero-signal-grid strong{font-size:.68rem!important}
  body[data-lx-surface="marketing"] .hero-signal-grid small{font-size:.56rem!important}
  body[data-lx-surface="marketing"] .hero-proof{width:100%!important;margin:0!important}
  body[data-lx-surface="marketing"] .proof-window{border-radius:18px!important}
  body[data-lx-surface="marketing"] .proof-toolbar{min-height:44px!important;padding:0 11px!important}
  body[data-lx-surface="marketing"] .proof-content{padding:8px!important}
  body[data-lx-surface="marketing"] .proof-note{margin-top:10px!important;color:#99afbc!important}
  body[data-lx-surface="marketing"] .trust-strip{margin-top:0!important;padding:0 10px 40px!important}
  body[data-lx-surface="marketing"] .trust-heading{padding:0 2px!important}
  body[data-lx-surface="marketing"] .stats{border-radius:17px!important}
  body[data-lx-surface="marketing"] :where(.features-bg,.workflow-stage,.steps-section,.faq-section){padding:64px 0!important}
  body[data-lx-surface="marketing"] .section-heading-row h2,
  body[data-lx-surface="marketing"] .workflow-copy h2,
  body[data-lx-surface="marketing"] .faq-intro h2{font-size:2rem!important}
  body[data-lx-surface="marketing"] .feature-card,
  body[data-lx-surface="marketing"] .feature-card:first-child{min-height:0!important;padding:22px!important;border-radius:20px!important}
  body[data-lx-surface="marketing"] .workflow-layout{padding:24px!important;border-radius:24px!important}
  body[data-lx-surface="marketing"] .cta-section{padding:30px 20px!important;border-radius:24px!important}
  body[data-lx-surface="marketing"] .cta-section h2{font-size:2rem!important}
}

@media(max-width:390px){
  body[data-lx-surface="marketing"] .nav-logo{font-size:.78rem!important}
  body[data-lx-surface="marketing"] .nav-cta{padding-inline:9px!important}
  body[data-lx-surface="marketing"] .hero-grid{width:calc(100% - 16px)!important;padding-inline:16px!important}
  body[data-lx-surface="marketing"] .hero h1{font-size:2.28rem!important}
  body[data-lx-surface="marketing"] .hero-actions{grid-template-columns:1fr!important}
}

/* lxrender-home-v4.css */
/* LxRender homepage V4: fix the mobile floating header and section rhythm. */
@media (max-width: 900px) {
  body[data-lx-surface="marketing"] .navbar {
    padding: 0 !important;
  }

  body[data-lx-surface="marketing"] .hero {
    padding-top: 72px !important;
  }

  body[data-lx-surface="marketing"] .hero-grid {
    padding-top: 14px !important;
  }

  body[data-lx-surface="marketing"] .hero-tag {
    margin-bottom: 13px !important;
  }

  body[data-lx-surface="marketing"] .trust-heading {
    display: none !important;
  }

  body[data-lx-surface="marketing"] .trust-strip {
    padding-top: 0 !important;
  }
}

@media (max-width: 390px) {
  body[data-lx-surface="marketing"] .hero {
    padding-top: 70px !important;
  }

  body[data-lx-surface="marketing"] .hero-grid {
    padding-top: 13px !important;
  }
}

/* lxrender-home-v5.css */
/* LxRender homepage V5: reliable mobile navigation icon and useful empty FAQ state. */
.nav-hamburger {
  position: relative;
}

.nav-hamburger > svg {
  position: absolute;
  width: 23px;
  height: 23px;
  transition: opacity 150ms ease, transform 180ms ease;
}

.nav-hamburger .nav-menu-icon {
  opacity: 1;
  transform: scale(1);
}

.nav-hamburger .nav-close-icon {
  opacity: 0;
  transform: scale(.72);
}

.nav-hamburger.open .nav-menu-icon {
  opacity: 0;
  transform: scale(.72);
}

.nav-hamburger.open .nav-close-icon {
  opacity: 1;
  transform: scale(1);
}

.faq-quick-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.faq-quick-links a {
  display: grid;
  min-height: 146px;
  align-content: start;
  gap: 7px;
  padding: 20px;
  border: 1px solid var(--home-line);
  border-radius: 18px;
  background: var(--bg-card);
  color: var(--text-primary);
  text-decoration: none;
  transition: border-color 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}

.faq-quick-links a:hover,
.faq-quick-links a:focus-visible {
  border-color: var(--home-accent);
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(7, 34, 51, .1);
}

.faq-quick-links span {
  color: var(--home-accent);
  font-size: .68rem;
  font-weight: 850;
  letter-spacing: .08em;
}

.faq-quick-links strong {
  font-size: 1rem;
}

.faq-quick-links small {
  color: var(--text-secondary);
  font-size: .75rem;
  line-height: 1.6;
}

@media (max-width: 767px) {
  .faq-quick-links { grid-template-columns: 1fr; gap: 9px; }
  .faq-quick-links a { min-height: 0; padding: 16px; }
}

@media (prefers-reduced-motion: reduce) {
  .nav-hamburger > svg,
  .faq-quick-links a { transition-duration: .01ms !important; }
}

/* lxrender-home-v6.css */
/* LxRender Home V6: compact mobile help and a continuous three-step flow. */
.faq-layout > .faq-list {
  width: 100%;
  min-width: 0;
  max-width: none;
  margin: 0;
}

@media (max-width: 767px) {
  #how-it-works.steps-section {
    padding: 4rem 0;
  }

  #how-it-works .section-heading-row {
    margin-bottom: 1.35rem;
  }

  #how-it-works .section-heading-row h2 {
    max-width: 13ch;
    font-size: clamp(1.9rem, 9vw, 2.65rem);
    line-height: 1.08;
  }

  #how-it-works .section-subtitle {
    margin-top: .7rem;
    font-size: .9rem;
    line-height: 1.65;
  }

  #how-it-works .steps {
    display: block;
    width: 100%;
    margin: 0;
    overflow: hidden;
    border: 1px solid var(--home-line);
    border-radius: 20px;
    background: var(--bg-card);
    box-shadow: 0 16px 36px rgba(19, 55, 78, .07);
  }

  #how-it-works .step {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    grid-template-rows: auto auto;
    gap: 3px 13px;
    min-width: 0;
    min-height: 0;
    padding: 17px 16px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    text-align: left;
  }

  #how-it-works .step + .step {
    border-top: 1px solid var(--home-line);
  }

  #how-it-works .step::after {
    display: none;
  }

  #how-it-works .step-num {
    position: static;
    grid-row: 1 / 3;
    width: 42px;
    height: 42px;
    margin: 0;
    border: 0;
    border-radius: 13px;
    background: linear-gradient(135deg, var(--home-gold), var(--home-gold-bright));
    color: #fff;
    box-shadow: none;
    font-size: .76rem;
  }

  #how-it-works .step h3 {
    align-self: end;
    margin: 0;
    font-size: 1rem;
    line-height: 1.35;
  }

  #how-it-works .step p {
    max-width: none;
    margin: 0;
    font-size: .78rem;
    line-height: 1.55;
  }

  .faq-layout {
    gap: 1.4rem;
  }

  .faq-quick-links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    width: 100%;
    overflow: hidden;
    border: 1px solid var(--home-line);
    border-radius: 20px;
    background: var(--bg-card);
    box-shadow: 0 14px 32px rgba(19, 55, 78, .06);
  }

  .faq-quick-links a {
    min-width: 0;
    min-height: 104px;
    padding: 15px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    transform: none;
  }

  .faq-quick-links a:nth-child(odd) {
    border-right: 1px solid var(--home-line);
  }

  .faq-quick-links a:nth-child(-n + 2) {
    border-bottom: 1px solid var(--home-line);
  }

  .faq-quick-links a:hover,
  .faq-quick-links a:focus-visible {
    border-color: var(--home-line);
    background: color-mix(in srgb, var(--home-accent) 7%, var(--bg-card));
    box-shadow: none;
    transform: none;
  }

  .faq-quick-links span {
    font-size: .62rem;
  }

  .faq-quick-links strong {
    overflow-wrap: anywhere;
    font-size: .88rem;
    line-height: 1.35;
  }

  .faq-quick-links small {
    display: -webkit-box;
    overflow: hidden;
    font-size: .68rem;
    line-height: 1.45;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}

@media (max-width: 359px) {
  .faq-quick-links {
    grid-template-columns: 1fr;
  }

  .faq-quick-links a {
    min-height: 86px;
    border-right: 0 !important;
    border-bottom: 1px solid var(--home-line);
  }

  .faq-quick-links a:last-child {
    border-bottom: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .faq-quick-links a {
    transition-duration: .01ms !important;
  }
}

/* lxrender-home-v7.css */
/* LxRender Home V7: one compact, horizontal three-stage mobile pipeline. */
#how-it-works {
  scroll-margin-top: 76px;
}

.process-panel {
  position: relative;
  overflow: hidden;
  border-radius: 28px;
  background:
    radial-gradient(circle at 92% 8%, rgba(32, 188, 184, .24), transparent 34%),
    linear-gradient(145deg, #0b2d43 0%, #0b4052 100%);
  color: #fff;
  box-shadow: 0 22px 54px rgba(10, 45, 67, .18);
}

.process-panel .section-tag,
.process-panel .section-heading-row h2 {
  color: #fff !important;
}

.process-panel .section-subtitle,
.process-panel .step p {
  color: #b8ceda;
}

.process-assurance {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid rgba(255, 255, 255, .12);
}

.process-assurance span {
  position: relative;
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: center;
  gap: 7px;
  color: #d7e8ee;
  text-align: center;
}

.process-assurance span::before {
  width: 6px;
  height: 6px;
  flex: 0 0 6px;
  border-radius: 50%;
  background: #35d0c5;
  box-shadow: 0 0 0 4px rgba(53, 208, 197, .12);
  content: "";
}

@media (min-width: 768px) {
  .process-panel {
    padding: clamp(2.1rem, 4vw, 3.4rem);
  }

  .process-panel .section-heading-row {
    margin-bottom: 2.6rem;
  }

  .process-panel .steps {
    margin-top: 0;
  }

  .process-panel .step-num {
    background: #0b374b;
    box-shadow: 0 0 0 8px #0b374b;
  }

  .process-panel .step h3 {
    color: #fff;
  }

  .process-assurance {
    margin-top: 2.2rem;
    padding-top: 1.35rem;
  }

  .process-assurance span {
    min-height: 40px;
    font-size: .82rem;
  }
}

@media (max-width: 767px), (min-width: 768px) and (max-width: 900px) and (max-height: 500px) {
  #how-it-works.steps-section {
    padding: 30px 0;
    background: linear-gradient(180deg, #f4f8fb 0%, #edf5f8 100%);
  }

  #how-it-works > .container {
    padding-inline: 12px;
  }

  #how-it-works .process-panel {
    padding: 22px 16px 14px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 24px;
    box-shadow: 0 18px 38px rgba(10, 45, 67, .18);
  }

  #how-it-works .section-heading-row {
    display: block;
    margin: 0 0 22px;
  }

  #how-it-works .section-tag {
    display: inline-flex;
    min-height: 28px;
    align-items: center;
    margin: 0 0 10px;
    padding: 0 10px;
    border: 1px solid rgba(79, 220, 210, .3);
    border-radius: 999px;
    background: rgba(42, 184, 178, .1);
    color: #65e0d7;
    font-size: .66rem;
    letter-spacing: .08em;
  }

  #how-it-works .section-tag::before {
    display: none;
  }

  #how-it-works .section-heading-row h2 {
    max-width: 100% !important;
    margin: 0;
    color: #fff !important;
    font-size: clamp(1.4rem, 6.1vw, 1.65rem) !important;
    line-height: 1.18 !important;
    letter-spacing: -.035em;
  }

  #how-it-works .section-subtitle {
    max-width: 34ch;
    margin: 10px 0 0;
    color: #b8ceda;
    font-size: .78rem;
    line-height: 1.55;
  }

  #how-it-works .steps {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
    margin: 0;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  #how-it-works .steps::before {
    position: absolute;
    top: 20px;
    right: 15%;
    left: 15%;
    height: 1px;
    background: linear-gradient(90deg, rgba(66, 215, 204, .25), #42d7cc, rgba(66, 215, 204, .25));
    content: "";
  }

  #how-it-works .step {
    position: relative;
    z-index: 1;
    display: flex;
    min-width: 0;
    min-height: 88px;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    padding: 0 4px;
    border: 0;
    background: transparent;
    text-align: center;
  }

  #how-it-works .step + .step {
    border: 0;
  }

  #how-it-works .step::after {
    display: none;
  }

  #how-it-works .step-num {
    position: relative;
    top: auto !important;
    left: auto !important;
    grid-row: auto;
    display: grid;
    width: 40px;
    height: 40px;
    margin: 0;
    place-items: center;
    border: 1px solid rgba(83, 225, 215, .5);
    border-radius: 50%;
    background: #0d4254;
    color: #73e5dc;
    box-shadow: 0 0 0 6px #0c394d;
    font-size: .67rem;
    font-variant-numeric: tabular-nums;
  }

  #how-it-works .step h3 {
    position: relative;
    z-index: 2;
    align-self: center !important;
    margin: 0;
    color: #fff;
    font-size: .85rem;
    line-height: 1.3;
    white-space: nowrap;
  }

  #how-it-works .step p {
    display: none;
  }

  #how-it-works .process-assurance {
    margin: 11px -4px 0;
    padding-top: 13px;
  }

  #how-it-works .process-assurance span {
    min-height: 30px;
    gap: 5px;
    padding: 0 3px;
    font-size: .61rem;
    line-height: 1.25;
  }

  #how-it-works .process-assurance span::before {
    width: 5px;
    height: 5px;
    flex-basis: 5px;
    box-shadow: none;
  }
}

@media (min-width: 768px) and (max-width: 900px) and (max-height: 500px) {
  #how-it-works .section-tag {
    display: none !important;
  }

  #how-it-works .section-heading-row {
    margin-bottom: 16px;
  }
}

@media (max-width: 359px) {
  #how-it-works .process-panel {
    padding-inline: 12px;
  }

  #how-it-works .process-assurance span {
    font-size: .57rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .process-panel,
  .process-panel * {
    animation-duration: .01ms !important;
    transition-duration: .01ms !important;
  }
}

/* lxrender-home-v21.css */
/* LxRender Home V21: remove the artificial mobile gap above the floating header. */
@media (max-width: 900px) {
  body[data-lx-surface="marketing"] .navbar {
    background: rgba(255, 255, 255, .98) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  body[data-lx-surface="marketing"] .navbar {
    top: 0 !important;
    border-radius: 0 0 16px 16px !important;
  }

  body[data-lx-surface="marketing"] .nav-links {
    top: 56px !important;
  }

  body[data-lx-surface="marketing"] .hero {
    padding-top: 75px !important;
  }
}

body[data-lx-surface="marketing"] .navbar.is-scrolled {
  box-shadow: 0 2px 24px rgba(0, 0, 0, .08) !important;
}

body[data-lx-surface="marketing"] a,
body[data-lx-surface="marketing"] button {
  touch-action: manipulation;
}

@supports (content-visibility: auto) {
  body[data-lx-surface="marketing"] .frame-preview-section,
  body[data-lx-surface="marketing"] .workflow-stage,
  body[data-lx-surface="marketing"] .steps-section,
  body[data-lx-surface="marketing"] .faq-section,
  body[data-lx-surface="marketing"] .cta-wrap,
  body[data-lx-surface="marketing"] footer {
    content-visibility: auto;
    contain-intrinsic-block-size: auto 720px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-lx-surface="marketing"] .navbar {
    transition: none !important;
  }
}

/* lxrender-home-v15.css */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
:root{--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",system-ui,sans-serif}
body{font-family:var(--font-body);color:var(--text-primary);background:var(--bg-body);line-height:1.65;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(1000px 560px at 50% -6%, rgba(245,166,35,.13), transparent 62%)}
#particle-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
h1,h2,h3,h4{font-family:var(--font-heading);font-weight:700;line-height:1.32;letter-spacing:normal;color:var(--text-primary)}
h2{font-size:clamp(1.75rem,3.5vw,2.5rem);text-align:center;margin-bottom:.75rem}
a{text-decoration:none;color:inherit}
button{cursor:pointer;font-family:inherit;border:none;outline:none;background:none}
.container{max-width:1120px;margin:0 auto;padding:0 1.5rem}
@media (min-width:768px){.container{padding:0 2rem}}

::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:4px}

/* NAV */
.navbar{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--bg-overlay);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);transition:box-shadow .25s}
.navbar .container{display:flex;align-items:center;height:3.75rem}
.nav-logo{font-size:1.2rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;margin-right:auto}
.nav-logo::before{content:"";display:inline-block;width:9px;height:9px;background:var(--brand-gold);border-radius:2px;margin-right:8px;vertical-align:middle}
.nav-links{display:flex;gap:1.85rem;font-size:.9rem;font-weight:500;color:var(--text-secondary);margin-right:2rem}
.nav-links a{position:relative;padding:.25rem 0;transition:color .18s}
.nav-links a:hover{color:var(--text-primary)}
.nav-cta{background:var(--brand-gold);color:#fff;padding:.5rem 1.25rem;border-radius:var(--btn-radius);font-size:.875rem;font-weight:600;transition:background .18s}
.nav-cta:hover{background:var(--brand-gold-dark)}
.nav-signin{font-size:.9rem;font-weight:500;color:var(--text-secondary);transition:color .18s;margin-right:1.25rem}
.nav-signin:hover{color:var(--text-primary)}
@media(max-width:900px){.nav-signin{display:none}}

/* Hamburger */
.nav-hamburger{display:none;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:44px;min-height:44px;cursor:pointer;z-index:101;padding:8px}
.nav-hamburger span{display:block;width:22px;height:2px;background:var(--text-primary);border-radius:2px;transition:all .3s}
.nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-hamburger.open span:nth-child(2){opacity:0}
.nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media (max-width:900px){
  .nav-hamburger{display:flex}
  .nav-links{position:fixed;top:4.5rem;left:0;right:0;background:var(--bg-overlay);backdrop-filter:blur(12px);flex-direction:column;align-items:center;gap:0;padding:.5rem 0;border-bottom:1px solid var(--border);transform:translateY(-120%);transition:transform .3s ease;z-index:99}
  .nav-links.open{transform:translateY(0)}
  .nav-links a{padding:.85rem 2rem;width:100%;text-align:center;font-size:1rem}
  .nav-cta{margin-top:.25rem}
}

/* HERO */
.hero{padding:6.5rem 0 2.5rem;text-align:center;position:relative}
.hero-tag{display:inline-flex;align-items:center;gap:.5rem;background:var(--bg-card);border:var(--card-border);color:var(--text-secondary);font-size:.8rem;font-weight:500;padding:.35rem 1rem;border-radius:999px;margin-bottom:1.75rem}
.hero-tag .dot{width:6px;height:6px;background:var(--brand-gold);border-radius:50%}
.hero h1{font-size:clamp(2.25rem,5vw,3.6rem);line-height:1.3;margin-bottom:1.5rem;letter-spacing:normal}
.hero h1 span{color:var(--brand-gold)}
.hero-desc{font-size:1.15rem;color:var(--text-secondary);max-width:580px;margin:0 auto 2.5rem;line-height:1.8}
.hero-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.6rem;border-radius:var(--btn-radius);font-size:.95rem;font-weight:600;transition:all .18s}
.btn-primary{background:var(--brand-gold);color:#fff}
.btn-primary:hover{background:var(--brand-gold-dark)}
.btn-secondary{background:transparent;color:var(--text-primary);border:var(--card-border)}
.btn-secondary:hover{border-color:var(--text-muted);background:var(--bg-card-hover)}

/* COMPARISON */
.comparison{position:relative;max-width:820px;margin:0 auto;border-radius:var(--radius-lg);overflow:hidden;border:var(--card-border);background:var(--bg-card);box-shadow:var(--shadow-sm)}
.comparison-categories{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;margin-bottom:1.5rem}
.comparison-categories .cat-btn{padding:.4rem 1rem;border-radius:var(--radius-sm);font-size:.82rem;font-weight:500;background:var(--bg-card);color:var(--text-secondary);border:var(--card-border);cursor:pointer;transition:all .18s;font-family:inherit}
.comparison-categories .cat-btn:hover{color:var(--text-primary);border-color:var(--text-muted)}
.comparison-categories .cat-btn.active{background:var(--brand-gold);color:#fff;border-color:var(--brand-gold)}
.comparison-track{position:relative;min-height:360px;overflow:hidden}
.comparison-before,.comparison-after{position:absolute;top:0;left:0;width:100%;height:100%}
.comparison-before{z-index:2}
.comparison-after{z-index:1}
.comparison-bg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:500}
.comparison-before .comparison-bg.has-image,.comparison-after .comparison-bg.has-image{background-size:cover;background-position:center}
.comparison-before .comparison-bg{background:var(--bg-card-hover);color:var(--text-muted)}
.comparison-after .comparison-bg{background:var(--bg-card-hover);color:var(--brand-gold)}
.comparison-bg .label{position:absolute;bottom:1.25rem;padding:.3rem 1rem;border-radius:6px;font-size:.75rem;font-weight:600}
.comparison-before .label{left:1.25rem;background:rgba(30,30,35,.75);color:#fff}
.comparison-after .label{right:1.25rem;background:var(--brand-gold);color:#fff}
.comparison-bg .icon{width:34px;height:34px;margin:0 auto .5rem;display:block;stroke:currentColor;fill:none;stroke-width:1.5}
.comparison-bg .sub{font-size:.78rem;font-weight:400;color:var(--text-muted)}
.comparison-handle{position:absolute;top:0;bottom:0;width:2px;background:var(--brand-gold);z-index:4;left:50%;transform:translateX(-50%);cursor:ew-resize}
.comparison-handle::after{content:"\2194";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:38px;height:38px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--brand-gold);font-size:1.1rem;border:var(--card-border);box-shadow:0 2px 8px rgba(0,0,0,.12)}

/* STATS */
.stats{display:flex;justify-content:center;gap:3.5rem;flex-wrap:wrap;padding:2.5rem 1.5rem;max-width:680px;margin:0 auto;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.stat{text-align:center}
.stat-value{font-size:2.25rem;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.stat-label{font-size:.85rem;color:var(--text-muted);margin-top:.35rem}

.section-tag{display:inline-block;color:var(--brand-gold);font-size:.8rem;font-weight:600;margin-bottom:.75rem;letter-spacing:.06em;text-transform:uppercase}
.section-subtitle{text-align:center;color:var(--text-secondary);font-size:1.05rem;max-width:560px;margin:0 auto 3rem;line-height:1.7}

/* UPLOAD */
.upload-demo{max-width:440px;margin:0 auto;padding:2.5rem;border:1.5px dashed var(--border);border-radius:var(--radius-md);background:var(--bg-card);transition:all .2s;cursor:pointer}
.upload-demo:hover{border-color:var(--brand-gold);background:var(--bg-card-hover)}
.upload-icon{margin:0 auto 1rem;width:48px;height:48px;background:var(--bg-card-hover);border:var(--card-border);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--brand-gold)}
.upload-icon svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.6}
.upload-text{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}
.upload-hint{font-size:.8rem;color:var(--text-muted)}

/* STEPS */
.steps{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;max-width:900px;margin:0 auto}
.step{flex:1;min-width:220px;text-align:left;padding:1.75rem;border-radius:var(--radius-md);background:var(--bg-card);border:var(--card-border);transition:border-color .2s}
.step:hover{border-color:var(--text-muted)}
.step-num{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--btn-radius);font-size:.95rem;font-weight:700;margin-bottom:1rem;background:var(--brand-gold);color:#fff;font-variant-numeric:tabular-nums}
.step h3{font-size:1.05rem;margin-bottom:.4rem;color:var(--text-primary)}
.step p{font-size:.875rem;color:var(--text-secondary);line-height:1.65}

/* FAQ */
#faq{padding:5rem 0}
.faq-list{max-width:720px;margin:0 auto}
.faq-item{border:var(--card-border);border-radius:var(--radius-md);margin-bottom:.6rem;background:var(--bg-card);overflow:hidden;transition:border-color .2s}
.faq-item:hover{border-color:var(--text-muted)}
.faq-item.open{border-color:var(--brand-gold)}
.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.4rem;color:var(--text-primary);font-size:.98rem;font-weight:600;cursor:pointer;text-align:left;font-family:inherit;transition:color .18s}
.faq-question:hover{color:var(--brand-gold)}
.faq-arrow{font-size:1.15rem;transition:transform .3s ease;line-height:1;color:var(--text-muted)}
.faq-item.open .faq-arrow{transform:rotate(45deg);color:var(--brand-gold)}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .35s ease}
.faq-item.open .faq-answer{max-height:320px}
.faq-answer-inner{padding:0 1.4rem 1.15rem;color:var(--text-secondary);font-size:.9rem;line-height:1.75}

/* CTA */
.cta-section{text-align:center;background:var(--text-primary);padding:4rem 1.5rem;border-radius:var(--radius-lg);margin:0 1.5rem}
.cta-section h2{color:var(--bg-body);margin-bottom:.75rem}
.cta-section p{color:var(--text-muted);font-size:1.05rem;max-width:460px;margin:0 auto 1.75rem}
.cta-section .btn{background:var(--brand-gold);color:#fff;font-size:1rem;padding:.85rem 2rem}
.cta-section .btn:hover{background:var(--brand-gold-dark)}

/* FOOTER */
.footer{padding:3.5rem 0 2rem;border-top:1px solid var(--border)}
.footer-grid{display:flex;gap:3rem;flex-wrap:wrap;justify-content:space-between;margin-bottom:2.5rem}
.footer-brand{max-width:280px}
.footer-brand .nav-logo{font-size:1.15rem;display:block;margin-bottom:.6rem}
.footer-brand p{font-size:.875rem;color:var(--text-muted);line-height:1.65}
.footer-col h4{font-size:.9rem;margin-bottom:.75rem;color:var(--text-primary);font-weight:600}
.footer-col a{display:block;font-size:.85rem;color:var(--text-muted);margin-bottom:.45rem;transition:color .18s}
.footer-col a:hover{color:var(--brand-gold)}
.footer-bottom{border-top:1px solid var(--border);padding-top:1.5rem;text-align:center;font-size:.8rem;color:var(--text-muted)}

:focus-visible{outline:2px solid var(--brand-gold);outline-offset:2px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important}}

/* THEME SWITCHER */
.theme-switcher{position:fixed;bottom:1.25rem;right:1.25rem;z-index:9998;font-family:inherit}
.theme-current{display:flex;align-items:center;gap:6px;background:var(--bg-card);border:var(--card-border);border-radius:var(--btn-radius);padding:7px 12px;cursor:pointer;font-size:.8rem;color:var(--text-secondary);box-shadow:var(--shadow-sm);transition:all .18s}
.theme-current:hover{border-color:var(--text-muted)}
.theme-arrow{font-size:.6rem;color:var(--text-muted);margin-left:2px}
.theme-dropdown{display:none;position:absolute;bottom:100%;right:0;margin-bottom:8px;background:var(--bg-card);border:var(--card-border);border-radius:var(--btn-radius);padding:5px;box-shadow:0 8px 24px rgba(0,0,0,.1);min-width:140px}
.theme-dropdown.open{display:block}
.theme-option{display:flex;align-items:center;gap:8px;padding:8px 11px;border-radius:6px;font-size:.82rem;color:var(--text-secondary);cursor:pointer;transition:background .15s;white-space:nowrap}
.theme-option:hover{background:var(--bg-card-hover)}
.theme-option.active{background:var(--bg-card-hover);color:var(--brand-gold);font-weight:600}

/* 2026 homepage redesign */
:root{
  --home-ink:#171512;
  --home-ink-soft:#29251f;
  --home-gold:#a16207;
  --home-gold-bright:#c98414;
  --home-cream:#fffaf1;
  --home-line:color-mix(in srgb,var(--text-primary) 12%,transparent);
  --home-shadow:0 24px 70px rgba(35,25,10,.12);
}
body{min-width:320px}
body::before{background:radial-gradient(850px 520px at 82% 5%,rgba(227,161,47,.16),transparent 66%),radial-gradient(680px 460px at 5% 30%,rgba(184,116,8,.07),transparent 72%)}
.skip-link{position:fixed;left:1rem;top:-5rem;z-index:120;padding:.75rem 1rem;border-radius:.6rem;background:var(--home-ink);color:#fff;transition:top .2s ease}
.skip-link:focus{top:1rem}
.container{max-width:1200px}
.navbar{background:color-mix(in srgb,var(--bg-body) 86%,transparent);border-bottom:1px solid color-mix(in srgb,var(--border) 76%,transparent)}
.navbar .container{height:4.5rem;gap:1rem}
.nav-logo{display:inline-flex;align-items:center;gap:.7rem;min-height:44px;font-size:1.05rem;letter-spacing:-.02em}
.nav-logo::before{width:1.9rem;height:1.9rem;margin:0;border-radius:.58rem;background:linear-gradient(145deg,var(--home-gold-bright),var(--home-gold));box-shadow:inset 0 0 0 1px rgba(255,255,255,.28),0 8px 22px rgba(184,116,8,.22)}
.nav-logo-text{display:grid;line-height:1.1}
.nav-logo-sub{margin-top:.25rem;color:var(--text-muted);font-size:.62rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase}
.nav-links{gap:1.5rem;margin-right:auto;margin-left:2rem;font-size:.86rem}
.nav-links a{min-height:44px;display:inline-flex;align-items:center}
.nav-signin{min-height:44px;display:inline-flex;align-items:center;margin-right:.2rem}
.nav-cta{min-height:44px;display:inline-flex;align-items:center;padding:.55rem 1.15rem;background:var(--home-ink);border-radius:999px}
.nav-cta:hover{background:var(--home-ink-soft);color:#fff}
.hero{padding:8.5rem 0 4rem;text-align:left;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(500px,1.12fr);align-items:center;gap:clamp(2.5rem,6vw,6.5rem)}
.hero-copy{position:relative;z-index:2;padding-bottom:1rem}
.hero-tag{margin-bottom:1.45rem;padding:.45rem .85rem;border-color:color-mix(in srgb,var(--home-gold) 28%,var(--border));background:color-mix(in srgb,var(--home-gold) 8%,var(--bg-card));color:var(--text-secondary)}
.hero-tag .dot{width:7px;height:7px;background:var(--home-gold);box-shadow:0 0 0 5px rgba(184,116,8,.1)}
.hero h1{max-width:650px;margin-bottom:1.35rem;font-size:clamp(2.65rem,5vw,5.25rem);line-height:1.03;letter-spacing:-.055em}
.hero h1 span{display:block;margin-top:.12em;background:linear-gradient(110deg,var(--home-gold) 0%,var(--home-gold-bright) 50%,var(--home-gold) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-wrap:balance}
.hero-desc{max-width:590px;margin:0 0 2rem;font-size:clamp(1rem,1.4vw,1.14rem);line-height:1.8}
.hero-actions{justify-content:flex-start;margin-bottom:1.4rem;gap:.75rem}
.btn{min-height:48px;justify-content:center;padding:.76rem 1.45rem;border-radius:999px;touch-action:manipulation;transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,opacity .2s ease}
.btn-primary{background:var(--home-gold);box-shadow:0 12px 30px rgba(161,98,7,.23)}
.btn-primary:hover{background:linear-gradient(135deg,#b76e00,#854d0e);box-shadow:0 16px 34px rgba(161,98,7,.28)}
.btn-secondary{background:color-mix(in srgb,var(--bg-card) 82%,transparent);border:1px solid var(--home-line)}
.btn-secondary:hover{border-color:color-mix(in srgb,var(--home-gold) 42%,var(--border))}
.hero-assurances{display:flex;flex-wrap:wrap;gap:.55rem 1rem;color:var(--text-muted);font-size:.78rem}
.hero-assurance{display:inline-flex;align-items:center;gap:.38rem}
.hero-assurance svg{width:14px;height:14px;stroke:var(--home-gold);fill:none;stroke-width:2}
.hero-proof{position:relative;min-width:0}
.hero-proof::before{content:"";position:absolute;inset:9% -18% -18% 18%;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(227,161,47,.25),transparent 67%);filter:blur(26px)}
.proof-window{overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:1.55rem;background:var(--home-ink);box-shadow:0 34px 90px rgba(25,18,8,.24)}
.proof-toolbar{display:flex;align-items:center;gap:.8rem;padding:.9rem 1rem;border-bottom:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.62);font-size:.72rem}
.proof-dots{display:flex;gap:.35rem}
.proof-dots span{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.22)}
.proof-dots span:first-child{background:var(--home-gold-bright)}
.proof-toolbar-label{margin-left:auto;display:inline-flex;align-items:center;gap:.4rem}
.proof-toolbar-label::before{content:"";width:6px;height:6px;border-radius:50%;background:#57ca8a;box-shadow:0 0 0 4px rgba(87,202,138,.12)}
.proof-content{padding:1rem}
.comparison-categories{justify-content:flex-start;gap:.45rem;margin-bottom:.8rem;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
.comparison-categories::-webkit-scrollbar{display:none}
.comparison-categories .cat-btn{flex:0 0 auto;min-height:40px;padding:.45rem .9rem;border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.055);color:rgba(255,255,255,.68)}
.comparison-categories .cat-btn:hover{border-color:rgba(255,255,255,.25);color:#fff}
.comparison-categories .cat-btn.active{border-color:var(--home-gold-bright);background:var(--home-gold);color:#fff}
.comparison{max-width:none;border:1px solid rgba(255,255,255,.08);border-radius:1rem;background:#24211d;box-shadow:none}
.comparison-track{min-height:410px;aspect-ratio:16/10}
.comparison-before .comparison-bg{background:linear-gradient(145deg,#2d2b27,#1c1b19)}
.comparison-after .comparison-bg{background:radial-gradient(circle at 66% 35%,rgba(227,161,47,.24),transparent 34%),linear-gradient(145deg,#30271a,#181715)}
.comparison-bg .label{bottom:1rem;z-index:2;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px)}
.comparison-before .label{left:1rem;background:rgba(17,17,17,.68)}
.comparison-after .label{right:1rem;background:rgba(133,77,14,.92)}
.comparison-handle{width:44px;margin-left:-22px;transform:none;background:transparent;touch-action:none}
.comparison-handle::before{content:"";position:absolute;top:0;bottom:0;left:21px;width:2px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.1)}
.comparison-handle::after{width:44px;height:44px;border:1px solid rgba(255,255,255,.54);background:var(--home-gold);color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.3)}
.proof-note{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.85rem;padding:0 .25rem;color:var(--text-muted);font-size:.76rem}
.proof-note strong{color:var(--text-primary);font-weight:600}
.proof-note-badge{display:inline-flex;align-items:center;gap:.4rem;color:var(--text-secondary)}
.proof-note-badge svg{width:15px;height:15px;stroke:var(--home-gold);fill:none;stroke-width:2}
.trust-strip{position:relative;z-index:2;padding-bottom:2rem}
.stats{display:grid;grid-template-columns:1.25fr repeat(3,1fr);gap:0;max-width:none;padding:0;overflow:hidden;border:1px solid var(--home-line);border-radius:1rem;background:color-mix(in srgb,var(--bg-card) 82%,transparent);box-shadow:var(--shadow-sm)}
.trust-intro{display:flex;align-items:center;gap:.8rem;padding:1.2rem 1.35rem;border-right:1px solid var(--home-line)}
.trust-intro-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:.7rem;background:color-mix(in srgb,var(--home-gold) 11%,var(--bg-card));color:var(--home-gold)}
.trust-intro-icon svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8}
.trust-intro strong{display:block;font-size:.88rem}
.trust-intro span{display:block;color:var(--text-muted);font-size:.7rem}
.stat{padding:1.05rem 1rem;text-align:left;border-right:1px solid var(--home-line)}
.stat:last-child{border-right:0}
.stat-value{font-size:1.45rem;line-height:1.2}
.stat-label{margin-top:.28rem;font-size:.72rem}
.section-shell{position:relative;padding:6.5rem 0}
.section-heading-row{display:grid;grid-template-columns:minmax(0,.75fr) minmax(280px,.45fr);align-items:end;gap:3rem;margin-bottom:2.5rem}
.section-heading-row h2,.section-heading-row .section-subtitle{text-align:left;margin-left:0;margin-right:0}
.section-heading-row h2{max-width:700px;margin-bottom:0;font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.045em;text-wrap:balance}
.section-heading-row .section-subtitle{max-width:430px;margin-bottom:.25rem;font-size:.96rem}
.section-tag{display:inline-flex!important;align-items:center;gap:.5rem;width:auto!important;margin:0 0 .85rem!important;text-align:left!important;letter-spacing:.08em}
.section-tag::before{content:"";width:1.5rem;height:1px;background:var(--home-gold)}
.workflow-stage{padding:6.5rem 0}
.workflow-layout{display:grid;grid-template-columns:minmax(0,.76fr) minmax(460px,1.24fr);align-items:center;gap:clamp(2rem,7vw,7rem)}
.workflow-copy h2{text-align:left;margin-bottom:1rem;font-size:clamp(2rem,4vw,3.25rem);letter-spacing:-.04em;text-wrap:balance}
.workflow-copy .section-subtitle{text-align:left;margin:0 0 1.5rem}
.workflow-list{display:grid;gap:.8rem}
.workflow-point{display:flex;gap:.85rem;align-items:flex-start;padding:.9rem 0;border-top:1px solid var(--home-line)}
.workflow-point svg{flex:0 0 20px;width:20px;height:20px;margin-top:.12rem;stroke:var(--home-gold);fill:none;stroke-width:2}
.workflow-point strong{display:block;font-size:.9rem}
.workflow-point span{display:block;margin-top:.15rem;color:var(--text-muted);font-size:.78rem}
.upload-demo{position:relative;max-width:none;min-height:480px;padding:1.1rem;border:1px solid var(--home-line);border-radius:1.35rem;background:var(--home-ink);box-shadow:var(--home-shadow);text-align:left}
.upload-demo:hover{border-color:rgba(227,161,47,.4);background:var(--home-ink)}
.upload-window{height:100%;min-height:456px;padding:1.2rem;border:1px solid rgba(255,255,255,.08);border-radius:1rem;background:linear-gradient(145deg,#23201c,#171512);color:#fff}
.upload-window-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.08)}
.upload-window-title{font-size:.88rem;font-weight:600}
.upload-status{display:inline-flex;align-items:center;gap:.42rem;color:rgba(255,255,255,.52);font-size:.68rem}
.upload-status::before{content:"";width:6px;height:6px;border-radius:50%;background:#57ca8a}
.upload-dropzone{display:grid;place-items:center;min-height:235px;margin:1rem 0;padding:1.5rem;border:1px dashed rgba(227,161,47,.4);border-radius:.9rem;background:rgba(227,161,47,.055);text-align:center}
.upload-icon{width:54px;height:54px;margin:0 auto 1rem;border-color:rgba(227,161,47,.25);background:rgba(227,161,47,.12);color:var(--home-gold-bright)}
.upload-text{color:#fff;font-size:1rem}
.upload-hint{color:rgba(255,255,255,.47)}
.upload-file{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:.8rem;padding:.8rem;border:1px solid rgba(255,255,255,.08);border-radius:.8rem;background:rgba(255,255,255,.04)}
.upload-file-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:.65rem;background:rgba(227,161,47,.11);color:var(--home-gold-bright)}
.upload-file-icon svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8}
.upload-file-name{font-size:.78rem;font-weight:600}
.upload-file-meta{margin-top:.18rem;color:rgba(255,255,255,.4);font-size:.66rem}
.upload-file-ready{color:#72d59e;font-size:.68rem}
.frame-preview-section{padding:0 0 6.5rem}
.frame-preview-card{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(430px,1.1fr);align-items:center;gap:clamp(2rem,6vw,5rem);overflow:hidden;padding:clamp(2rem,5vw,4.5rem);border:1px solid rgba(255,255,255,.1);border-radius:2rem;background:radial-gradient(circle at 82% 22%,rgba(227,161,47,.17),transparent 32%),var(--home-ink);color:#fff;box-shadow:0 28px 70px rgba(35,25,10,.17)}
.frame-preview-copy{position:relative;z-index:1}.frame-preview-copy .section-tag{color:var(--home-gold-bright)}
.frame-preview-copy h2{max-width:560px;margin-bottom:1rem;color:#fff;font-size:clamp(2rem,4vw,3.3rem);line-height:1.08;letter-spacing:-.045em;text-wrap:balance}
.frame-preview-copy p{max-width:530px;color:rgba(255,255,255,.64);font-size:.95rem;line-height:1.8}
.frame-preview-points{display:grid;gap:.7rem;margin-top:1.5rem}
.frame-preview-points span{display:flex;align-items:flex-start;gap:.7rem;color:rgba(255,255,255,.74);font-size:.78rem;line-height:1.55}
.frame-preview-points i{display:flex;width:22px;height:22px;flex:none;align-items:center;justify-content:center;border-radius:50%;background:rgba(227,161,47,.16);color:var(--home-gold-bright);font-style:normal;font-weight:800}
.frame-preview-flow{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.7rem;padding:1rem;border:1px solid rgba(255,255,255,.1);border-radius:1.35rem;background:rgba(255,255,255,.045)}
.frame-preview-shot{overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:1rem;background:#191919}
.frame-preview-image{position:relative;aspect-ratio:4/3;overflow:hidden;background:linear-gradient(145deg,#403c36,#171717)}
.frame-preview-image::before{content:"";position:absolute;inset:12% 16%;border-radius:50% 45% 52% 48%;background:linear-gradient(145deg,#70695f,#25231f);filter:blur(1px)}
.frame-preview-shot.after .frame-preview-image{background:radial-gradient(circle at 62% 33%,rgba(250,190,79,.42),transparent 30%),linear-gradient(145deg,#5f431d,#191611)}
.frame-preview-shot.after .frame-preview-image::before{background:linear-gradient(145deg,#c78d38,#30200f)}
.frame-preview-image span{position:absolute;left:.7rem;bottom:.7rem;padding:.32rem .55rem;border:1px solid rgba(255,255,255,.15);border-radius:.5rem;background:rgba(0,0,0,.55);font-size:.62rem}
.frame-preview-shot strong{display:block;padding:.7rem;color:rgba(255,255,255,.78);font-size:.7rem;text-align:center}
.frame-preview-arrow{display:flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:50%;background:var(--home-gold);color:#fff;font-size:1.15rem}
.frame-preview-timeline{grid-column:1/-1;display:flex;align-items:center;gap:.7rem;padding:.7rem .3rem .1rem;color:rgba(255,255,255,.5);font-size:.62rem}
.frame-preview-timeline span{position:relative;height:4px;flex:1;border-radius:99px;background:rgba(255,255,255,.12)}
.frame-preview-timeline span::after{content:"";position:absolute;left:35%;top:50%;width:12px;height:12px;border:3px solid var(--home-gold-bright);border-radius:50%;background:var(--home-ink);transform:translate(-50%,-50%)}
.steps-section{padding:6.5rem 0;background:color-mix(in srgb,var(--bg-card) 60%,transparent)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;max-width:none;margin-top:3rem;counter-reset:step}
.step{position:relative;min-width:0;padding:0 2rem 0 0;border:0;background:transparent}
.step:not(:last-child)::after{content:"";position:absolute;top:24px;right:1rem;left:52px;height:1px;background:linear-gradient(90deg,var(--home-gold),var(--home-line))}
.step:hover{border:0}
.step-num{position:relative;z-index:1;width:48px;height:48px;margin-bottom:1.25rem;border:1px solid color-mix(in srgb,var(--home-gold) 35%,var(--border));border-radius:50%;background:var(--bg-card);color:var(--home-gold);box-shadow:0 0 0 8px var(--bg-body)}
.step h3{font-size:1.12rem}
.step p{max-width:270px;line-height:1.75}
.faq-section{padding:6.5rem 0}
.faq-layout{display:grid;grid-template-columns:.65fr 1fr;gap:clamp(2rem,8vw,7rem);align-items:start}
.faq-intro{position:sticky;top:7rem}
.faq-intro h2{text-align:left;margin-bottom:1rem;font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.04em;text-wrap:balance}
.faq-intro p{color:var(--text-secondary);line-height:1.8}
.faq-contact{display:inline-flex;align-items:center;gap:.45rem;min-height:44px;margin-top:1.25rem;color:var(--home-gold);font-size:.86rem;font-weight:600}
.faq-contact svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2}
.faq-list{max-width:none}
.faq-item{margin-bottom:.7rem;border-color:var(--home-line);border-radius:1rem}
.faq-item.open{border-color:color-mix(in srgb,var(--home-gold) 44%,var(--border));box-shadow:0 12px 34px rgba(35,25,10,.06)}
.faq-question{min-height:58px;padding:1.15rem 1.25rem;font-size:.94rem}
.faq-arrow{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:var(--bg-card-hover)}
.faq-answer-inner{padding:0 3.5rem 1.2rem 1.25rem}
.cta-wrap{padding:0 0 6.5rem}
.cta-section{position:relative;overflow:hidden;margin:0;padding:clamp(3rem,7vw,5.5rem);border-radius:1.5rem;background:var(--home-ink);text-align:left}
.cta-section::before{content:"";position:absolute;top:-50%;right:-12%;width:58%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(227,161,47,.28),transparent 68%)}
.cta-section::after{content:"";position:absolute;right:8%;bottom:-38%;width:36%;aspect-ratio:1;border:1px solid rgba(227,161,47,.14);border-radius:50%;box-shadow:0 0 0 36px rgba(227,161,47,.035),0 0 0 80px rgba(227,161,47,.02)}
.cta-content{position:relative;z-index:1;display:flex;align-items:end;justify-content:space-between;gap:2rem}
.cta-section h2{max-width:670px;margin:0 0 .8rem;color:#fff;text-align:left;font-size:clamp(2rem,4.5vw,3.7rem);letter-spacing:-.045em;text-wrap:balance}
.cta-section p{max-width:560px;margin:0;color:rgba(255,255,255,.58)}
.cta-section .btn{flex:0 0 auto;min-width:180px;background:var(--home-gold)}
.footer{padding-top:4rem;background:color-mix(in srgb,var(--bg-card) 58%,transparent)}
.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,.6fr);gap:2.5rem}
.footer-brand .nav-logo{display:inline-flex}
.footer-brand p{margin-top:1rem}
.footer-bottom{display:flex;justify-content:space-between;gap:1rem;text-align:left!important}
.theme-switcher{z-index:60}
@media(min-width:768px) and (max-width:900px){.nav-cta{margin-left:auto}.nav-hamburger{order:3}.nav-links a{width:100%;justify-content:center}}
@media(max-width:1023px){
  .hero-grid{grid-template-columns:1fr;gap:3rem}.hero-copy{max-width:760px}.hero h1{font-size:clamp(3rem,8vw,5rem)}
  .hero-proof{max-width:760px}.comparison-track{min-height:390px}.stats{grid-template-columns:1fr repeat(3,1fr)}
  .workflow-layout{grid-template-columns:1fr;gap:3rem}.workflow-copy{max-width:700px}.upload-demo{max-width:760px}.frame-preview-card{grid-template-columns:1fr}.frame-preview-copy{max-width:720px}
  .faq-layout{grid-template-columns:.75fr 1.25fr;gap:3rem}.footer-grid{grid-template-columns:1.2fr repeat(3,.6fr)}
}
@media(max-width:767px){
  .container{padding:0 1rem}.navbar .container{height:4rem}.nav-logo-sub{display:none}.nav-hamburger{display:flex;width:44px;height:44px;align-items:center;justify-content:center;padding:10px;border-radius:.7rem;background:var(--bg-card-hover)}
  .nav-links{top:4rem;align-items:stretch;padding:.65rem 1rem 1rem;background:color-mix(in srgb,var(--bg-body) 95%,transparent);transform:translateY(-130%);box-shadow:0 18px 35px rgba(0,0,0,.1)}
  .nav-links a{justify-content:center;border-bottom:1px solid var(--home-line)}.nav-cta{margin-left:auto;padding:.5rem 1rem}.nav-signin{display:none}
  .hero{padding:6.6rem 0 2.5rem}.hero-grid{gap:2.3rem}.hero-copy{text-align:center}.hero-tag{margin-bottom:1.1rem}.hero h1{margin-right:auto;margin-left:auto;font-size:clamp(2.55rem,12.5vw,4rem);line-height:1.02;letter-spacing:-.06em}.hero-desc{margin-right:auto;margin-left:auto;font-size:1rem;line-height:1.72}.hero-actions{display:grid;grid-template-columns:1fr;justify-content:stretch;margin-bottom:1.15rem}.hero-assurances{justify-content:center;gap:.45rem .8rem;font-size:.7rem}
  .proof-content{padding:.65rem}.proof-toolbar{padding:.75rem .8rem}.proof-toolbar-label{font-size:.65rem}.comparison-track{min-height:0;aspect-ratio:4/3}.comparison-categories .cat-btn{min-height:44px}.proof-note{align-items:flex-start;font-size:.68rem}.proof-note>span:first-child{max-width:62%}
  .trust-strip{padding-top:.5rem}.stats{grid-template-columns:repeat(3,1fr)}.trust-intro{grid-column:1/-1;border-right:0;border-bottom:1px solid var(--home-line)}.stat{padding:.9rem .75rem}.stat-value{font-size:1.2rem}.stat-label{font-size:.64rem}
  .workflow-stage,.steps-section,.faq-section{padding:4.5rem 0}.frame-preview-section{padding-bottom:4.5rem}.frame-preview-card{gap:2rem;padding:1.5rem;border-radius:1.4rem}.frame-preview-flow{grid-template-columns:1fr 1fr}.frame-preview-arrow{display:none}.section-heading-row{grid-template-columns:1fr;gap:.9rem;margin-bottom:1.8rem}.section-heading-row h2{font-size:2.25rem}.section-heading-row .section-subtitle{margin-bottom:0}
  .workflow-layout{gap:2rem}.workflow-copy h2{font-size:2.25rem}.upload-demo{min-height:0;padding:.7rem}.upload-window{min-height:0;padding:.85rem}.upload-dropzone{min-height:205px;margin:.8rem 0}.upload-file{grid-template-columns:38px 1fr}.upload-file-ready{display:none}
  .steps{grid-template-columns:1fr;gap:0;margin-top:2rem}.step{padding:0 0 2rem 4rem}.step:not(:last-child)::after{top:48px;bottom:0;left:23px;width:1px;height:auto;background:linear-gradient(180deg,var(--home-gold),var(--home-line))}.step-num{position:absolute;top:0;left:0;width:46px;height:46px;margin:0;box-shadow:0 0 0 6px var(--bg-body)}.step p{max-width:none}
  .faq-layout{grid-template-columns:1fr;gap:1.8rem}.faq-intro{position:static}.faq-intro h2{font-size:2.25rem}.faq-answer-inner{padding-right:1.25rem}.cta-wrap{padding-bottom:4.5rem}.cta-section{margin:0;padding:2.2rem 1.35rem}.cta-content{display:block}.cta-section h2{font-size:2.25rem}.cta-section .btn{width:100%;margin-top:1.6rem}.footer-grid{grid-template-columns:1fr 1fr;gap:2rem 1.5rem}.footer-brand{grid-column:1/-1}.footer-col a{min-height:44px;display:flex;align-items:center;margin-bottom:0}.footer-bottom{display:block;text-align:center!important}.footer-bottom span{display:inline-block;margin-bottom:.35rem}.footer-bottom a{display:inline-flex;align-items:center;min-height:44px}
}
@media(max-width:390px){.hero h1{font-size:2.55rem}.proof-toolbar-label{display:none}.proof-note-badge{display:none}.stat-value{font-size:1.05rem}.footer-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-proof::before{filter:none}}