@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Karantina:wght@300;400;700&family=Space+Grotesk:wght@500;600;700&display=swap');


:root {
    --bg: #090b12;
    --bg-soft: #111420;
    --panel: rgba(22, 25, 38, .76);
    --panel-solid: #151927;
    --border: rgba(255, 255, 255, .1);
    --border-strong: rgba(255, 255, 255, .18);
    --text: #f7f8ff;
    --muted: #a2abc3;
    --soft: #717b96;
    --primary: #62f3c7;
    --primary-2: #4fb6ff;
    --pink: #e855d4;
    --warning: #ffd166;
    --danger: #ff6b6b;
    --shadow: 0 24px 80px rgba(0,0,0,.42);
    --radius-xl: 32px;
    --radius-lg: 22px;
    --radius-md: 16px;
    --font: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

[data-theme="light"] {
    --bg: #f4f7fb;
    --bg-soft: #ffffff;
    --panel: rgba(255,255,255,.82);
    --panel-solid: #ffffff;
    --border: rgba(11, 18, 32, .1);
    --border-strong: rgba(11, 18, 32, .16);
    --text: #101423;
    --muted: #5d687d;
    --soft: #7c8598;
    --shadow: 0 24px 80px rgba(36, 46, 73, .14);
}

* { box-sizing: border-box; }
html { min-height: 100%; scroll-behavior: smooth; }
body {
    margin: 0;
    min-height: 100vh;
    font-family: var(--font);
    color: var(--text);
    background:
        radial-gradient(circle at 10% -10%, rgba(98, 243, 199, .14), transparent 36%),
        radial-gradient(circle at 88% 8%, rgba(232, 85, 212, .18), transparent 34%),
        var(--bg);
    overflow-x: hidden;
}
body, button, input, select, textarea { font-family: var(--font); }
a { color: inherit; text-decoration: none; }
button, select { cursor: pointer; }
img { max-width: 100%; display: block; }
h2 {
	font-family: "Inter", sans-serif;
}
.ambient {
    position: fixed;
    pointer-events: none;
    border-radius: 999px;
    filter: blur(60px);
    opacity: .26;
    z-index: -1;
}
.ambient-one { width: 420px; height: 420px; background: var(--primary); top: -120px; left: 8%; }
.ambient-two { width: 520px; height: 520px; background: var(--pink); bottom: -180px; right: -60px; }

.marketing-header, .auth-topbar {
    width: 100%;
    margin: 0px auto 0;
    min-height: 72px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 18px;
    border: 0px solid var(--border);
    border-radius: 0;
    background: rgba(12, 15, 25, .58);
    backdrop-filter: blur(22px);
    box-shadow: var(--shadow);
    position: sticky;
    top: 0px;
    z-index: 20;
}
[data-theme="light"] .marketing-header,
[data-theme="light"] .auth-topbar { background: rgba(255,255,255,.72); }

.brand-lockup, .sidebar-logo {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-weight: 800;
    letter-spacing: -.03em;
}
.brand-lockup img { width: 38px; height: 38px; }
.marketing-nav {
    display: flex;
    gap: 7px;
    padding: 6px;
    /* border: 1px solid var(--border); */
    /* border-radius: 999px; */
    /* background: rgba(255,255,255,.04); */
}
.marketing-nav a {
    color: var(--muted);
    padding: 10px 14px;
    border-radius: 999px;
    font-size: 14px;
}
.marketing-nav a:hover { color: var(--text); background: rgba(255,255,255,.07); }

.header-actions, .topbar-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}
.language-select, input, textarea, select {
    color: var(--text);
    background: transparent;
    border: 0;
    outline: none;
}
textarea { padding: 14px; resize: vertical; }
select option {
    background: #151927;
    color: #f7f8ff;
}
[data-theme="light"] select option {
    background: #ffffff;
    color: #101423;
}
select:disabled, option:disabled {
    color: var(--soft);
}
input:focus, textarea:focus, select:focus {
    border-color: rgba(98, 243, 199, .55);
    box-shadow: 0 0 0 4px rgba(98, 243, 199, .08);
}

.btn, .icon-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 44px;
    padding: 0 16px;
    /* border: 1px solid var(--border); */
    border-radius: 14px;
    color: var(--text);
    background: rgba(255,255,255,.05);
    transition: transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
    font-size: 14px;
}
.btn:hover, .icon-button:hover {
    transform: translateY(-1px);
    border-color: var(--border-strong);
}
.btn-primary {
    color: #ffffff;
    border: 0;
    font-weight: 800;
    box-shadow: 0 14px 42px rgba(98, 243, 199, .22);
    background: #4e50d9;
}
.btn-ghost, .btn-glass { background: rgba(255,255,255,.06); }
.btn-large { min-height: 52px; padding: 0 22px; border-radius: 16px; }
.btn-full { width: 100%; }
.btn-google { width: 100%; background: var(--panel-solid); }
.icon-button { width: 44px; padding: 0; border-radius: 15px; }

.hero-section {
    width: min(1180px, calc(100% - 40px));
    margin: 72px auto 40px;
    min-height: 620px;
    display: grid;
    grid-template-columns: 1.02fr .98fr;
    gap: 34px;
    align-items: center;
}
.hero-copy h1, .section-heading h1 {
    margin: 0;
    font-size: clamp(42px, 6vw, 86px);
    line-height: .96;
    letter-spacing: -.07em;
}
.hero-copy p, .section-heading p, .seo-section p {
    color: var(--muted);
    font-size: 19px;
    line-height: 1.7;
    max-width: 720px;
}
.eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--primary);
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .12em;
    margin-bottom: 20px;
}
.eyebrow span {
    width: 10px; height: 10px; border-radius: 50%;
    background: var(--primary);
    box-shadow: 0 0 20px var(--primary);
}
.hero-actions { display: flex; gap: 12px; margin-top: 28px; flex-wrap: wrap; }

.hero-dashboard {
    min-height: 520px;
    border: 1px solid var(--border-strong);
    background:
        linear-gradient(140deg, rgba(255,255,255,.08), rgba(255,255,255,.025)),
        radial-gradient(circle at 22% 0, rgba(232, 85, 212, .2), transparent 45%),
        radial-gradient(circle at 82% 90%, rgba(98, 243, 199, .2), transparent 45%),
        var(--panel);
    border-radius: 42px;
    box-shadow: var(--shadow);
    padding: 22px;
    position: relative;
    overflow: hidden;
    transform: perspective(1200px) rotateY(-6deg) rotateX(4deg);
}
.hero-dashboard::before {
    content: "";
    position: absolute;
    inset: -1px;
    background-image: linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
    background-size: 48px 48px;
    mask-image: linear-gradient(to bottom, black, transparent 80%);
}
.preview-top, .preview-grid { position: relative; z-index: 1; }
.preview-top {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 20px;
}
.mini-logo { width: 42px; height: 42px; border-radius: 14px; background: linear-gradient(135deg, var(--primary), var(--primary-2)); }
.search-line { flex: 1; height: 42px; border-radius: 14px; background: rgba(255,255,255,.06); border: 1px solid var(--border); }
.preview-pill { padding: 10px 14px; border-radius: 999px; background: rgba(98,243,199,.12); color: var(--primary); font-size: 13px; }
.preview-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}
.preview-card {
    min-height: 150px;
    border: 1px solid var(--border);
    background: rgba(8,10,17,.54);
    border-radius: 24px;
    padding: 20px;
    overflow: hidden;
}
[data-theme="light"] .preview-card { background: rgba(255,255,255,.55); }
.preview-card.large { grid-row: span 2; min-height: 320px; }
.preview-card.wide { grid-column: span 2; }
.preview-card span { color: var(--muted); font-size: 13px; }
.preview-card strong { display: block; font-size: 44px; letter-spacing: -.06em; margin-top: 12px; }
.preview-card small { color: var(--muted); }
.chart-line {
    height: 160px;
    margin-top: 28px;
    border-radius: 20px;
    background:
        linear-gradient(to top, rgba(98,243,199,.28), transparent),
        url("data:image/svg+xml,%3Csvg viewBox='0 0 340 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 132 C48 126 56 84 94 88 C124 90 122 58 158 65 C196 72 204 30 242 42 C275 52 286 20 332 24' fill='none' stroke='%2362f3c7' stroke-width='4'/%3E%3C/svg%3E") center/cover no-repeat;
}
.flow-dots { display: flex; gap: 12px; margin-top: 26px; }
.flow-dots b { width: 72px; height: 48px; border-radius: 16px; background: linear-gradient(135deg, rgba(98,243,199,.2), rgba(79,182,255,.16)); border: 1px solid var(--border); }

.logo-strip, .feature-cards, .feature-matrix, .pricing-grid, .seo-section, .section-heading {
    width: min(1180px, calc(100% - 40px));
    margin: 40px auto;
}
.logo-strip {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    color: var(--soft);
    border: 1px solid var(--border);
    background: var(--panel);
    border-radius: 22px;
    padding: 18px 24px;
}
.feature-cards, .feature-matrix, .pricing-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}
.feature-matrix { grid-template-columns: repeat(3, 1fr); }
.glass-card, .price-card, .panel, .metric-card, .auth-card {
    /* border: 1px solid var(--border); */
    /*background: var(--panel); */
    /* backdrop-filter: blur(22px); */
    /*border-radius: var(--radius-lg); */
    /* box-shadow: var(--shadow); */
}
.glass-card, .price-card { padding: 28px; }
.glass-card i { color: var(--primary); font-size: 26px; }
.glass-card h2, .price-card h2 { margin: 18px 0 10px; letter-spacing: -.04em; }
.glass-card p, .price-card p, .muted { color: var(--muted); line-height: 1.6; }
.price-card strong { display: block; font-size: 54px; letter-spacing: -.06em; margin: 16px 0; }
.price-card.featured { border-color: rgba(98,243,199,.4); background: linear-gradient(140deg, rgba(98,243,199,.1), var(--panel)); }
.seo-section { padding: 34px; border-radius: 28px; border: 1px solid var(--border); background: var(--panel); }
.seo-section h2 { font-size: clamp(30px, 4vw, 54px); letter-spacing: -.06em; margin: 0 0 12px; }

.marketing-footer {
    width: min(1180px, calc(100% - 40px));
    margin: 60px auto 28px;
    padding: 22px 0;
    color: var(--soft);
    display: flex;
    justify-content: space-between;
    border-top: 1px solid var(--border);
}
.footer-links { display: flex; gap: 18px; }

.auth-body { display: grid; place-items: start center; }
.auth-topbar { position: relative; }
.auth-shell {
    width: min(440px, calc(100% - 40px));
    margin: 62px auto;
}
.auth-card { padding: 28px; }
.auth-brand { text-align: center; margin-bottom: 22px; }
.auth-brand img { width: 64px; height: 64px; margin: 0 auto 16px; }
.auth-brand h1 { margin: 0; font-size: 36px; letter-spacing: -.05em; }
.auth-brand p, .form-note { color: var(--muted); }
.stack-form { display: grid; gap: 14px; }
.stack-form label { display: grid; gap: 8px; color: var(--muted); font-size: 14px; }
.stack-form input, .stack-form textarea, .stack-form select { width: 100%; }
.alert {
    padding: 14px 16px;
    border-radius: 16px;
    border: 1px solid rgba(255,107,107,.25);
    background: rgba(255,107,107,.1);
    color: #ffb5b5;
    margin-bottom: 14px;
}
.divider { display: flex; align-items: center; gap: 12px; color: var(--soft); margin: 18px 0; }
.divider::before, .divider::after { content:""; height: 1px; background: var(--border); flex: 1; }

.app-body { background: var(--bg); }
.app-shell {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr);
}
.sidebar {
    position: sticky;
    top: 0;
    height: 100vh;
    border-inline-end: 1px solid var(--border);
    background: rgba(8,10,18,.76);
    backdrop-filter: blur(24px);
    padding: 22px 14px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}
[data-theme="light"] .sidebar { background: rgba(255,255,255,.76); }
.sidebar-logo img {  height: 25px; }
.sidebar-nav { display: grid; gap: 10px; width: 100%; }
.sidebar-nav a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 35px;
    border-radius: 18px;
    color: var(--muted);
    transition: .18s ease;
}
.sidebar-nav a span { display: none; }
.sidebar-nav a:hover, .sidebar-nav a.active {
    color: var(--text);
    background: linear-gradient(135deg, rgba(98,243,199,.16), rgba(79,182,255,.1));
    box-shadow: inset 0 0 0 1px var(--border);
}
.sidebar-bottom { margin-top: auto; display: grid; gap: 10px; }

.workspace { min-width: 0; }
.app-topbar {
    /* min-height: 104px; */
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 10px 5px;
    border-bottom: 1px solid var(--border);
}
.breadcrumb { color: var(--muted); font-size: 13px; margin-bottom: 6px; }
.app-topbar h1 { margin: 0; font-size: clamp(28px, 4vw, 46px); letter-spacing: -.06em; }
.user-pill {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border: 1px solid var(--border);
    background: var(--panel);
    border-radius: 999px;
    padding: 6px 12px 6px 6px;
}
.user-pill span, .brand-mark {
    width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%;
    background: linear-gradient(135deg, var(--primary), var(--primary-2));
    color: #071018; font-weight: 900;
}
.user-pill small { color: var(--muted); }

.app-content { padding: 28px 34px 48px; }
.dashboard-grid {
    display: grid;
    grid-template-columns: 1.6fr 1fr 1fr;
    gap: 18px;
    margin-bottom: 18px;
}
.metric-card { padding: 24px; position: relative; overflow: hidden; }
.metric-card::after {

}
.metric-card span {
    color: #808bfa;
    font-size: 22px;
    letter-spacing: 0;
    margin-left: 5px;
    text-transform: lowercase;
    font-weight: 400;
}
.metric-card strong { display: block; font-size: 44px;  margin: 10px 0; }
.metric-card p { color: var(--muted); margin: 0; line-height: 1.55; }
.hero-metric {
    background: linear-gradient(52deg, rgba(30, 41, 59, 1) 0%, rgba(32, 48, 74, 1) 100%);
    border-radius: 20px;
    border: 1px solid var(--border);
    margin-bottom: 30px;
}
a.tokens-cta {
    display: block;
    text-align: center;
    border: 1px solid #ffffff5c;
    border-radius: 14px;
    padding: 17px;
    margin-top: 30px;
}
.round-action {
    position: absolute;
    top: 22px;
    inset-inline-end: 22px;
    width: 44px; height: 44px; display: grid; place-items: center;
    border-radius: 50%;
    background: rgba(255,255,255,.08);
    border: 1px solid var(--border);
}
.available_credits {
    text-transform: uppercase;
	color: var(--muted);
}
.split-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    margin-bottom: 18px;
}
.panel { padding: 15px; }
.panel-header {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: flex-start;
    margin-bottom: 22px;
}
.panel-header h2 {
    margin: 0 0 0px;
    letter-spacing: 0;
    font-weight: 500;
    font-size: 18px;
}
.panel-header p { margin: 0; color: var(--muted); line-height: 1.55; }
.token-chip {
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    border-radius: 999px;
    padding: 0 12px;
    color: var(--primary);
    background: rgba(98,243,199,.1);
    border: 1px solid rgba(98,243,199,.18);
}
.inline-form {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 10px;
}
.job-result {
    margin-top: 18px;
    border-radius: 18px;
    border: 1px dashed var(--border-strong);
    padding: 16px;
    min-height: 72px;
    color: var(--muted);
    white-space: pre-wrap;
    overflow: auto;
}
.job-result.large { min-height: 540px; max-height: 720px; }
.job-list { display: grid; gap: 10px; }
.job-row {
    display: flex;
    justify-content: space-between;
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: 16px;
    background: rgba(255,255,255,.04);
}
.status { color: var(--warning); }
.status.completed { color: var(--primary); }
.status.failed { color: var(--danger); }

.asset-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}
.asset-grid-large { grid-template-columns: repeat(2, 1fr); }
.asset-card {
    border: 1px solid var(--border);
    background: rgba(255,255,255,.04);
    border-radius: 20px;
    padding: 18px;
    min-height: 180px;
}
.asset-card span, .asset-meta { color: var(--soft); font-size: 13px; }
.asset-card h3 { margin: 10px 0; letter-spacing: -.03em; }
.asset-card p { color: var(--muted); line-height: 1.55; }
.asset-card pre {
    color: var(--muted);
    white-space: pre-wrap;
    font-family: inherit;
    line-height: 1.6;
    max-height: 440px;
    overflow: auto;
}
.asset-image { border-radius: 18px; border: 1px solid var(--border); margin: 12px 0; width: 100%; }
.empty-state {
    border: 1px dashed var(--border-strong);
    border-radius: 20px;
    padding: 24px;
    color: var(--muted);
    text-align: center;
}
.brand-list {
    display: grid;
    gap: 12px;
    background: linear-gradient(52deg, rgba(30, 41, 59, 1) 0%, rgba(32, 48, 74, 1) 100%);
    border-radius: 20px;
    border: 1px solid var(--border);
    margin-bottom: 30px;
	padding-bottom: 20px;
}
.brand-row {
    display: grid;
    gap: 14px;
    align-items: center;
    padding: 10px 20px;
}
.brand-row h3 {
    margin: 0 0 4px;
    font-weight: 600;
    font-size: 16px;
}
.brand-row p { margin: 0; color: var(--muted);     font-size: 12px;}
.create-layout {
    display: grid;
    grid-template-columns: minmax(320px, 460px) 1fr;
    gap: 18px;
}
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.cost-preview {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 16px;
    border-radius: 16px;
    border: 1px solid var(--border);
    background: rgba(98,243,199,.08);
}
.cost-preview strong { color: var(--primary); }
.search-input { width: min(340px, 100%); }
.table-card { overflow: auto; border: 1px solid var(--border); border-radius: 18px; }
table { width: 100%; border-collapse: collapse; min-width: 720px; }
th, td { padding: 14px; text-align: inherit; border-bottom: 1px solid var(--border); }
th { color: var(--muted); font-weight: 700; }
.settings-list, .integration-list { display: grid; gap: 12px; }
.settings-list div, .integration-list div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    padding: 16px;
    border: 1px solid var(--border);
    border-radius: 16px;
    background: rgba(255,255,255,.04);
}
.integration-list div { justify-content: flex-start; }
.integration-list i { width: 24px; color: var(--primary); }

.page-transition { animation: fadeUp .24s ease both; }
@keyframes fadeUp {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 980px) {
    .marketing-header { flex-wrap: wrap; }
    .marketing-nav { order: 3; width: 100%; justify-content: center; }
    .hero-section, .split-grid, .create-layout { grid-template-columns: 1fr; }
    .hero-dashboard { transform: none; min-height: 460px; }
    .feature-cards, .feature-matrix, .pricing-grid, .dashboard-grid, .asset-grid, .asset-grid-large { grid-template-columns: 1fr; }
    .app-shell { grid-template-columns: 1fr; }
    .sidebar {
        position: fixed;
        bottom: 12px;
        top: auto;
        left: 12px;
        right: 12px;
        height: 66px;
        z-index: 30;
        border: 1px solid var(--border);
        border-radius: 24px;
        flex-direction: row;
        justify-content: space-between;
        padding: 8px;
    }
    .sidebar-logo, .sidebar-bottom { display: none; }
    .sidebar-nav { grid-template-columns: repeat(6, 1fr); gap: 4px; }
    .sidebar-nav a { min-height: 48px; border-radius: 16px; }
    .app-content { padding: 20px 16px 96px; }
    .app-topbar { padding: 20px 16px; flex-direction: column; align-items: flex-start; }
    .topbar-actions { width: 100%; flex-wrap: wrap; }
    .user-pill { display: none; }
}
@media (max-width: 640px) {
    .marketing-header, .auth-topbar, .hero-section, .logo-strip, .feature-cards, .feature-matrix, .pricing-grid, .seo-section, .section-heading, .marketing-footer {
        width: min(100% - 24px, 1180px);
    }
    .header-actions { flex-wrap: wrap; justify-content: flex-end; }
    .hero-section { margin-top: 40px; min-height: auto; }
    .hero-copy h1 { font-size: 42px; }
    .preview-grid { grid-template-columns: 1fr; }
    .preview-card.large, .preview-card.wide { grid-column: auto; grid-row: auto; min-height: 170px; }
    .logo-strip { overflow: auto; }
    .marketing-footer { flex-direction: column; gap: 14px; }
    .inline-form, .form-grid { grid-template-columns: 1fr; }
}


.human-output {
    display: grid;
    gap: 14px;
    color: var(--text);
    line-height: 1.65;
}

.formatted-text {
    white-space: normal;
    color: var(--text);
}

.human-fields {
    display: grid;
    gap: 14px;
}

.human-field {
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: rgba(255,255,255,.035);
}

[data-theme="light"] .human-field {
    background: rgba(11,18,32,.025);
}

.human-field h4 {
    margin: 0 0 8px;
    font-size: 13px;
    color: var(--primary);
    text-transform: uppercase;
    letter-spacing: .08em;
}

.human-list {
    margin: 0;
    padding-inline-start: 20px;
    display: grid;
    gap: 8px;
}

.human-list li::marker {
    color: var(--primary);
}

.asset-card-readable pre,
.job-render pre {
    display: none;
}

.asset-card-readable {
    align-content: start;
}

.asset-details {
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    padding: 12px 14px;
    background: rgba(255,255,255,.035);
}

.asset-details summary {
    cursor: pointer;
    color: var(--primary);
    font-weight: 800;
}

.inline-asset-image {
    margin: 0;
    display: grid;
    gap: 8px;
}

.inline-asset-image figcaption {
    color: var(--soft);
    font-size: 12px;
    word-break: break-all;
}

.asset-image {
    width: 100%;
    max-height: 460px;
    object-fit: contain;
    border-radius: var(--radius-md);
    border: 1px solid var(--border);
    background: rgba(255,255,255,.04);
}

.dossier-output h3 {
    margin: 0;
}

.brand-detail-hero {
    margin-bottom: 20px;
}

.brand-dossier-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.dossier-card {
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    background: rgba(255,255,255,.035);
    padding: 18px;
    display: grid;
    gap: 14px;
}

.dossier-card h3 {
    margin: 0;
}

.muted-link {
    display: inline-flex;
    margin-bottom: 10px;
    color: var(--muted);
    font-size: 14px;
}

.muted-link:hover {
    color: var(--text);
}

.error-text {
    color: var(--danger);
}

.brand-row {
    color: inherit;
}

@media (max-width: 900px) {
    .brand-dossier-grid {
        grid-template-columns: 1fr;
    }
}

/* Solvra 2.0 workflow and brand dossier upgrades */
.eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--primary);
    font-weight: 900;
    font-size: 12px;
    letter-spacing: .12em;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.studio-hero {
    margin-bottom: 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    background:
        radial-gradient(circle at 15% 20%, rgba(98,243,199,.16), transparent 34%),
        radial-gradient(circle at 90% 10%, rgba(79,182,255,.14), transparent 32%),
        var(--panel);
}
.studio-hero h2 { margin: 0 0 8px; font-size: clamp(34px, 5vw, 64px); letter-spacing: -.07em; }
.studio-hero p { color: var(--muted); line-height: 1.7; margin: 0; max-width: 820px; }
.studio-balance {
    min-width: 132px;
    min-height: 132px;
    border-radius: 34px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(98,243,199,.22);
    background: rgba(98,243,199,.08);
    text-align: center;
}
.studio-balance span { display: block; color: var(--primary); font-size: 38px; font-weight: 950; letter-spacing: -.05em; }
.studio-balance small { color: var(--muted); }

.studio-workflow,
.brand-action-workflow {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    align-items: start;
    margin-bottom: 18px;
}
.brand-action-workflow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.studio-step { position: relative; overflow: hidden; }
.studio-step.is-primary { background: linear-gradient(140deg, rgba(98,243,199,.1), var(--panel)); }
.step-badge {
    position: absolute;
    top: 18px;
    inset-inline-end: 18px;
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    background: rgba(98,243,199,.12);
    color: var(--primary);
    border: 1px solid rgba(98,243,199,.24);
    font-weight: 950;
    font-size: 20px;
}
.studio-step .panel-header { padding-inline-end: 54px; }
.step-result { min-height: 96px; max-height: 560px; }
.stack-form.is-busy { opacity: .7; pointer-events: none; }
.btn i { margin-inline-end: 8px; }
.job-running {
    display: grid;
    gap: 12px;
    text-align: center;
}
.loading-line {
    position: relative;
    overflow: hidden;
    height: 8px;
    border-radius: 999px;
    background: rgba(255,255,255,.08);
}
.loading-line::after {
    content: "";
    position: absolute;
    inset-block: 0;
    width: 42%;
    border-radius: inherit;
    background: linear-gradient(90deg, transparent, var(--primary), transparent);
    animation: loadingSweep 1.25s ease-in-out infinite;
}
@keyframes loadingSweep {
    from { inset-inline-start: -45%; }
    to { inset-inline-start: 105%; }
}
.active-job-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}
.job-watch-card {
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: rgba(255,255,255,.035);
    padding: 12px;
}

.brand-kit-hero { margin-bottom: 18px; }
.brand-kit-title-row {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 18px;
}
.brand-kit-logo-wrap {
    width: 104px;
    height: 104px;
    border-radius: 28px;
    display: grid;
    place-items: center;
    border: 1px solid var(--border);
    background: rgba(255,255,255,.06);
    overflow: hidden;
}
.brand-kit-logo {
    width: 74px;
    height: 74px;
    object-fit: contain;
    border-radius: 18px;
}
.brand-kit-logo-fallback {
    width: 74px;
    height: 74px;
    border-radius: 22px;
    display: grid;
    place-items: center;
    color: #071018;
    background: linear-gradient(135deg, var(--primary), var(--primary-2));
    font-weight: 950;
    font-size: 38px;
}
.brand-kit-title-row h2 { margin: 0; font-size: clamp(38px, 6vw, 76px); letter-spacing: -.08em; }
.brand-description-block {
    margin-top: 24px;
    padding: 22px;
    border-radius: var(--radius-md);
    border: 1px solid var(--border);
    background: rgba(255,255,255,.035);
}
.brand-description-block h3,
.brand-kit-card h3 { margin: 0 0 12px; letter-spacing: -.03em; }
.brand-description-block p { margin: 0; color: var(--text); line-height: 1.75; font-size: 17px; }

.brand-kit-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-bottom: 18px;
}
.brand-kit-card { min-height: 220px; }
.visual-card-wide { grid-column: span 2; }
.palette-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}
.color-swatch-card {
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 12px;
    background: rgba(255,255,255,.035);
    display: grid;
    gap: 7px;
}
.color-swatch {
    height: 70px;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,.2);
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.08);
}
.color-swatch-card strong { font-size: 15px; }
.color-swatch-card small { color: var(--soft); }
.color-swatch-card p { color: var(--muted); margin: 0; line-height: 1.45; font-size: 13px; }
.audience-card-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}
.audience-card {
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: rgba(255,255,255,.04);
    padding: 16px;
}
.audience-card strong { display: block; color: var(--primary); margin-bottom: 8px; }
.audience-card p { margin: 0; color: var(--muted); line-height: 1.55; }
.mini-brand-result {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 14px;
}
.mini-brand-result img {
    width: 58px;
    height: 58px;
    border-radius: 18px;
    object-fit: contain;
    border: 1px solid var(--border);
    background: rgba(255,255,255,.06);
    padding: 8px;
}
.mini-brand-result h3 { margin: 0 0 3px; }

.brand-row-logo {
    width: 50px;
    height: 50px;
    border-radius: 7px;
    object-fit: cover;
    border: 1px solid var(--border);
    background: rgba(255,255,255,.06);
}
.brand-row-logo-fallback {
    width: 46px;
    height: 46px;
    border-radius: 16px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, var(--primary), var(--primary-2));
    color: #071018;
    font-weight: 950;
}

@media (max-width: 1180px) {
    .studio-workflow,
    .brand-action-workflow,
    .brand-kit-grid { grid-template-columns: 1fr; }
    .visual-card-wide { grid-column: auto; }
}
@media (max-width: 760px) {
    .studio-hero,
    .brand-kit-title-row { grid-template-columns: 1fr; display: grid; }
    .studio-balance { min-width: auto; min-height: 92px; }
    .active-job-grid,
    .palette-grid,
    .audience-card-grid { grid-template-columns: 1fr; }
}
.result-actions { margin-top: 14px; display: flex; gap: 10px; flex-wrap: wrap; }

/* Solvra v5 refinements */
.app-shell { grid-template-columns: 280px minmax(0, 1fr); }
.sidebar {
    align-items: stretch;
    padding: 22px 16px;
    overflow-y: auto;
    scrollbar-color: rgba(192,193,255,.1) #051424;
    scrollbar-width: thin;
}
.sidebar-logo { justify-content: flex-start; padding-inline: 8px; }
.sidebar-nav a { justify-content: flex-start; padding: 0 14px; }
.sidebar-nav a span {
    display: inline;
    font-weight: 500;
    font-size: 14px;
}
.sidebar-section-title {
    margin: 8px 10px 6px;
    color: var(--soft);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .12em;
}
.sidebar-brands {
    display: grid;
    gap: 6px;
    padding-top: 8px;
    border-top: 1px solid var(--border);
}
.sidebar-brand-link {
    display: grid;
    grid-template-columns: 32px 1fr;
    gap: 10px;
    align-items: center;
    min-height: 44px;
    padding: 6px 10px;
    border-radius: 14px;
    color: var(--muted);
}
.sidebar-brand-link:hover,
.sidebar-brand-link.active {
    color: var(--text);
    background: rgba(255,255,255,.06);
}
.sidebar-brand-link img,
.sidebar-brand-link span {
    width: 32px;
    height: 32px;
    border-radius: 10px;
    object-fit: contain;
    border: 1px solid var(--border);
    background: rgba(255,255,255,.06);
    padding: 5px;
}
.sidebar-brand-link span {
    display: grid;
    place-items: center;
    padding: 0;
    color: #071018;
    background: linear-gradient(135deg, var(--primary), var(--primary-2));
    font-weight: 950;
}
.sidebar-brand-link em {
    font-style: normal;
    font-weight: 750;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sidebar-bottom { align-self: stretch; grid-template-columns: 1fr 1fr; }
.sidebar-bottom .icon-button { width: 100%; }

.studio-hero-actions { display: flex; justify-content: flex-end; }
.clean-panel { box-shadow: none; }
.compact-header {
    margin-bottom: 10px;
    border-bottom: 1px solid #ffffff29;
    padding: 20px;
}

.brand-guideline-sheet {
    width: min(1180px, 100%);
    margin: 0 auto 22px;
    padding: clamp(22px, 4vw, 46px);
    border: 1px solid var(--border);
    border-radius: 34px;
    background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.035));
    box-shadow: var(--shadow);
}
[data-theme="light"] .brand-guideline-sheet { background: #fff; }
.brand-sheet-topline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 18px;
}
.brand-sheet-header {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 20px;
    margin-bottom: 22px;
}
.brand-sheet-logo {
    width: 112px;
    height: 112px;
    border-radius: 30px;
    display: grid;
    place-items: center;
    border: 1px solid var(--border);
    background: rgba(255,255,255,.68);
    overflow: hidden;
}
[data-theme="dark"] .brand-sheet-logo { background: rgba(255,255,255,.08); }
.brand-sheet-logo img { width: 82px; height: 82px; object-fit: contain; }
.brand-sheet-logo span {
    width: 82px; height: 82px; border-radius: 24px;
    display: grid; place-items: center;
    color: #071018; font-weight: 950; font-size: 40px;
    background: linear-gradient(135deg, var(--primary), var(--primary-2));
}
.brand-sheet-header small {
    display: block;
    color: var(--primary);
    text-transform: uppercase;
    letter-spacing: .16em;
    font-weight: 900;
    margin-bottom: 6px;
}
.brand-sheet-header h2 {
    margin: 0;
    font-size: clamp(42px, 7vw, 92px);
    line-height: .92;
    letter-spacing: -.08em;
}
.brand-sheet-section {
    padding: 22px 0;
    border-top: 1px solid var(--border);
}
.brand-sheet-section h3 {
    margin: 0 0 14px;
    font-size: 24px;
    letter-spacing: -.04em;
}
.brand-description-section p {
    max-width: 960px;
    margin: 0;
    font-size: 18px;
    line-height: 1.85;
    color: var(--text);
}
.brand-sheet-two-col,
.brand-sheet-three-col {
    display: grid;
    gap: 28px;
    border-top: 1px solid var(--border);
}
.brand-sheet-two-col { grid-template-columns: 1fr 1.4fr; }
.brand-sheet-three-col { grid-template-columns: repeat(3, 1fr); }
.brand-sheet-two-col .brand-sheet-section,
.brand-sheet-three-col .brand-sheet-section { border-top: 0; }
.brand-color-strip {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 12px;
}
.brand-color-block {
    display: grid;
    gap: 7px;
    min-height: 168px;
    padding: 12px;
    border-radius: 22px;
    background: rgba(255,255,255,.04);
    border: 1px solid var(--border);
}
[data-theme="light"] .brand-color-block { background: rgba(11,18,32,.025); }
.brand-color-block span {
    height: 78px;
    border-radius: 16px;
    background: var(--swatch);
    border: 1px solid rgba(0,0,0,.12);
}
.brand-color-block strong { font-size: 15px; }
.brand-color-block em { color: var(--soft); font-style: normal; font-weight: 800; }
.brand-color-block small { color: var(--muted); line-height: 1.35; }
.font-pills { display: flex; flex-wrap: wrap; gap: 10px; }
.font-pills span {
    border: 1px solid var(--border);
    border-radius: 999px;
    padding: 8px 12px;
    color: var(--text);
    background: rgba(255,255,255,.04);
    font-weight: 800;
}
.brand-audience-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}
.brand-audience-row article {
    padding: 18px;
    border-radius: 22px;
    background: rgba(98,243,199,.07);
    border: 1px solid rgba(98,243,199,.16);
}
.brand-audience-row strong, .brand-audience-title { display: block; color: var(--primary); font-size: 18px; font-weight: 800; margin-bottom: 8px; }
.brand-audience-row p { margin: 0; color: var(--muted); line-height: 1.65; }
.brand-next-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    margin-bottom: 18px;
}
.brand-guideline-sheet .human-field {
    border: 0;
    border-radius: 0;
    padding: 0 0 12px;
    background: transparent;
}
.brand-guideline-sheet .human-field h4 {
    color: var(--soft);
    margin-bottom: 4px;
}
.brand-guideline-sheet .human-fields { gap: 10px; }
.brand-guideline-sheet .human-list { gap: 6px; }

.status-page-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 18px;
}
.status-page-head h2 { margin: 0 0 8px; font-size: clamp(34px, 5vw, 62px); letter-spacing: -.07em; }
.status-page-head p { margin: 0; color: var(--muted); line-height: 1.65; max-width: 820px; }
.jobs-table-wrap { overflow-x: auto; }
.jobs-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 760px;
}
.jobs-table th,
.jobs-table td {
    padding: 14px 12px;
    border-bottom: 1px solid var(--border);
    text-align: start;
    vertical-align: middle;
}
.jobs-table th {
    color: var(--soft);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .1em;
}
.job-brand-cell {
    display: inline-grid;
    grid-template-columns: 38px auto;
    gap: 10px;
    align-items: center;
}
.job-brand-cell img,
.job-brand-cell span {
    width: 38px;
    height: 38px;
    border-radius: 12px;
    object-fit: contain;
    border: 1px solid var(--border);
    background: rgba(255,255,255,.06);
    padding: 6px;
}
.job-brand-cell span {
    display: grid;
    place-items: center;
    padding: 0;
    color: #071018;
    background: linear-gradient(135deg, var(--primary), var(--primary-2));
}
.job-brand-cell strong { font-size: 15px; }
.muted-brand strong { color: var(--muted); }

@media (max-width: 980px) {
    .app-shell { grid-template-columns: 1fr; }
    .sidebar {
        position: sticky;
        bottom: auto;
        top: 0;
        height: auto;
        z-index: 30;
        border-inline-end: 0;
        border-bottom: 1px solid var(--border);
        display: block;
        padding: 10px;
        overflow-x: auto;
        white-space: nowrap;
    }
    .sidebar-logo,
    .sidebar-bottom,
    .sidebar-brands { display: none; }
    .sidebar-nav { display: flex; gap: 6px; width: max-content; }
    .sidebar-nav a { min-height: 42px; padding: 0 12px; border-radius: 14px; }
    .sidebar-nav a span { display: inline; }
    .app-topbar { padding: 18px; align-items: flex-start; }
    .topbar-actions { flex-wrap: wrap; justify-content: flex-end; }
    .app-content { padding: 18px; }
    .brand-sheet-two-col,
    .brand-sheet-three-col,
    .brand-audience-row,
    .brand-next-actions { grid-template-columns: 1fr; }
    .status-page-head { display: grid; }
}

@media (max-width: 620px) {
    .brand-sheet-header { grid-template-columns: 1fr; }
    .brand-sheet-logo { width: 96px; height: 96px; }
    .brand-guideline-sheet { padding: 18px; border-radius: 24px; }
    .brand-color-strip { grid-template-columns: 1fr; }
}

/* Solvra 2.0 stitched flow implementation */
:root {
    --surface: #051424;
    --surface-lowest: #010f1f;
    --surface-low: #0d1c2d;
    --surface-container: #122131;
    --surface-high: #1c2b3c;
    --surface-highest: #273647;
    --on-surface: #d4e4fa;
    --on-surface-variant: #c7c4d7;
    --outline: #908fa0;
    --solvra-primary: #c0c1ff;
    --solvra-primary-container: #8083ff;
    --solvra-secondary: #bfc6e0;
    --solvra-tertiary: #bcc7de;
}

[data-theme="dark"] body.app-body,
.app-body {
    background:
       #0f172a
}

[data-theme="dark"] .sidebar, .sidebar {
    background: #020617;
    box-shadow: inset -1px 0 0 rgba(255,255,255,.04);
}
.sidebar-logo::after {

}
i.fa-solid.fa-bolt-lightning.quickstart {
    font-size: 13px;
    vertical-align: middle;
    color: #c0c1ff;
}
.sidebar-nav a.active, .sidebar-nav a:hover {
    background: #0b0d2c;
    border: 0;
    color: #a8b7ff;
    border-radius: 7px;
    box-shadow: none;
}

.app-topbar {
    backdrop-filter: blur(18px);
    position: sticky;
    top: 0;
    z-index: 12;
}

.flow-page,
.library-page,
.asset-library-page,
.suite-dashboard {
    display: grid;
    gap: 22px;
}

.flow-stepper {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    padding: 12px;
    position: sticky;
    top: 118px;
    z-index: 8;
    background: rgba(18, 33, 49, .72);
}

.flow-step {
    display: grid;
    grid-template-columns: 42px 1fr;
    grid-template-rows: auto auto;
    column-gap: 12px;
    align-items: center;
    min-height: 70px;
    padding: 12px;
    border-radius: 18px;
    color: var(--muted);
    border: 1px solid transparent;
    transition: .18s ease;
}

.flow-step span {
    grid-row: span 2;
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: rgba(255,255,255,.05);
    border: 1px solid var(--border);
    font-weight: 900;
}

.flow-step strong { color: var(--text); font-size: 15px; }
.flow-step em { color: var(--soft); font-size: 12px; font-style: normal; }
.flow-step.active,
.flow-step.done {
    background: linear-gradient(135deg, rgba(192,193,255,.16), rgba(39,54,71,.34));
    border-color: rgba(192,193,255,.22);
}
.flow-step.active span,
.flow-step.done span {
    background: linear-gradient(135deg, var(--solvra-primary), var(--solvra-primary-container));
    color: #07006c;
}

.flow-hero, .library-hero, .dashboard-welcome {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 22px;
    overflow: hidden;
    position: relative;
    background: transparent;

}
h2.scandomain-title {
    padding: 0;
    margin-bottom: -10px;
    font-size: 12px;
    text-transform: uppercase;
    font-family: 'heebo';
}
.flow-hero::before,
.library-hero::before,
.dashboard-welcome::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
    background-size: 46px 46px;
    mask-image: linear-gradient(to bottom, black, transparent 86%);
    pointer-events: none;
}
.panel.focus-panel.scandomain {
    width: 50%;
    margin: 0 auto;
    padding: 20px;
    background: transparent;
    box-shadow: 0 0 20px 7px #00000052;
    border: 0;
}
h2.best-practice {
    margin-top: 0;
}
.flow-hero h2, .library-hero h2, .dashboard-welcome h2 {
    margin: 0 0 10px;
    font-size: clamp(42px, 6vw, 40px);
    line-height: .96;
    letter-spacing: -.04em;
    font-weight: 500;
}
.flow-hero p,
.library-hero p,
.dashboard-welcome p {
    margin: 0;
    max-width: 760px;
    color: var(--muted);
    line-height: 1.75;
    font-size: 17px;
}
.flow-hero-actions,
.library-actions,
.brand-card-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin-top: 18px;
}

.orbital-card {
    width: min(300px, 100%);
    min-height: 240px;
    border-radius: 32px;
    border: 1px solid rgba(192,193,255,.18);
    background: linear-gradient(180deg, rgba(39,54,71,.72), rgba(13,28,45,.64));
    display: grid;
    place-items: center;
    align-content: center;
    gap: 10px;
    position: relative;
    overflow: hidden;
    text-align: center;
}
.orbital-card::after {
    content: "";
    position: absolute;
    width: 190px;
    height: 190px;
    border-radius: 999px;
    border: 1px dashed rgba(192,193,255,.26);
    animation: slowSpin 18s linear infinite;
}
.orbital-card i {
    width: 74px;
    height: 74px;
    border-radius: 24px;
    display: grid;
    place-items: center;
    color: #07006c;
    background: linear-gradient(135deg, var(--solvra-primary), var(--solvra-primary-container));
    font-size: 32px;
    position: relative;
    z-index: 1;
}
.orbital-card strong { font-size: 24px; letter-spacing: -.05em; position: relative; z-index: 1; }
.orbital-card small { color: var(--muted); position: relative; z-index: 1; }
.orbital-glow {
    position: absolute;
    inset: -20%;
    background: radial-gradient(circle, rgba(128,131,255,.24), transparent 62%);
}
@keyframes slowSpin { to { transform: rotate(360deg); } }

.flow-two-col,
.concept-workbench,
.asset-workbench,
.dashboard-main-grid,
.asset-library-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(320px, .75fr);
    gap: 22px;
    align-items: start;
}
.strategy-layout { grid-template-columns: minmax(0, 1fr) 360px; }
.focus-panel {
    background: linear-gradient(52deg, rgba(30, 41, 59, 1) 0%, rgba(32, 48, 74, 1) 100%);
    border-radius: 15px;
    border: 1px solid var(--border);
    margin-bottom: 30px;
	padding: 0;
}
.domain-scan-form label { display: grid; gap: 12px; color: var(--muted); font-weight: 700; }
.domain-input-row {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 10px;
    align-items: center;
    border: 1px solid rgba(192,193,255,.18);
    border-radius: 20px;
    background: rgba(1,15,31,.46);
    padding: 10px;
}
.domain-input-row > i {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    color: #fff;
    font-size: 20px;
}
aside.panel.manual-brand-panel {
    margin-bottom: 30px;
    background: linear-gradient(52deg, rgb(30, 41, 59) 0%, rgb(32, 48, 74) 100%);
    border-radius: 20px;
    border: 1px solid var(--border);
	    padding: 0;
}
.domain-input-row input { border: 0; background: transparent; min-height: 50px; font-size: 18px; }
.process-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 18px;
}
.process-grid article,
.quick-start-card,
.wizard-side-card .wizard-steps b,
.mini-audience-list article {
    border: 1px solid var(--border);
    border-radius: 20px;
    background: rgba(255,255,255,.035);
    padding: 25px;
}
.process-grid i, .quick-start-card i {
    color: var(--solvra-primary);
    font-size: 24px;
    margin-bottom: 40px;
}
.process-grid strong,
.quick-start-card strong { display: block; font-size: 18px; }
.process-grid p,
.quick-start-card span { color: var(--muted); line-height: 1.55; margin: 7px 0 0; }
.flow-result { margin-top: 18px; }

.brand-card-grid,
.strategy-card-grid,
.concept-card-grid,
.brand-library-grid,
.quick-start-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}
.compact-brand-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.brand-tile,
.strategy-direction-card,
.concept-card,
.brand-library-card,
.asset-library-item {
    border: 1px solid var(--border);
    background: rgba(18,33,49,.72);
    border-radius: 24px;
    padding: 18px;
    box-shadow: var(--shadow);
}
.brand-tile {
    display: grid;
    gap: 10px;
    min-height: 220px;
    align-content: start;
    transition: .18s ease;
}
.brand-tile:hover,
.quick-start-card:hover,
.strategy-direction-card:hover,
.concept-card:hover,
.brand-library-card:hover {
    transform: translateY(-2px);
    border-color: rgba(192,193,255,.28);
}
.brand-tile img,
.brand-tile > span,
.brand-card-media img,
.brand-card-media > span {
    width: 64px;
    height: 64px;
    border-radius: 20px;
    object-fit: contain;
    border: 1px solid var(--border);
    background: rgba(255,255,255,.08);
    padding: 10px;
}
.brand-tile > span,
.brand-card-media > span {
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, var(--solvra-primary), var(--solvra-primary-container));
    color: #07006c;
    padding: 0;
    font-size: 28px;
    font-weight: 950;
}
.brand-tile strong { font-size: 20px; letter-spacing: -.05em; }
.brand-tile em { color: var(--muted); font-style: normal; line-height: 1.45; }
.brand-tile small { color: var(--solvra-primary); font-weight: 800; margin-top: auto; }

.brand-flow-lockup {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 18px;
}
.brand-flow-lockup img,
.brand-flow-lockup > span,
.selected-context-pill img,
.selected-context-pill > span {
    width: 82px;
    height: 82px;
    border-radius: 24px;
    object-fit: contain;
    border: 1px solid var(--border);
    background: rgba(255,255,255,.08);
    padding: 10px;
}
.brand-flow-lockup > span,
.selected-context-pill > span {
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, var(--solvra-primary), var(--solvra-primary-container));
    color: #07006c;
    padding: 0;
    font-size: 34px;
    font-weight: 950;
}
.brand-flow-lockup small { color: var(--solvra-primary); font-size: 12px; font-weight: 900; text-transform: uppercase; letter-spacing: .12em; }

.wizard-side-card h3 { margin: 0 0 14px; font-size: 24px; }
.wizard-steps { display: grid; gap: 10px; }
.wizard-steps b { display: flex; align-items: center; gap: 10px; color: var(--muted); }
.wizard-steps b span {
    width: 32px;
    height: 32px;
    border-radius: 11px;
    display: grid;
    place-items: center;
    background: rgba(255,255,255,.06);
}
.wizard-steps b.active,
.wizard-steps b.done { color: var(--text); border-color: rgba(192,193,255,.2); }
.wizard-steps b.active span,
.wizard-steps b.done span { color: #07006c; background: var(--solvra-primary); }
.mini-audience-list { margin-top: 20px; display: grid; gap: 10px; }
.mini-audience-list h4 { margin: 0; color: var(--muted); }
.mini-audience-list strong { color: var(--solvra-primary); }
.mini-audience-list p { color: var(--muted); margin: 5px 0 0; line-height: 1.45; }

.strategy-directions-panel { overflow: hidden; }
.strategy-direction-card { display: grid; gap: 16px; }
.strategy-card-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.strategy-card-top i {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    border-radius: 18px;
    color: var(--solvra-primary);
    background: rgba(192,193,255,.1);
}
.strategy-card-top span {
    font-size: 12px;
    color: var(--solvra-primary);
    font-weight: 900;
    letter-spacing: .08em;
}
.strategy-direction-card h3 { margin: 0; font-size: 26px; letter-spacing: -.06em; }
.strategy-direction-card p { margin: 0; color: var(--muted); line-height: 1.65; }

.selected-context-pill {
    display: flex;
    align-items: center;
    gap: 12px;
    border: 1px solid var(--border);
    border-radius: 20px;
    background: rgba(255,255,255,.04);
    padding: 10px;
}
.selected-context-pill img,
.selected-context-pill > span { width: 48px; height: 48px; border-radius: 16px; font-size: 20px; }
.selected-strategy-box {
    border: 1px solid rgba(192,193,255,.16);
    background: rgba(192,193,255,.06);
    border-radius: 20px;
    padding: 16px;
}
.selected-strategy-box strong { display: block; margin-bottom: 8px; }
.selected-strategy-box p { margin: 0; color: var(--muted); line-height: 1.6; }
.ai-interpretation-card {
    min-height: 320px;
    display: grid;
    align-content: center;
    gap: 14px;
}
.ai-interpretation-card i {
    width: 74px;
    height: 74px;
    border-radius: 24px;
    display: grid;
    place-items: center;
    color: #07006c;
    background: linear-gradient(135deg, var(--solvra-primary), var(--solvra-primary-container));
    font-size: 34px;
}
.ai-interpretation-card h3 { margin: 0; font-size: 28px; letter-spacing: -.06em; }
.ai-interpretation-card p { margin: 0; color: var(--muted); line-height: 1.65; }

.concept-card {
    display: grid;
    grid-template-columns: 190px 1fr;
    gap: 18px;
    align-items: stretch;
}
.concept-card img,
.concept-placeholder,
.selected-concept-image {
    width: 100%;
    min-height: 180px;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
    border: 1px solid var(--border);
    background: rgba(255,255,255,.05);
}
.concept-placeholder { display: grid; place-items: center; color: var(--solvra-primary); font-size: 38px; }
.concept-card h3 { margin: 0 0 10px; font-size: 24px; letter-spacing: -.05em; }
.concept-card p { margin: 0 0 16px; color: var(--muted); line-height: 1.6; }

.asset-format-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}
.format-card {
    position: relative;
    display: grid;
    gap: 7px;
    padding: 18px;
    min-height: 132px;
    border: 1px solid var(--border);
    border-radius: 22px;
    background: rgba(255,255,255,.035);
    cursor: pointer;
    transition: .18s ease;
}
.format-card input { position: absolute; opacity: 0; pointer-events: none; }
.format-card i { color: var(--solvra-primary); font-size: 24px; }
.format-card strong { font-size: 18px; }
.format-card span { color: var(--muted); }
.format-card.selected,
.format-card:hover {
    border-color: rgba(192,193,255,.35);
    background: rgba(192,193,255,.1);
}
.format-card.selected::after {
    content: "✓";
    position: absolute;
    top: 12px;
    inset-inline-end: 12px;
    width: 26px;
    height: 26px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    color: #07006c;
    background: var(--solvra-primary);
    font-weight: 950;
}
.selected-concept-card { display: grid; gap: 16px; }
.selected-concept-card h3 { margin: 0; font-size: 26px; letter-spacing: -.06em; }
.selected-concept-card p { margin: 0; color: var(--muted); line-height: 1.65; }
.selected-concept-image { height: 260px; }

.suite-metrics { grid-template-columns: 1.3fr repeat(3, 1fr); }
.quick-start-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 30px;
}
.quick-start-card {
    color: inherit;
    background: #1E293B;
    background: linear-gradient(52deg, rgba(30, 41, 59, 1) 0%, rgba(32, 48, 74, 1) 100%);
}
.asset-table-list {
    display: grid;
    gap: 8px;
    background: linear-gradient(52deg, rgba(30, 41, 59, 1) 0%, rgba(32, 48, 74, 1) 100%);
    border-radius: 20px;
    border: 1px solid var(--border);
    margin-bottom: 30px;
}
a.view-all {
    color: #717bd9;
    font-size: 14px;
}
.asset-table-list article {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) auto auto;
    gap: 12px;
    align-items: center;
    padding: 12px 20px;
}
b.status.ready {
    color: #32c993;
    border: 1px solid;
    padding: 5px;
    border-radius: 7px;
    background: #34d19821;
    font-weight: 500;
    font-size: 14px;
    text-transform: capitalize;
}
.asset-list-icon,
.asset-list-icon img {
    width: 48px;
    height: 48px;
    border-radius: 15px;
    display: grid;
    place-items: center;
    object-fit: cover;
    color: var(--solvra-primary);
    background: rgba(192,193,255,.1);
}
.asset-table-list strong { display: block; }
.asset-table-list span,
.asset-table-list em { color: var(--muted); font-style: normal; }
.compact-list .brand-row { grid-template-columns: 46px 1fr auto; }

.brand-library-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.brand-library-card { padding: 0; overflow: hidden; }
.brand-card-media {
    min-height: 150px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 18px;
    background:
        radial-gradient(circle at 20% 10%, rgba(192,193,255,.2), transparent 34%),
        rgba(255,255,255,.035);
}
.brand-card-content { padding: 18px; display: grid; gap: 12px; }
.brand-card-content h3 { margin: 0; font-size: 24px; letter-spacing: -.05em; }
.brand-card-content p { margin: 0; color: var(--muted); line-height: 1.6; min-height: 76px; }
.brand-card-actions { margin-top: 0; }

.asset-library-layout { grid-template-columns: 280px minmax(0, 1fr); }
.asset-filters { position: sticky; top: 118px; display: grid; gap: 20px; }
.asset-filters h3 { margin: 0; display: flex; gap: 10px; align-items: center; }
.asset-filters div { display: grid; gap: 9px; }
.asset-filters strong { color: var(--text); }
.asset-filters span {
    color: var(--muted);
    padding: 10px 12px;
    border-radius: 14px;
    background: rgba(255,255,255,.035);
    border: 1px solid var(--border);
}
.asset-library-grid-main { margin: 0; }

@media (max-width: 1180px) {
    .flow-two-col,
    .concept-workbench,
    .asset-workbench,
    .dashboard-main-grid,
    .asset-library-layout,
    .strategy-layout { grid-template-columns: 1fr; }
    .brand-card-grid,
    .strategy-card-grid,
    .concept-card-grid,
    .brand-library-grid,
    .quick-start-grid,
    .suite-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .compact-brand-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .asset-filters { position: static; }
}

@media (max-width: 760px) {
    .flow-stepper { grid-template-columns: 1fr; position: static; }
    .flow-hero,
    .library-hero,
    .dashboard-welcome { display: grid; min-height: unset; }
    .domain-input-row { grid-template-columns: 1fr; }
    .domain-input-row > i { display: none; }
    .process-grid,
    .brand-card-grid,
    .strategy-card-grid,
    .concept-card-grid,
    .brand-library-grid,
    .quick-start-grid,
    .suite-metrics,
    .compact-brand-grid,
    .asset-format-grid { grid-template-columns: 1fr; }
    .concept-card { grid-template-columns: 1fr; }
    .asset-table-list article { grid-template-columns: 42px 1fr; }
    .asset-table-list b,
    .asset-table-list em { grid-column: 2; }
}

/* Mobile full-screen side menu */
.mobile-menu-backdrop {
    display: none;
}

.sidebar-mobile-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
}

.sidebar-close,
.mobile-menu-toggle {
    display: none;
}

.app-topbar-main {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

body.mobile-menu-open {
    overflow: hidden;
}

@media (max-width: 980px) {
    .mobile-menu-toggle {
        display: inline-flex;
        flex: 0 0 auto;
    }

    .mobile-menu-backdrop {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 98;
        pointer-events: none;
        opacity: 0;
        background: rgba(0, 0, 0, .58);
        backdrop-filter: blur(8px);
        transition: opacity .22s ease;
    }

    body.mobile-menu-open .mobile-menu-backdrop {
        pointer-events: auto;
        opacity: 1;
    }

    .app-shell {
        grid-template-columns: 1fr;
    }

    .sidebar {
        position: fixed !important;
        inset-block: 0 !important;
        top: 0 !important;
        bottom: 0 !important;
        width: 100vw !important;
        max-width: 100vw !important;
        height: 100vh !important;
        height: 100dvh !important;
        z-index: 100 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 18px !important;
        padding: 18px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        white-space: normal !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: #020617 !important;
        box-shadow: 0 0 90px rgba(0, 0, 0, .5) !important;
        transition: transform .26s ease, visibility .26s ease;
        visibility: hidden;
    }

    html[dir="rtl"] .sidebar {
        right: 0 !important;
        left: auto !important;
        transform: translateX(105%);
    }

    html[dir="ltr"] .sidebar {
        left: 0 !important;
        right: auto !important;
        transform: translateX(-105%);
    }

    body.mobile-menu-open .sidebar {
        transform: translateX(0) !important;
        visibility: visible;
    }

    .sidebar-mobile-header {
        display: flex !important;
        padding-bottom: 14px;
        border-bottom: 1px solid var(--border);
    }

    .sidebar-logo {
        display: inline-flex !important;
        justify-content: flex-start !important;
        padding-inline: 0 !important;
    }

    .sidebar-logo img {
        height: 30px;
    }

    .sidebar-close {
        display: inline-flex;
    }

    .sidebar-nav {
        display: grid !important;
        grid-template-columns: 1fr !important;
        width: 100% !important;
        gap: 8px !important;
    }

    .sidebar-nav a {
        min-height: 54px !important;
        justify-content: flex-start !important;
        padding: 0 16px !important;
        border-radius: 14px !important;
        font-size: 16px;
    }

    .sidebar-nav a span {
        display: inline !important;
        font-size: 16px;
        font-weight: 700;
    }

    .sidebar-brands {
        display: grid !important;
        width: 100%;
    }

    .sidebar-section-title {
        margin-top: 4px;
    }

    .sidebar-brand-link {
        min-height: 52px;
        border-radius: 14px;
    }

    .sidebar-brand-link em {
        white-space: normal;
    }

    .sidebar-bottom {
        display: grid !important;
        align-self: stretch;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        margin-top: auto;
        padding-top: 14px;
        border-top: 1px solid var(--border);
    }

    .sidebar-bottom .icon-button {
        width: 100%;
    }

    .app-topbar {
        padding: 16px;
    }

    .app-topbar-main {
        width: 100%;
    }

    .app-topbar-main h1 {
        font-size: clamp(25px, 8vw, 36px);
    }

    .app-content {
        padding-bottom: 32px;
    }
}

/* Mobile menu hard fix: always-visible floating open button */
.mobile-menu-floating-toggle {
    display: none;
}

@media (max-width: 980px) {
    .mobile-menu-floating-toggle {
        display: inline-flex !important;
        position: fixed !important;
        top: calc(env(safe-area-inset-top, 0px) + 14px) !important;
        inset-inline-start: 14px !important;
        z-index: 99 !important;
        width: 48px !important;
        height: 48px !important;
        min-height: 48px !important;
        border-radius: 16px !important;
        color: var(--text) !important;
        background: rgba(8, 10, 18, .86) !important;
        border: 1px solid var(--border-strong) !important;
        box-shadow: 0 14px 44px rgba(0, 0, 0, .32) !important;
        backdrop-filter: blur(18px) !important;
    }

    [data-theme="light"] .mobile-menu-floating-toggle {
        background: rgba(255, 255, 255, .9) !important;
    }

    body.mobile-menu-open .mobile-menu-floating-toggle {
        opacity: 0;
        pointer-events: none;
    }

    .app-topbar {
        padding-inline-start: 76px !important;
    }
}

/* Token balance in app header / mobile menu */
.token-balance-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    border: 1px solid var(--border);
    background: linear-gradient(135deg, rgba(98, 243, 199, .13), rgba(79, 182, 255, .09));
    color: var(--text);
    border-radius: 999px;
    padding: 8px 13px;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .03);
}

.token-balance-pill i {
    color: var(--primary);
}

.token-balance-pill span {
    color: var(--muted);
    font-size: 13px;
    font-weight: 700;
}

.token-balance-pill strong {
    color: var(--text);
    font-size: 15px;
    font-weight: 900;
    letter-spacing: -.02em;
}

.sidebar-token-balance {
    display: none;
}

@media (max-width: 980px) {
    .topbar-token-balance {
        display: none !important;
    }

    .sidebar-token-balance {
        display: flex !important;
        grid-column: 1 / -1;
        width: 100%;
        min-height: 50px;
        border-radius: 16px;
        padding: 10px 14px;
        justify-content: space-between;
    }

    .sidebar-token-balance i {
        width: 24px;
    }

    .sidebar-token-balance span {
        margin-inline-end: auto;
        font-size: 14px;
    }

    .sidebar-token-balance strong {
        font-size: 18px;
    }
}

/* Brand scan progress + mobile stability fixes */
.workspace,
.app-content,
.flow-page,
.panel,
.job-result,
.human-output {
    min-width: 0;
}

img,
video,
canvas,
svg {
    max-width: 100%;
}

input,
select,
textarea,
button {
    max-width: 100%;
}

.domain-scan-form {
    display: grid;
    gap: 18px;
    padding: clamp(18px, 3vw, 28px);
}

.scan-form-copy {
    display: grid;
    gap: 8px;
}

.domain-input-label {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

.domain-input-row .btn {
    min-height: 52px;
    white-space: nowrap;
}

.scan-progress-card,
.scan-complete-card {
    border: 1px solid rgba(192, 193, 255, .2);
    border-radius: 24px;
    background:
        radial-gradient(circle at 12% 0%, rgba(192, 193, 255, .18), transparent 32%),
        rgba(255, 255, 255, .045);
    padding: clamp(18px, 3vw, 26px);
    box-shadow: var(--shadow);
}

.scan-progress-card {
    display: grid;
    gap: 14px;
}

.scan-progress-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.scan-progress-head span,
.scan-complete-kicker {
    color: var(--solvra-primary);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.scan-progress-head strong {
    color: var(--text);
    font-size: 18px;
}

.scan-progress-bar {
    overflow: hidden;
    block-size: 12px;
    border-radius: 999px;
    border: 1px solid rgba(192, 193, 255, .18);
    background: rgba(1, 15, 31, .58);
}

.scan-progress-bar i {
    display: block;
    block-size: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--solvra-primary), var(--solvra-primary-container));
    transition: inline-size .65s ease;
    position: relative;
    overflow: hidden;
}

.scan-progress-bar i::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .45), transparent);
    transform: translateX(-100%);
    animation: scanProgressSheen 1.35s linear infinite;
}

@keyframes scanProgressSheen {
    to { transform: translateX(100%); }
}

.scan-progress-card p,
.scan-complete-card p {
    margin: 0;
    color: var(--text);
    line-height: 1.65;
}

.scan-progress-card small {
    color: var(--muted);
}

.scan-complete-card {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: 16px;
}

.scan-complete-icon {
    width: 54px;
    height: 54px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    color: #07006c;
    background: linear-gradient(135deg, var(--solvra-primary), var(--solvra-primary-container));
    font-size: 24px;
}

.scan-complete-card-warning .scan-complete-icon {
    color: var(--text);
    background: rgba(255, 193, 7, .14);
    border: 1px solid rgba(255, 193, 7, .35);
}

.scan-complete-card h3 {
    margin: 6px 0 8px;
    font-size: clamp(24px, 4vw, 34px);
    letter-spacing: -.06em;
}

@media (max-width: 760px) {
    .app-content {
        padding-inline: 14px;
    }

    .panel,
    .focus-panel,
    aside.panel.manual-brand-panel,
    .flow-library-strip,
    .brand-library-card,
    .strategy-direction-card,
    .concept-card,
    .asset-library-item {
        border-radius: 18px;
    }

    .domain-scan-form {
        padding: 16px;
    }

    h2.scandomain-title {
        font-size: clamp(26px, 9vw, 42px);
        letter-spacing: -.06em;
        line-height: 1.08;
    }

    .domain-input-row {
        display: grid;
        grid-template-columns: 1fr !important;
        gap: 12px;
        padding: 12px;
    }

    .domain-input-row input {
        width: 100%;
        min-height: 48px;
        font-size: 16px;
        text-align: inherit;
    }

    .domain-input-row .btn,
    .result-actions .btn {
        width: 100%;
        justify-content: center;
    }

    .result-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .scan-complete-card {
        grid-template-columns: 1fr;
    }

    .scan-progress-head {
        align-items: flex-start;
    }

    .selected-context-pill,
    .brand-flow-lockup,
    .asset-table-list article,
    .compact-list .brand-row {
        grid-template-columns: 1fr !important;
    }

    .selected-context-pill {
        display: grid;
    }

    .asset-table-list article > *,
    .compact-list .brand-row > * {
        grid-column: auto !important;
    }

    .asset-table-list article {
        padding: 14px;
    }

    .topbar-actions {
        width: 100%;
        justify-content: flex-start;
    }

    .language-select {
        width: 100%;
    }
}

@media (max-width: 420px) {
    .app-topbar {
        padding-inline-end: 12px !important;
    }

    .mobile-menu-floating-toggle {
        width: 44px !important;
        height: 44px !important;
        min-height: 44px !important;
    }

    .app-topbar {
        padding-inline-start: 66px !important;
    }

    .scan-progress-card,
    .scan-complete-card,
    .process-grid article,
    .quick-start-card,
    .brand-tile,
    .strategy-direction-card,
    .concept-card,
    .brand-library-card,
    .asset-library-item {
        padding: 14px;
    }
}


/* Manual brand creation refinements */
.scan-manual-link {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    width: fit-content;
    color: var(--solvra-primary);
    font-weight: 850;
    padding-inline: 4px;
    transition: opacity .18s ease, transform .18s ease;
}
.scan-manual-link:hover {
    opacity: .82;
    transform: translateY(-1px);
}
.manual-brand-section {
    grid-template-columns: minmax(0, 1fr);
    scroll-margin-top: 96px;
}
.manual-brand-section .manual-brand-panel {
    grid-column: 1 / -1;
    overflow: hidden;
    padding: 0;
    background:
        radial-gradient(circle at 12% 0%, rgba(98, 243, 199, .13), transparent 28%),
        radial-gradient(circle at 88% 8%, rgba(128, 131, 255, .18), transparent 30%),
        linear-gradient(52deg, rgb(30, 41, 59) 0%, rgb(32, 48, 74) 100%);
}
.manual-brand-intro {
    padding: clamp(22px, 4vw, 34px);
    border-bottom: 1px solid rgba(192, 193, 255, .14);
    display: grid;
    gap: 10px;
}
.manual-brand-intro h2 {
    margin: 0;
    font-size: clamp(28px, 4vw, 48px);
    letter-spacing: -.065em;
}
.manual-brand-intro p {
    margin: 0;
    color: var(--muted);
    line-height: 1.65;
    max-width: 780px;
}
.manual-brand-badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    width: fit-content;
    border: 1px solid rgba(98, 243, 199, .25);
    border-radius: 999px;
    background: rgba(98, 243, 199, .08);
    color: var(--solvra-primary);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
    padding: 8px 12px;
}
.manual-brand-form {
    display: grid;
    gap: 18px;
    padding: clamp(18px, 3vw, 30px);
}
.manual-brand-card {
    display: grid;
    gap: 20px;
    padding: clamp(18px, 3vw, 26px);
    border: 1px solid rgba(192, 193, 255, .16);
    border-radius: 26px;
    background: rgba(1, 15, 31, .28);
}
.manual-card-copy h3,
.manual-colors-head h4 {
    margin: 0 0 8px;
    font-size: 20px;
    letter-spacing: -.03em;
}
.manual-card-copy p,
.manual-colors-head p {
    margin: 0;
    color: var(--muted);
    line-height: 1.55;
}
.manual-brand-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}
.manual-brand-grid label,
.manual-brand-form label {
    display: grid;
    gap: 9px;
    color: var(--muted);
    font-size: 14px;
    font-weight: 750;
}
.manual-brand-grid-textareas {
    align-items: stretch;
}
.manual-brand-grid-textareas label {
    min-height: 100%;
}
.manual-visual-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 160px;
    gap: 16px;
    align-items: stretch;
}
.logo-upload-field {
    border: 1px dashed rgba(192, 193, 255, .32);
    border-radius: 22px;
    padding: 18px;
    background: rgba(255,255,255,.035);
    cursor: pointer;
}
.logo-upload-field input {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
}
.logo-upload-field strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    width: fit-content;
    margin-top: 4px;
    color: #07006c;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--solvra-primary), var(--solvra-primary-container));
    padding: 10px 14px;
}
.logo-upload-field small {
    color: var(--soft);
    line-height: 1.45;
}
.manual-logo-preview {
    min-height: 160px;
    border-radius: 24px;
    border: 1px solid rgba(192, 193, 255, .16);
    background: rgba(255,255,255,.045);
    display: grid;
    place-items: center;
    overflow: hidden;
}
.manual-logo-preview img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 18px;
}
.manual-logo-preview span {
    width: 70px;
    height: 70px;
    border-radius: 22px;
    display: grid;
    place-items: center;
    color: var(--solvra-primary);
    background: rgba(98, 243, 199, .1);
    font-size: 28px;
}
.logo-url-fallback {
    margin-top: -4px;
}
.manual-color-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}
.color-picker-field {
    border: 1px solid rgba(192, 193, 255, .16);
    border-radius: 22px;
    background: rgba(255,255,255,.035);
    padding: 14px;
}
.color-picker-field input[type="color"] {
    width: 100%;
    height: 54px;
    min-height: 54px;
    padding: 4px;
    border-radius: 16px;
    background: rgba(255,255,255,.06);
    cursor: pointer;
}
.manual-brand-submit {
    min-height: 56px;
    font-size: 16px;
}

@media (max-width: 860px) {
    .manual-brand-grid,
    .manual-visual-grid,
    .manual-color-grid {
        grid-template-columns: 1fr;
    }
    .manual-logo-preview {
        min-height: 128px;
    }
}

@media (max-width: 760px) {
    .manual-brand-form,
    .manual-brand-intro {
        padding: 16px;
    }
    .manual-brand-card {
        border-radius: 20px;
        padding: 16px;
    }
    .scan-manual-link {
        width: 100%;
        justify-content: center;
        text-align: center;
    }
}
.manual-brand-form input:not([type="color"]):not([type="file"]),
.manual-brand-form textarea,
.manual-brand-form select {
    width: 100%;
    min-height: 50px;
    border: 1px solid rgba(192, 193, 255, .16);
    border-radius: 16px;
    background: rgba(255,255,255,.045);
    padding: 13px 14px;
}
.manual-brand-form textarea {
    min-height: 112px;
}

/* Brand reference images + font specimen display */
.brand-param-title,
.brand-param-content {
    min-width: 0;
}

.brand-reference-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 14px;
}

.brand-reference-card {
    margin: 0;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 22px;
    background: rgba(255,255,255,.045);
}

[data-theme="light"] .brand-reference-card {
    background: rgba(11,18,32,.025);
}

.brand-reference-card img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    background: rgba(255,255,255,.06);
}

.brand-reference-card figcaption {
    display: grid;
    gap: 3px;
    padding: 11px 12px 13px;
}

.brand-reference-card strong {
    font-size: 13px;
    line-height: 1.35;
    color: var(--text);
}

.brand-reference-card small {
    color: var(--muted);
    font-size: 12px;
}

.brand-font-specimens {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 18px;
    margin-bottom: 20px;
}

.brand-font-specimen {
    display: grid;
    gap: 12px;
    padding: 18px;
    border: 1px solid var(--border);
    border-radius: 24px;
    background: rgba(255,255,255,.04);
}

[data-theme="light"] .brand-font-specimen {
    background: rgba(11,18,32,.025);
}

.brand-font-sample {
    font-size: clamp(66px, 9vw, 112px);
    line-height: .82;
    letter-spacing: -.08em;
    color: var(--text);
}

.brand-font-meta {
    display: grid;
    gap: 3px;
}

.brand-font-meta strong {
    font-size: 18px;
    color: var(--text);
}

.brand-font-meta span {
    color: var(--muted);
    font-size: 13px;
    line-height: 1.35;
}

.brand-font-usage-preview {
    display: grid;
    gap: 10px;
    padding: 18px;
    border: 1px solid var(--border);
    border-radius: 24px;
    background: rgba(98,243,199,.055);
}

.brand-font-usage-preview h4 {
    margin: 0;
    color: var(--soft);
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .1em;
}

.brand-font-usage-preview strong {
    display: block;
    font-size: clamp(28px, 4vw, 46px);
    line-height: 1.05;
    letter-spacing: -.04em;
}

.brand-font-usage-preview p {
    margin: 0;
    color: var(--text);
    font-size: 17px;
    line-height: 1.75;
}

.manual-reference-upload {
    display: grid;
    gap: 14px;
    padding-top: 4px;
}

.manual-reference-upload .manual-card-copy h4 {
    margin: 0 0 8px;
    font-size: 20px;
    letter-spacing: -.03em;
}

.manual-reference-upload .manual-card-copy p {
    margin: 0;
    color: var(--muted);
    line-height: 1.55;
}

.reference-upload-field {
    border: 1px dashed rgba(192, 193, 255, .32);
    border-radius: 22px;
    padding: 18px;
    background: rgba(255,255,255,.035);
    cursor: pointer;
}

.reference-upload-field input {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
}

.reference-upload-field strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    width: fit-content;
    margin-top: 4px;
    color: #07006c;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--solvra-primary), var(--solvra-primary-container));
    padding: 10px 14px;
}

.reference-upload-field small {
    color: var(--soft);
    line-height: 1.45;
}

.manual-reference-preview {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
    gap: 10px;
}

.manual-reference-preview:empty {
    display: none;
}

.manual-reference-preview-card {
    margin: 0;
    overflow: hidden;
    border-radius: 18px;
    border: 1px solid rgba(192, 193, 255, .16);
    background: rgba(255,255,255,.045);
}

.manual-reference-preview-card img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    display: block;
}

.manual-reference-preview-card figcaption {
    padding: 8px 9px 10px;
    color: var(--muted);
    font-size: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 760px) {
    .brand-reference-grid,
    .brand-font-specimens {
        grid-template-columns: 1fr;
    }

    .brand-font-specimen,
    .brand-font-usage-preview,
    .reference-upload-field {
        border-radius: 18px;
        padding: 14px;
    }

    .brand-font-sample {
        font-size: 72px;
    }
}

.translation-async {
    display: block;
    width: 100%;
    min-width: 0;
}

.translation-wireframe {
    display: grid;
    gap: 10px;
    width: 100%;
    padding: 2px 0;
}

.translation-wireframe-line {
    display: block;
    min-height: 14px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(255,255,255,.07), rgba(255,255,255,.18), rgba(255,255,255,.07));
    background-size: 220% 100%;
    animation: translationWireframe 1.15s ease-in-out infinite;
}

[data-theme="light"] .translation-wireframe-line {
    background: linear-gradient(90deg, rgba(15,23,42,.07), rgba(15,23,42,.16), rgba(15,23,42,.07));
    background-size: 220% 100%;
}

.translation-wireframe-line--1 { width: 92%; }
.translation-wireframe-line--2 { width: 74%; }
.translation-wireframe-line--3 { width: 84%; }
.translation-wireframe-line--4 { width: 58%; }
.translation-wireframe-line--5 { width: 68%; }

.translation-wireframe--human {
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: rgba(255,255,255,.035);
}

.translation-wireframe--plain {
    padding: 0;
}

.translation-wireframe--plain .translation-wireframe-line {
    min-height: 12px;
}

.translation-async-failed .translation-wireframe {
    opacity: .45;
    animation: none;
}

.translation-error-text {
    display: block;
    margin-top: 8px;
    color: var(--danger);
    font-size: 12px;
}

@keyframes translationWireframe {
    0% { background-position: 120% 0; }
    100% { background-position: -120% 0; }
}

/* Language menu with flag images */
.language-menu {
    position: relative;
    z-index: 30;
}

.language-menu-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    padding: 8px 12px;
    border: 0px solid var(--border);
    border-radius: 999px;
    background: rgba(255,255,255,.055);
    color: var(--text);
    cursor: pointer;
    font: inherit;
    transition: border-color .2s ease, background .2s ease, transform .2s ease;
}

.language-menu-button:hover,
.language-menu.is-open .language-menu-button {
    border-color: rgba(98, 243, 199, .38);
    background: rgba(98, 243, 199, .08);
}

.language-menu-button i {
    font-size: 11px;
    color: var(--soft);
}

.language-menu-label {
    max-width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.language-flag {
    inline-size: 22px;
    block-size: 22px;
    border-radius: 999px;
    object-fit: cover;
    flex: 0 0 auto;
    box-shadow: 0 0 0 1px rgba(255,255,255,.16);
    background: rgba(255,255,255,.1);
}

.language-flag-fallback {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .04em;
    color: var(--text);
}

.language-menu-list {
    position: absolute;
    inset-block-start: calc(100% + 10px);
    inset-inline-end: 0;
    min-width: 190px;
    padding: 8px;
    border: 1px solid var(--border);
    border-radius: 18px;
    background: rgba(16, 20, 35, .96);
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-6px) scale(.98);
    transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
}

[data-theme="light"] .language-menu-list {
    background: rgba(255,255,255,.96);
}

.language-menu.is-open .language-menu-list {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
}

.language-menu-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    border-radius: 12px;
    color: var(--text);
    text-decoration: none;
}

.language-menu-item:hover,
.language-menu-item.active {
    background: rgba(98, 243, 199, .1);
}

.language-menu-item i {
    margin-inline-start: auto;
    color: var(--accent);
    font-size: 12px;
}

@media (max-width: 720px) {
    .language-menu-label { display: none; }
    .language-menu-button { padding: 8px 10px; }
    .language-menu-list { min-width: 170px; }
}

/* Progressive translation placeholders */
.translation-fragments {
    display: grid;
    gap: 14px;
    width: 100%;
}

.translation-wireframe {
    display: grid;
    gap: 12px;
    width: 100%;
    padding: 2px 0;
}

.translation-wireframe-card {
    display: grid;
    gap: 9px;
    padding: 15px;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: rgba(255,255,255,.04);
    overflow: hidden;
}

.translation-wireframe--plain .translation-wireframe-card {
    padding: 0;
    border: 0;
    background: transparent;
}

.translation-wireframe-line {
    display: block;
    min-height: 14px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(255,255,255,.07), rgba(255,255,255,.20), rgba(255,255,255,.07));
    background-size: 240% 100%;
    animation: translationWireframe 1.05s ease-in-out infinite;
}

[data-theme="light"] .translation-wireframe-line {
    background: linear-gradient(90deg, rgba(15,23,42,.07), rgba(15,23,42,.17), rgba(15,23,42,.07));
    background-size: 240% 100%;
}

.translation-wireframe-line--1 { width: 96%; min-height: 18px; }
.translation-wireframe-line--2 { width: 82%; }
.translation-wireframe-line--3 { width: 90%; }
.translation-wireframe-line--4 { width: 62%; }
.translation-wireframe--plain .translation-wireframe-line { min-height: 12px; }

@keyframes translationWireframe {
    0% { background-position: 120% 0; }
    100% { background-position: -120% 0; }
}

/* Brand dossier applicative cards + inline editing */
.human-card-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 12px;
}
.human-card {
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: 20px;
    background: rgba(255,255,255,.045);
    display: grid;
    gap: 10px;
    min-width: 0;
}
[data-theme="light"] .human-card { background: rgba(11,18,32,.025); }
.human-card-title {
    margin: 0;
    color: var(--primary);
    font-size: 17px;
    line-height: 1.25;
    font-weight: 900;
}
.human-card-body {
    margin: 0;
    color: var(--text);
    line-height: 1.55;
}
.human-card-detail {
    display: grid;
    gap: 6px;
}
.human-card-detail h6 {
    margin: 0;
    font-size: 11px;
    color: var(--soft);
    text-transform: uppercase;
    letter-spacing: .08em;
}
.human-chip-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: flex-start;
}
.human-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 32px;
    max-width: 100%;
    padding: 7px 11px;
    border: 1px solid rgba(98,243,199,.22);
    border-radius: 999px;
    background: rgba(98,243,199,.08);
    color: var(--text);
    font-size: 13px;
    font-weight: 800;
    line-height: 1.25;
    overflow-wrap: anywhere;
}
.brand-guideline-sheet .human-list {
    list-style: none;
    padding-inline-start: 0;
}
.brand-guideline-sheet .human-list-item {
    padding: 0;
}
.brand-guideline-sheet .human-list-item::marker { content: ''; }
.brand-editor-status {
    margin-inline-start: auto;
    color: var(--muted);
    font-size: 12px;
    font-weight: 900;
    border: 1px solid var(--border);
    border-radius: 999px;
    padding: 7px 11px;
    background: rgba(255,255,255,.035);
}
.brand-editor-status.is-saving { color: var(--soft); }
.brand-editor-status.is-saved { color: var(--primary); }
.brand-editor-status.is-failed { color: #ff8b8b; border-color: rgba(255,139,139,.35); }
.brand-inline-editable,
[data-brand-editable] {
    outline: 0;
    border-radius: 10px;
    transition: box-shadow .18s ease, background .18s ease, outline-color .18s ease;
}
.brand-inline-editable:hover,
[data-brand-editable]:hover {
    box-shadow: 0 0 0 1px rgba(98,243,199,.28);
    background: rgba(98,243,199,.045);
}
.brand-inline-editable.is-editing,
[data-brand-editable].is-editing,
.brand-inline-editable:focus,
[data-brand-editable]:focus {
    box-shadow: 0 0 0 3px rgba(98,243,199,.18);
    background: rgba(98,243,199,.08);
}
.brand-inline-editable.is-saving,
[data-brand-editable].is-saving { opacity: .72; }
.brand-inline-editable.is-saved,
[data-brand-editable].is-saved { box-shadow: 0 0 0 2px rgba(98,243,199,.35); }
.brand-inline-editable.is-failed,
[data-brand-editable].is-failed { box-shadow: 0 0 0 2px rgba(255,139,139,.42); }
.brand-name-edit { padding: 6px 8px; margin-inline: -8px; }
.brand-competitor-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 12px;
}
.brand-competitor-card {
    min-width: 0;
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: 22px;
    background: rgba(255,255,255,.045);
    display: grid;
    gap: 12px;
}
[data-theme="light"] .brand-competitor-card { background: rgba(11,18,32,.025); }
.brand-competitor-top {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
}
.brand-competitor-favicon {
    width: 38px;
    height: 38px;
    border-radius: 13px;
    overflow: hidden;
    display: grid;
    place-items: center;
    background: rgba(255,255,255,.08);
    border: 1px solid var(--border);
    color: var(--primary);
    font-weight: 950;
}
.brand-competitor-favicon img {
    width: 24px;
    height: 24px;
    object-fit: contain;
}
.brand-competitor-main {
    min-width: 0;
    display: grid;
    gap: 4px;
}
.brand-competitor-main strong {
    display: block;
    color: var(--text);
    font-size: 16px;
    line-height: 1.2;
    font-weight: 950;
    overflow-wrap: anywhere;
}
.brand-competitor-main em {
    display: inline-flex;
    justify-self: start;
    max-width: 100%;
    color: var(--primary);
    font-style: normal;
    font-size: 12px;
    font-weight: 900;
    line-height: 1.25;
    border-radius: 999px;
    padding: 5px 9px;
    background: rgba(98,243,199,.08);
    border: 1px solid rgba(98,243,199,.18);
    overflow-wrap: anywhere;
}
.brand-competitor-link {
    width: 34px;
    height: 34px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    color: var(--text);
    border: 1px solid var(--border);
    background: rgba(255,255,255,.04);
    text-decoration: none;
}
.brand-competitor-link:hover {
    color: #071018;
    background: var(--primary);
    border-color: transparent;
}
.brand-competitor-card p {
    margin: 0;
    color: var(--muted);
    line-height: 1.55;
    font-size: 13px;
}
.brand-param--competitors {
    align-self: start;
}
.brand-param--competitors .brand-param-title {
    margin-bottom: 10px;
}
.brand-param--competitors .translation-wireframe--plain {
    min-width: 140px;
}
@media (max-width: 620px) {
    .brand-sheet-topline { flex-wrap: wrap; }
    .brand-editor-status { order: 3; width: 100%; text-align: center; }
    .brand-competitor-grid,
    .human-card-grid { grid-template-columns: 1fr; }
    .brand-competitor-card { padding: 12px; }
}

/* Competitor cards: tighter, linked favicon/avatar and safer fallbacks */
.brand-competitor-grid {
    grid-template-columns: repeat(auto-fit, minmax(185px, 1fr));
    gap: 10px;
}
.brand-competitor-card {
    padding: 12px;
    border-radius: 19px;
    gap: 9px;
}
.brand-competitor-top {
    gap: 9px;
}
.brand-competitor-favicon {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 12px;
    text-decoration: none;
    flex: 0 0 auto;
    position: relative;
}
.brand-competitor-favicon:hover {
    border-color: rgba(98,243,199,.36);
    background: rgba(98,243,199,.09);
}
.brand-competitor-fallback {
    display: grid;
    grid-area: 1 / 1;
    width: 100%;
    height: 100%;
    place-items: center;
    font-size: 15px;
    line-height: 1;
    color: var(--primary);
    font-weight: 950;
    opacity: .82;
}
.brand-competitor-favicon.is-fallback .brand-competitor-fallback {
    opacity: 1;
}
.brand-competitor-favicon img {
    grid-area: 1 / 1;
    width: 24px;
    height: 24px;
    object-fit: contain;
    border-radius: 5px;
    position: relative;
    z-index: 1;
    background: transparent;
}
.brand-competitor-favicon.is-fallback img {
    display: none;
}
.brand-competitor-main strong {
    font-size: 15px;
}
.brand-competitor-main em {
    font-size: 11px;
    padding: 4px 8px;
}
.brand-competitor-link {
    width: 31px;
    height: 31px;
    border-radius: 11px;
}
.brand-competitor-card p {
    font-size: 12.5px;
    line-height: 1.45;
}


/* Light mode polish pass */
[data-theme="light"] {
    --bg: #f7f8fc;
    --bg-soft: #ffffff;
    --panel: rgba(255, 255, 255, .86);
    --panel-solid: #ffffff;
    --border: rgba(15, 23, 42, .10);
    --border-strong: rgba(15, 23, 42, .18);
    --text: #111827;
    --muted: #526070;
    --soft: #7b8794;
    --primary: #0f766e;
    --primary-2: #2563eb;
    --pink: #be185d;
    --warning: #b45309;
    --danger: #dc2626;
    --shadow: 0 22px 70px rgba(15, 23, 42, .10);
    --surface: #f7f8fc;
    --surface-lowest: #ffffff;
    --surface-low: #f2f5fb;
    --surface-container: #ffffff;
    --surface-high: #eef2f8;
    --surface-highest: #e5eaf3;
    --on-surface: #111827;
    --on-surface-variant: #526070;
    --outline: #c9d1df;
    --solvra-primary: #4f46e5;
    --solvra-primary-container: #2563eb;
    --solvra-secondary: #475569;
    --solvra-tertiary: #334155;
    --accent: #4f46e5;
}

[data-theme="light"] body,
body[data-theme="light"] {
    color: var(--text);
    background:
        radial-gradient(circle at 8% -12%, rgba(15, 118, 110, .13), transparent 34%),
        radial-gradient(circle at 88% 0%, rgba(79, 70, 229, .12), transparent 34%),
        linear-gradient(180deg, #ffffff 0%, #f7f8fc 38%, #eef3fa 100%);
}

[data-theme="light"] body.app-body,
body.app-body[data-theme="light"],
[data-theme="light"] .app-body {
    background:
        radial-gradient(circle at 12% -10%, rgba(79, 70, 229, .10), transparent 35%),
        radial-gradient(circle at 92% 4%, rgba(15, 118, 110, .10), transparent 32%),
        #f7f8fc !important;
}

[data-theme="light"] .marketing-header,
[data-theme="light"] .auth-topbar,
[data-theme="light"] .app-topbar {
    background: rgba(255, 255, 255, .82);
    border-color: var(--border);
    box-shadow: 0 14px 42px rgba(15, 23, 42, .08);
}

[data-theme="light"] .app-topbar {
    backdrop-filter: blur(18px);
}

[data-theme="light"] .sidebar {
    background: rgba(255, 255, 255, .92) !important;
    border-color: var(--border) !important;
    box-shadow: inset -1px 0 0 rgba(15, 23, 42, .06), 14px 0 44px rgba(15, 23, 42, .05) !important;
    scrollbar-color: rgba(79, 70, 229, .22) #eef2f8;
}

[data-theme="light"] .sidebar-nav a,
[data-theme="light"] .sidebar-brand-link {
    color: #64748b;
}

[data-theme="light"] .sidebar-nav a.active,
[data-theme="light"] .sidebar-nav a:hover,
[data-theme="light"] .sidebar-brand-link:hover,
[data-theme="light"] .sidebar-brand-link.active {
    color: #312e81;
    background: #eef2ff;
    box-shadow: inset 0 0 0 1px rgba(79, 70, 229, .12);
}

[data-theme="light"] .sidebar-section-title,
[data-theme="light"] .breadcrumb,
[data-theme="light"] .available_credits,
[data-theme="light"] .muted,
[data-theme="light"] .asset-table-list span,
[data-theme="light"] .asset-table-list em {
    color: var(--muted);
}

[data-theme="light"] .btn,
[data-theme="light"] .icon-button,
[data-theme="light"] .btn-ghost,
[data-theme="light"] .btn-glass,
[data-theme="light"] .btn-google,
[data-theme="light"] .round-action,
[data-theme="light"] .brand-competitor-link {
    color: var(--text);
    background: rgba(255, 255, 255, .82);
    border-color: var(--border);
    box-shadow: 0 8px 24px rgba(15, 23, 42, .06);
}

[data-theme="light"] .btn:hover,
[data-theme="light"] .icon-button:hover,
[data-theme="light"] .btn-ghost:hover,
[data-theme="light"] .btn-glass:hover {
    background: #ffffff;
    border-color: rgba(79, 70, 229, .24);
    box-shadow: 0 12px 30px rgba(15, 23, 42, .08);
}

[data-theme="light"] .btn-primary {
    color: #ffffff;
    background: linear-gradient(135deg, #4f46e5, #2563eb);
    box-shadow: 0 16px 38px rgba(79, 70, 229, .22);
}

[data-theme="light"] input,
[data-theme="light"] textarea,
[data-theme="light"] select,
[data-theme="light"] .language-select {
    color: var(--text);
}

[data-theme="light"] input::placeholder,
[data-theme="light"] textarea::placeholder {
    color: #94a3b8;
}

[data-theme="light"] input:focus,
[data-theme="light"] textarea:focus,
[data-theme="light"] select:focus {
    border-color: rgba(79, 70, 229, .38);
    box-shadow: 0 0 0 4px rgba(79, 70, 229, .10);
}

[data-theme="light"] .panel,
[data-theme="light"] .auth-card,
[data-theme="light"] .metric-card,
[data-theme="light"] .glass-card,
[data-theme="light"] .price-card,
[data-theme="light"] .seo-section,
[data-theme="light"] .job-result,
[data-theme="light"] .table-card,
[data-theme="light"] .empty-state,
[data-theme="light"] .asset-card,
[data-theme="light"] .asset-details,
[data-theme="light"] .settings-list div,
[data-theme="light"] .integration-list div {
    color: var(--text);
    background: rgba(255, 255, 255, .86);
    border-color: var(--border);
    box-shadow: 0 16px 44px rgba(15, 23, 42, .07);
}

[data-theme="light"] .focus-panel,
[data-theme="light"] .hero-metric,
[data-theme="light"] .brand-list,
[data-theme="light"] .asset-table-list,
[data-theme="light"] aside.panel.manual-brand-panel,
[data-theme="light"] .manual-brand-section .manual-brand-panel,
[data-theme="light"] .quick-start-card,
[data-theme="light"] .brand-tile,
[data-theme="light"] .strategy-direction-card,
[data-theme="light"] .concept-card,
[data-theme="light"] .brand-library-card,
[data-theme="light"] .asset-library-item,
[data-theme="light"] .orbital-card,
[data-theme="light"] .flow-stepper,
[data-theme="light"] .dashboard-welcome,
[data-theme="light"] .library-hero,
[data-theme="light"] .flow-hero,
[data-theme="light"] .studio-hero {
    color: var(--text);
    background:
        radial-gradient(circle at 12% 0%, rgba(79, 70, 229, .07), transparent 32%),
        linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(248, 250, 252, .92));
    border: 1px solid var(--border);
    box-shadow: 0 18px 54px rgba(15, 23, 42, .08);
}

[data-theme="light"] .manual-brand-section .manual-brand-panel {
    background:
        radial-gradient(circle at 12% 0%, rgba(15, 118, 110, .08), transparent 30%),
        radial-gradient(circle at 88% 8%, rgba(79, 70, 229, .08), transparent 32%),
        linear-gradient(180deg, #ffffff, #f8fafc);
}

[data-theme="light"] .compact-header {
    border-bottom-color: var(--border);
}

[data-theme="light"] .domain-input-row,
[data-theme="light"] .manual-brand-card,
[data-theme="light"] .manual-brand-form input:not([type="color"]):not([type="file"]),
[data-theme="light"] .manual-brand-form textarea,
[data-theme="light"] .manual-brand-form select,
[data-theme="light"] .logo-upload-field,
[data-theme="light"] .reference-upload-field,
[data-theme="light"] .color-picker-field,
[data-theme="light"] .manual-logo-preview,
[data-theme="light"] .manual-reference-preview-card,
[data-theme="light"] .format-card,
[data-theme="light"] .selected-context-pill,
[data-theme="light"] .selected-strategy-box,
[data-theme="light"] .job-watch-card,
[data-theme="light"] .process-grid article,
[data-theme="light"] .wizard-side-card .wizard-steps b,
[data-theme="light"] .mini-audience-list article {
    color: var(--text);
    background: #ffffff;
    border-color: var(--border);
    box-shadow: 0 10px 26px rgba(15, 23, 42, .05);
}

[data-theme="light"] .domain-input-row {
    background: #ffffff;
}

[data-theme="light"] .domain-input-row > i {
    color: #4f46e5;
    background: #eef2ff;
}

[data-theme="light"] .flow-step {
    color: var(--muted);
}

[data-theme="light"] .flow-step span,
[data-theme="light"] .wizard-steps b span {
    color: #475569;
    background: #f1f5f9;
    border-color: var(--border);
}

[data-theme="light"] .flow-step.active,
[data-theme="light"] .flow-step.done,
[data-theme="light"] .format-card.selected,
[data-theme="light"] .format-card:hover {
    color: var(--text);
    background: #eef2ff;
    border-color: rgba(79, 70, 229, .22);
}

[data-theme="light"] .flow-step.active span,
[data-theme="light"] .flow-step.done span,
[data-theme="light"] .wizard-steps b.active span,
[data-theme="light"] .wizard-steps b.done span,
[data-theme="light"] .brand-tile > span,
[data-theme="light"] .brand-card-media > span,
[data-theme="light"] .brand-flow-lockup > span,
[data-theme="light"] .selected-context-pill > span,
[data-theme="light"] .ai-interpretation-card i,
[data-theme="light"] .format-card.selected::after,
[data-theme="light"] .scan-complete-icon,
[data-theme="light"] .brand-sheet-logo span,
[data-theme="light"] .brand-kit-logo-fallback,
[data-theme="light"] .brand-row-logo-fallback,
[data-theme="light"] .sidebar-brand-link span,
[data-theme="light"] .job-brand-cell span,
[data-theme="light"] .user-pill span,
[data-theme="light"] .brand-mark {
    color: #ffffff;
    background: linear-gradient(135deg, #4f46e5, #2563eb);
}

[data-theme="light"] .logo-upload-field strong,
[data-theme="light"] .reference-upload-field strong {
    color: #ffffff;
    background: linear-gradient(135deg, #4f46e5, #2563eb);
}

[data-theme="light"] .scan-progress-card,
[data-theme="light"] .scan-complete-card {
    color: var(--text);
    background:
        radial-gradient(circle at 12% 0%, rgba(79, 70, 229, .09), transparent 34%),
        #ffffff;
    border-color: rgba(79, 70, 229, .16);
    box-shadow: 0 18px 54px rgba(15, 23, 42, .08);
}

[data-theme="light"] .scan-progress-bar {
    background: #e2e8f0;
    border-color: rgba(79, 70, 229, .16);
}

[data-theme="light"] .scan-progress-bar i {
    background: linear-gradient(90deg, #4f46e5, #2563eb);
}

[data-theme="light"] .token-chip,
[data-theme="light"] .token-balance-pill,
[data-theme="light"] .preview-pill,
[data-theme="light"] .manual-brand-badge,
[data-theme="light"] .brand-competitor-main em,
[data-theme="light"] .human-chip {
    color: #312e81;
    background: #eef2ff;
    border-color: rgba(79, 70, 229, .18);
}

[data-theme="light"] .token-chip i,
[data-theme="light"] .token-balance-pill i,
[data-theme="light"] .process-grid i,
[data-theme="light"] .quick-start-card i,
[data-theme="light"] .strategy-card-top i,
[data-theme="light"] .concept-placeholder,
[data-theme="light"] .asset-list-icon,
[data-theme="light"] .integration-list i,
[data-theme="light"] .glass-card i {
    color: #4f46e5;
}

[data-theme="light"] .metric-card span,
[data-theme="light"] a.view-all {
    color: #4f46e5;
}

[data-theme="light"] a.tokens-cta {
    color: #312e81;
    border-color: rgba(79, 70, 229, .22);
    background: #eef2ff;
}

[data-theme="light"] .brand-card-media,
[data-theme="light"] .preview-card,
[data-theme="light"] .search-line,
[data-theme="light"] .asset-list-icon,
[data-theme="light"] .concept-placeholder,
[data-theme="light"] .selected-concept-image,
[data-theme="light"] .asset-image,
[data-theme="light"] .brand-row-logo,
[data-theme="light"] .brand-flow-lockup img,
[data-theme="light"] .selected-context-pill img,
[data-theme="light"] .brand-tile img,
[data-theme="light"] .brand-card-media img,
[data-theme="light"] .job-brand-cell img,
[data-theme="light"] .sidebar-brand-link img,
[data-theme="light"] .mini-brand-result img {
    background: #f8fafc;
    border-color: var(--border);
}

[data-theme="light"] .human-field,
[data-theme="light"] .dossier-card,
[data-theme="light"] .brand-description-block,
[data-theme="light"] .color-swatch-card,
[data-theme="light"] .audience-card,
[data-theme="light"] .brand-color-block,
[data-theme="light"] .brand-audience-row article,
[data-theme="light"] .brand-reference-card,
[data-theme="light"] .brand-font-specimen,
[data-theme="light"] .brand-font-usage-preview,
[data-theme="light"] .translation-wireframe-card,
[data-theme="light"] .human-card,
[data-theme="light"] .brand-competitor-card {
    color: var(--text);
    background: rgba(255, 255, 255, .88);
    border-color: var(--border);
    box-shadow: 0 10px 28px rgba(15, 23, 42, .05);
}

[data-theme="light"] .brand-guideline-sheet {
    color: var(--text);
    background:
        radial-gradient(circle at 8% 0%, rgba(79, 70, 229, .06), transparent 30%),
        #ffffff;
    border-color: var(--border);
    box-shadow: 0 24px 70px rgba(15, 23, 42, .08);
}

[data-theme="light"] .brand-sheet-two-col,
[data-theme="light"] .brand-sheet-three-col,
[data-theme="light"] .brand-sheet-section,
[data-theme="light"] .sidebar-brands,
[data-theme="light"] .sidebar-mobile-header,
[data-theme="light"] .sidebar-bottom,
[data-theme="light"] .marketing-footer,
[data-theme="light"] th,
[data-theme="light"] td {
    border-color: var(--border);
}

[data-theme="light"] .brand-sheet-logo,
[data-theme="light"] .brand-kit-logo-wrap,
[data-theme="light"] .brand-competitor-favicon,
[data-theme="light"] .language-flag,
[data-theme="light"] .brand-editor-status {
    background: #f8fafc;
    border-color: var(--border);
    box-shadow: none;
}

[data-theme="light"] .brand-inline-editable:hover,
[data-theme="light"] [data-brand-editable]:hover {
    background: rgba(79, 70, 229, .055);
    box-shadow: 0 0 0 1px rgba(79, 70, 229, .22);
}

[data-theme="light"] .brand-inline-editable.is-editing,
[data-theme="light"] [data-brand-editable].is-editing,
[data-theme="light"] .brand-inline-editable:focus,
[data-theme="light"] [data-brand-editable]:focus {
    background: rgba(79, 70, 229, .08);
    box-shadow: 0 0 0 3px rgba(79, 70, 229, .14);
}

[data-theme="light"] .brand-editor-status.is-saved,
[data-theme="light"] .status.completed,
[data-theme="light"] b.status.ready {
    color: #047857;
}

[data-theme="light"] b.status.ready {
    background: #ecfdf5;
    border-color: rgba(4, 120, 87, .22);
}

[data-theme="light"] .status {
    color: #b45309;
}

[data-theme="light"] .status.failed,
[data-theme="light"] .error-text,
[data-theme="light"] .translation-error-text,
[data-theme="light"] .brand-editor-status.is-failed {
    color: #dc2626;
}

[data-theme="light"] .language-menu-button {
    color: var(--text);
    background: rgba(255, 255, 255, .9);
    border-color: var(--border);
    box-shadow: 0 8px 24px rgba(15, 23, 42, .06);
}

[data-theme="light"] .language-menu-button:hover,
[data-theme="light"] .language-menu.is-open .language-menu-button,
[data-theme="light"] .language-menu-item:hover,
[data-theme="light"] .language-menu-item.active {
    color: #312e81;
    background: #eef2ff;
    border-color: rgba(79, 70, 229, .22);
}

[data-theme="light"] .language-menu-list {
    background: rgba(255, 255, 255, .98);
    border-color: var(--border);
    box-shadow: 0 22px 60px rgba(15, 23, 42, .14);
}

[data-theme="light"] .language-menu-item i {
    color: #4f46e5;
}

[data-theme="light"] .marketing-nav {
    background: rgba(15, 23, 42, .03);
    border-color: var(--border);
}

[data-theme="light"] .marketing-nav a:hover {
    color: #312e81;
    background: #eef2ff;
}

[data-theme="light"] .hero-dashboard {
    background:
        linear-gradient(140deg, rgba(255,255,255,.92), rgba(248,250,252,.9)),
        radial-gradient(circle at 22% 0, rgba(79, 70, 229, .10), transparent 45%),
        radial-gradient(circle at 82% 90%, rgba(15, 118, 110, .09), transparent 45%);
    border-color: var(--border);
}

[data-theme="light"] .hero-dashboard::before,
[data-theme="light"] .flow-hero::before,
[data-theme="light"] .library-hero::before,
[data-theme="light"] .dashboard-welcome::before {
    background-image:
        linear-gradient(rgba(15, 23, 42, .045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(15, 23, 42, .035) 1px, transparent 1px);
}

[data-theme="light"] .chart-line {
    background:
        linear-gradient(to top, rgba(15,118,110,.16), transparent),
        url("data:image/svg+xml,%3Csvg viewBox='0 0 340 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 132 C48 126 56 84 94 88 C124 90 122 58 158 65 C196 72 204 30 242 42 C275 52 286 20 332 24' fill='none' stroke='%230f766e' stroke-width='4'/%3E%3C/svg%3E") center/cover no-repeat;
}

[data-theme="light"] .loading-line {
    background: #e2e8f0;
}

[data-theme="light"] .loading-line::after {
    background: linear-gradient(90deg, transparent, #4f46e5, transparent);
}

[data-theme="light"] .translation-wireframe-line {
    background: linear-gradient(90deg, rgba(15,23,42,.07), rgba(79,70,229,.16), rgba(15,23,42,.07));
    background-size: 240% 100%;
}

[data-theme="light"] .mobile-menu-backdrop {
    background: rgba(15, 23, 42, .30);
}

@media (max-width: 980px) {
    [data-theme="light"] .sidebar {
        background: #ffffff !important;
        box-shadow: 0 0 80px rgba(15, 23, 42, .18) !important;
    }

    [data-theme="light"] .mobile-menu-floating-toggle {
        color: var(--text) !important;
        background: rgba(255, 255, 255, .94) !important;
        border-color: var(--border) !important;
        box-shadow: 0 14px 36px rgba(15, 23, 42, .12) !important;
    }
}

@media (max-width: 760px) {
    [data-theme="light"] .app-content {
        background: transparent;
    }
}

/* Brand market intelligence cards */
.brand-param-content--market-intelligence {
    margin-top: 16px;
}

.brand-market-intelligence {
    display: grid;
    gap: 12px;
    padding-top: 14px;
    border-top: 1px solid var(--border);
}

.brand-market-title {
    margin: 0;
    color: var(--soft);
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.brand-market-grid {
    display: grid;
    gap: 10px;
}

.brand-market-card {
    min-width: 0;
    display: grid;
    gap: 12px;
    padding: 12px;
    border: 1px solid var(--border);
    border-radius: 18px;
    background: rgba(255,255,255,.045);
}

[data-theme="light"] .brand-market-card {
    background: rgba(11,18,32,.025);
}

.brand-market-card-head {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
}

.brand-market-card-head strong {
    display: block;
    color: var(--text);
    font-size: 14px;
    font-weight: 950;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.brand-market-card-head small {
    display: block;
    margin-top: 3px;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.brand-market-icon,
.brand-market-app-icon {
    width: 36px;
    height: 36px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    border: 1px solid var(--border);
    background: rgba(98,243,199,.08);
    color: var(--primary);
    overflow: hidden;
}

.brand-market-app-icon {
    object-fit: cover;
    padding: 0;
    background: rgba(255,255,255,.08);
}

.brand-market-open {
    width: 31px;
    height: 31px;
    border-radius: 11px;
    display: grid;
    place-items: center;
    color: var(--text);
    border: 1px solid var(--border);
    background: rgba(255,255,255,.04);
    text-decoration: none;
}

.brand-market-open:hover {
    color: #071018;
    background: var(--primary);
    border-color: transparent;
}

.brand-market-metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.brand-market-metric {
    min-width: 0;
    display: grid;
    gap: 3px;
    padding: 10px;
    border: 1px solid rgba(98,243,199,.16);
    border-radius: 14px;
    background: rgba(98,243,199,.065);
}

.brand-market-metric strong {
    color: var(--text);
    font-size: 17px;
    font-weight: 950;
    letter-spacing: -.03em;
}

.brand-market-metric span {
    color: var(--muted);
    font-size: 11px;
    line-height: 1.25;
}

.brand-market-app-rating {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.brand-market-app-rating strong {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 31px;
    padding: 6px 10px;
    border-radius: 999px;
    color: var(--text);
    background: rgba(255,209,102,.12);
    border: 1px solid rgba(255,209,102,.22);
    font-size: 13px;
}

.brand-market-app-rating strong i {
    color: var(--warning);
}

.brand-market-app-rating span,
.brand-market-note {
    color: var(--muted);
    font-size: 12px;
    line-height: 1.45;
}

.brand-market-note {
    margin: 0;
}

@media (max-width: 980px) {
    .brand-market-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 520px) {
    .brand-market-metrics,
    .brand-market-card-head {
        grid-template-columns: 1fr;
    }

    .brand-market-open {
        width: 100%;
    }
}

/* Strategy builder refresh */
.strategy-flow-page .flow-stepper { display: none; }
.strategy-layout-modern { grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr); }
.strategy-form-panel .panel-header { padding: 22px 24px 0; }
.strategy-builder-form { padding: 0 24px 24px; }
.choice-fieldset {
    border: 0;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 12px;
}
.choice-fieldset legend {
    color: var(--muted);
    font-weight: 850;
    margin-bottom: 10px;
}
.choice-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.choice-pill {
    display: inline-flex;
    cursor: pointer;
    user-select: none;
}
.choice-pill input {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
}
.choice-pill span {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 44px;
    padding: 10px 14px;
    border: 1px solid rgba(192,193,255,.18);
    border-radius: 999px;
    background: rgba(255,255,255,.045);
    color: var(--muted);
    font-weight: 800;
    transition: transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease;
}
.choice-pill span i {
    inline-size: 20px;
    block-size: 20px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    font-size: 10px;
    color: transparent;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.08);
}
.choice-pill:hover span { transform: translateY(-1px); border-color: rgba(192,193,255,.35); color: var(--text); }
.choice-pill input:checked + span {
    color: var(--text);
    border-color: rgba(98,243,199,.42);
    background: linear-gradient(135deg, rgba(98,243,199,.13), rgba(192,193,255,.10));
}
.choice-pill input:checked + span i {
    color: #07006c;
    background: var(--solvra-primary);
    border-color: transparent;
}
.other-choice-input {
    width: min(520px, 100%);
    margin-top: 2px;
}
.strategy-upload-field { position: relative; transition: border-color .18s ease, background .18s ease, transform .18s ease; }
.strategy-upload-field.is-dragover {
    border-color: rgba(98,243,199,.72);
    background: rgba(98,243,199,.09);
    transform: translateY(-1px);
}
.strategy-live-result:empty { display: none; }
.strategy-loading-grid,
.strategy-result-grid-live {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 16px;
    align-items: stretch;
}
.strategy-loading-card {
    position: relative;
    overflow: hidden;
    min-height: 275px;
    padding: 18px;
    border-radius: 24px;
    border: 1px solid rgba(192,193,255,.18);
    background:
        radial-gradient(circle at 20% 0%, rgba(98,243,199,.14), transparent 34%),
        radial-gradient(circle at 88% 8%, rgba(192,193,255,.12), transparent 32%),
        rgba(18,33,49,.78);
    display: grid;
    gap: 12px;
    align-content: start;
    box-shadow: var(--shadow);
}
.strategy-loading-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(115deg, transparent 0%, rgba(255,255,255,.08) 45%, transparent 68%);
    transform: translateX(-120%);
    animation: strategyCardSweep 2.4s ease-in-out infinite;
    pointer-events: none;
}
.strategy-loading-card:nth-child(2)::after { animation-delay: .28s; }
.strategy-loading-card:nth-child(3)::after { animation-delay: .56s; }
.strategy-loading-card > * { position: relative; z-index: 1; }
.strategy-loading-orb {
    inline-size: 58px;
    block-size: 58px;
    border-radius: 20px;
    display: grid;
    place-items: center;
    background: rgba(98,243,199,.09);
    border: 1px solid rgba(98,243,199,.22);
}
.strategy-loading-orb i {
    grid-area: 1 / 1;
    inline-size: 14px;
    block-size: 14px;
    border-radius: 999px;
    background: var(--solvra-primary);
    opacity: .78;
    animation: strategyPulse 1.35s ease-in-out infinite;
}
.strategy-loading-orb i:nth-child(2) { animation-delay: .18s; transform: translateX(14px); }
.strategy-loading-orb i:nth-child(3) { animation-delay: .36s; transform: translateX(-14px); }
.strategy-loading-card span {
    color: var(--solvra-primary);
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .1em;
    text-transform: uppercase;
}
.strategy-loading-card h3 {
    margin: 0;
    font-size: 22px;
    letter-spacing: -.045em;
}
.strategy-loading-card p {
    margin: 0;
    color: var(--muted);
    line-height: 1.55;
}
.strategy-skeleton-lines { display: grid; gap: 9px; margin: 6px 0; }
.strategy-skeleton-lines b {
    display: block;
    block-size: 12px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(255,255,255,.07), rgba(255,255,255,.20), rgba(255,255,255,.07));
    background-size: 240% 100%;
    animation: translationWireframe 1.1s ease-in-out infinite;
}
.strategy-skeleton-lines b:nth-child(1) { inline-size: 92%; }
.strategy-skeleton-lines b:nth-child(2) { inline-size: 76%; }
.strategy-skeleton-lines b:nth-child(3) { inline-size: 86%; }
.strategy-skeleton-lines b:nth-child(4) { inline-size: 58%; }
.strategy-loading-card.is-failed { border-color: rgba(255,99,99,.35); background: rgba(255,99,99,.08); }
.strategy-human-card {
    align-content: start;
    min-height: 0;
}
.strategy-human-preview {
    max-height: 520px;
    overflow: auto;
    padding-inline-end: 4px;
}
.strategy-human-preview .human-fields,
.strategy-human-preview .human-card-grid { gap: 10px; }
.strategy-human-preview .human-field { padding: 0; }
.strategy-human-preview .human-field-title { font-size: 12px; }
.strategy-human-preview .formatted-text,
.strategy-human-preview .human-value {
    color: var(--text);
    line-height: 1.58;
}
.strategy-audience-card { padding: 22px; }
.strategy-audience-card .mini-audience-list { margin-top: 0; }
.strategy-audience-card .mini-audience-list h3 { margin: 0 0 12px; }
@keyframes strategyCardSweep {
    0% { transform: translateX(-120%); }
    55%, 100% { transform: translateX(120%); }
}
@keyframes strategyPulse {
    0%, 100% { opacity: .35; transform: scale(.76); }
    50% { opacity: 1; transform: scale(1.04); }
}
[data-theme="light"] .choice-pill span { background: rgba(15,23,42,.035); }
[data-theme="light"] .strategy-loading-card { background: rgba(255,255,255,.78); }
[data-theme="light"] .strategy-skeleton-lines b { background: linear-gradient(90deg, rgba(15,23,42,.06), rgba(15,23,42,.16), rgba(15,23,42,.06)); background-size: 240% 100%; }
@media (max-width: 980px) {
    .strategy-layout-modern { grid-template-columns: 1fr; }
    .strategy-builder-form { padding: 0 18px 20px; }
    .strategy-form-panel .panel-header { padding: 18px 18px 0; }
}

.btn-token-price {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-inline-start: 6px;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 850;
    line-height: 1;
    color: var(--solvra-primary);
    background: rgba(7, 0, 108, .26);
    border: 1px solid rgba(98, 243, 199, .22);
}
.token-chip i { margin-inline-end: 6px; }
.strategy-human-preview {
    scrollbar-width: thin;
    scrollbar-color: rgba(98, 243, 199, .58) rgba(255, 255, 255, .06);
    scrollbar-gutter: stable;
}
.strategy-human-preview::-webkit-scrollbar { inline-size: 9px; }
.strategy-human-preview::-webkit-scrollbar-track {
    border-radius: 999px;
    background: rgba(255, 255, 255, .06);
}
.strategy-human-preview::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(98, 243, 199, .82), rgba(192, 193, 255, .62));
    border: 2px solid rgba(18, 33, 49, .88);
}
html[dir="rtl"] .strategy-human-preview { direction: ltr; padding-inline-start: 4px; padding-inline-end: 0; }
html[dir="rtl"] .strategy-human-preview-scroll { direction: rtl; }
html[dir="ltr"] .strategy-human-preview { direction: rtl; padding-inline-start: 4px; padding-inline-end: 0; }
html[dir="ltr"] .strategy-human-preview-scroll { direction: ltr; }
[data-theme="light"] .btn-token-price {
    background: rgba(98, 243, 199, .12);
    color: #075746;
}
[data-theme="light"] .strategy-human-preview::-webkit-scrollbar-track { background: rgba(15, 23, 42, .06); }
[data-theme="light"] .strategy-human-preview::-webkit-scrollbar-thumb { border-color: rgba(255, 255, 255, .92); }

/* Polished strategy result cards */
.strategy-pretty-card {
    gap: 18px;
    background:
        radial-gradient(circle at 16% 0%, rgba(98, 243, 199, .10), transparent 34%),
        radial-gradient(circle at 92% 10%, rgba(192, 193, 255, .11), transparent 32%),
        rgba(18, 33, 49, .78);
}
.strategy-pretty-card .strategy-card-top {
    justify-content: flex-start;
}
.strategy-pretty-card .strategy-card-top i {
    flex: 0 0 auto;
}
.strategy-pretty-card .strategy-card-top span {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 7px 11px;
    border: 1px solid rgba(98, 243, 199, .18);
    border-radius: 999px;
    background: rgba(98, 243, 199, .06);
    color: var(--solvra-primary);
    letter-spacing: 0;
    text-transform: none;
}
.strategy-pretty-preview {
    border: 1px solid rgba(192, 193, 255, .12);
    border-radius: 22px;
    background: rgba(2, 6, 23, .18);
    padding: 10px;
}
.strategy-pretty-output {
    display: grid;
    gap: 12px;
    min-width: 0;
}
.strategy-pretty-audience,
.strategy-pretty-focus,
.strategy-pretty-section {
    border: 1px solid rgba(192, 193, 255, .14);
    border-radius: 18px;
    background: rgba(255, 255, 255, .045);
    padding: 14px;
}
.strategy-pretty-audience {
    background: linear-gradient(135deg, rgba(98, 243, 199, .10), rgba(192, 193, 255, .065));
}
.strategy-pretty-audience span {
    display: block;
    margin-bottom: 7px;
    color: var(--solvra-primary);
    font-size: 12px;
    font-weight: 950;
}
.strategy-pretty-audience strong {
    display: block;
    font-size: 18px;
    letter-spacing: -.035em;
}
.strategy-pretty-audience p,
.strategy-pretty-focus p,
.strategy-pretty-section p {
    margin: 7px 0 0;
    color: var(--muted);
    line-height: 1.55;
}
.strategy-pretty-focus-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}
.strategy-pretty-focus h4,
.strategy-pretty-section h4 {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    color: var(--text);
    font-size: 14px;
    font-weight: 950;
}
.strategy-pretty-section h4 i {
    color: var(--solvra-primary);
}
.strategy-pretty-chip-list,
.strategy-pretty-kpi-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 11px;
}
.strategy-pretty-chip-list span,
.strategy-pretty-kpi-list span {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 7px 10px;
    border: 1px solid rgba(192, 193, 255, .16);
    border-radius: 999px;
    background: rgba(255, 255, 255, .055);
    color: var(--text);
    font-size: 13px;
    font-weight: 800;
}
.strategy-pretty-kpi-list span {
    border-color: rgba(98, 243, 199, .18);
    color: var(--solvra-primary);
}
.strategy-pretty-list {
    display: grid;
    gap: 9px;
    margin: 12px 0 0;
    padding: 0;
    list-style: none;
}
.strategy-pretty-list li {
    position: relative;
    margin: 0;
    padding-inline-start: 22px;
    color: var(--muted);
    line-height: 1.5;
}
.strategy-pretty-list li::before {
    content: "";
    position: absolute;
    inset-inline-start: 2px;
    top: .72em;
    inline-size: 8px;
    block-size: 8px;
    border-radius: 999px;
    background: var(--solvra-primary);
    box-shadow: 0 0 0 4px rgba(98, 243, 199, .08);
}
.strategy-card-actions {
    display: grid;
    grid-template-columns: minmax(118px, .55fr) minmax(0, 1fr);
    gap: 10px;
    align-items: center;
}
.strategy-card-actions .btn {
    width: 100%;
    min-height: 48px;
}
.strategy-copy-btn.copied {
    border-color: rgba(98, 243, 199, .42);
    color: var(--solvra-primary);
    background: rgba(98, 243, 199, .08);
}
html[dir="rtl"] .strategy-pretty-list li { padding-inline-start: 0; padding-inline-end: 22px; }
html[dir="rtl"] .strategy-pretty-list li::before { inset-inline-start: auto; inset-inline-end: 2px; }
[data-theme="light"] .strategy-pretty-card { background: rgba(255, 255, 255, .86); }
[data-theme="light"] .strategy-pretty-preview,
[data-theme="light"] .strategy-pretty-audience,
[data-theme="light"] .strategy-pretty-focus,
[data-theme="light"] .strategy-pretty-section { background: rgba(15, 23, 42, .035); }
@media (max-width: 760px) {
    .strategy-pretty-focus-grid,
    .strategy-card-actions { grid-template-columns: 1fr; }
}

.brand-color-values {
    display: grid;
    gap: 2px;
    margin-top: 4px;
}

.brand-color-values small,
.brand-color-role {
    display: block;
    line-height: 1.35;
}

.brand-enrichment-loader {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border: 1px solid rgba(31, 34, 48, 0.10);
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(255,255,255,0.92), rgba(248,249,253,0.88));
    box-shadow: 0 14px 30px rgba(24, 31, 56, 0.06);
    margin-bottom: 14px;
}

.brand-enrichment-loader-spinner {
    inline-size: 34px;
    block-size: 34px;
    flex: 0 0 34px;
    border-radius: 999px;
    border: 3px solid rgba(47, 84, 235, 0.18);
    border-block-start-color: rgba(47, 84, 235, 0.95);
    animation: solvra-spin 0.85s linear infinite;
}

.brand-enrichment-loader strong {
    display: block;
    font-size: 0.95rem;
    color: var(--text, #171923);
}

.brand-enrichment-loader small {
    display: block;
    margin-top: 3px;
    color: var(--muted, #667085);
    line-height: 1.45;
}

.brand-enrichment-loader.is-failed .brand-enrichment-loader-spinner {
    animation: none;
    border-color: rgba(220, 38, 38, 0.25);
    border-block-start-color: rgba(220, 38, 38, 0.95);
}

@keyframes solvra-spin {
    to { transform: rotate(360deg); }
}

/* Brand enrichment loaders: use the same gentle loading language as strategy creation */
.strategy-loading-card--compact.brand-enrichment-loader {
    display: grid;
    min-height: 0;
    border: 1px solid rgba(192,193,255,.18);
    background:
        radial-gradient(circle at 20% 0%, rgba(98,243,199,.14), transparent 34%),
        radial-gradient(circle at 88% 8%, rgba(192,193,255,.12), transparent 32%),
        rgba(18,33,49,.78);
    box-shadow: var(--shadow);
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    align-content: start;
    gap: 14px;
    padding: 16px;
    margin: 0 0 14px;
    border-radius: 20px;
}

.strategy-loading-card--compact .brand-enrichment-loader-copy {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.strategy-loading-card--compact .strategy-loading-orb {
    inline-size: 48px;
    block-size: 48px;
    border-radius: 17px;
}

.strategy-loading-card--compact .strategy-loading-orb i {
    inline-size: 11px;
    block-size: 11px;
}

.strategy-loading-card--compact .strategy-loading-orb i:nth-child(2) { transform: translateX(11px); }
.strategy-loading-card--compact .strategy-loading-orb i:nth-child(3) { transform: translateX(-11px); }

.strategy-loading-card--compact strong {
    display: block;
    color: var(--text);
    font-size: 0.98rem;
    line-height: 1.25;
}

.strategy-loading-card--compact small {
    display: block;
    color: var(--muted);
    line-height: 1.45;
}

.strategy-loading-card--compact .strategy-skeleton-lines {
    gap: 7px;
    margin-top: 6px;
}

.strategy-loading-card--compact .strategy-skeleton-lines b {
    block-size: 9px;
}

.strategy-loading-card--compact.is-failed {
    border-color: rgba(255,99,99,.35);
    background: rgba(255,99,99,.08);
}

.strategy-loading-card--compact.is-failed::after {
    animation: none;
    opacity: .25;
}

[data-theme="light"] .strategy-loading-card--compact.brand-enrichment-loader {
    background: rgba(255,255,255,.78);
}

/* Visual concept auto-generation flow */
.concept-auto-workbench {
    display: grid;
    gap: 18px;
}
.visual-concept-run-panel {
    overflow: hidden;
}
.selected-concept-brief {
    display: grid;
    grid-template-columns: minmax(220px, .36fr) minmax(0, 1fr);
    gap: 16px;
    margin: 20px 0;
    align-items: stretch;
}
.visual-concept-run-panel .selected-context-pill,
.visual-concept-run-panel .selected-strategy-box {
    min-height: 100%;
}
.visual-concept-live-result {
    margin-top: 18px;
}
.visual-concept-live-result:empty {
    display: none;
}
.visual-concept-loading-grid,
.visual-concept-live-grid,
.concept-card-stack {
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
}
.visual-concept-loading-card {
    min-height: 220px;
}
.concept-card-stack .concept-card,
.visual-concept-generated-card {
    grid-template-columns: minmax(240px, 38%) minmax(0, 1fr);
    min-height: 300px;
}
.visual-concept-generated-card .asset-meta,
.concept-card-stack .asset-meta {
    margin-bottom: 8px;
}
.visual-concept-human-output {
    max-height: 360px;
    overflow: auto;
    margin: 0 0 16px;
}
.visual-concept-human-output .human-field-grid {
    grid-template-columns: 1fr;
}
.visual-concept-human-output .human-field {
    padding: 10px 0;
}
.visual-concept-generated-card .btn,
.concept-card-stack .btn {
    align-self: end;
}

@media (max-width: 900px) {
    .selected-concept-brief,
    .concept-card-stack .concept-card,
    .visual-concept-generated-card {
        grid-template-columns: 1fr;
    }
    .concept-card-stack .concept-card,
    .visual-concept-generated-card {
        min-height: 0;
    }
    .concept-card-stack .concept-card img,
    .visual-concept-generated-card img,
    .concept-card-stack .concept-placeholder,
    .visual-concept-generated-card .concept-placeholder {
        min-height: 220px;
        height: 220px;
    }
}

/* Solvra asset creation and brand library refresh */
.flow-page .flow-stepper { display: none !important; }

.asset-creation-page {
    padding-bottom: 116px;
}

.asset-create-hero,
.brand-library-hero {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    padding: 18px 0 26px;
}

.asset-create-hero h2,
.brand-library-hero h2 {
    margin: 0;
    font-size: clamp(42px, 5vw, 72px);
    line-height: .92;
    letter-spacing: -.075em;
}

.asset-create-hero p,
.brand-library-hero p {
    max-width: 780px;
    color: var(--muted);
    font-size: 18px;
    line-height: 1.55;
    margin: 18px 0 0;
}

.asset-creation-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 24px;
    align-items: start;
}

.asset-picker-grid {
    display: grid;
    grid-template-columns: 1.25fr .95fr;
    gap: 24px;
}

.asset-picker-panel {
    border: 1px solid var(--border);
    background: linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.025));
    border-radius: 22px;
    padding: 26px;
    box-shadow: 0 22px 70px rgba(0,0,0,.18);
}

.asset-picker-panel header {
    display: flex;
    align-items: center;
    gap: 14px;
    padding-bottom: 18px;
    margin-bottom: 22px;
    border-bottom: 1px solid var(--border);
}

.asset-picker-panel h3 {
    margin: 0;
    font-size: 27px;
    letter-spacing: -.055em;
}

.asset-picker-icon {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: rgba(105, 92, 255, .22);
    color: #c0c1ff;
    font-size: 20px;
}

.asset-picker-panel--teal .asset-picker-icon { background: rgba(14, 182, 178, .20); color: #2ee9dd; }
.asset-picker-panel--pink .asset-picker-icon { background: rgba(185, 91, 255, .20); color: #d7a1ff; }
.asset-picker-panel--blue .asset-picker-icon { background: rgba(60, 130, 255, .20); color: #7eb3ff; }

.asset-picker-options {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.asset-picker-panel:nth-child(n+3) .asset-picker-options,
.asset-picker-panel--pink .asset-picker-options,
.asset-picker-panel--blue .asset-picker-options {
    grid-template-columns: 1fr;
}

.asset-option-card {
    position: relative;
    min-height: 116px;
    padding: 18px 18px 16px;
    border-radius: 14px;
    border: 1px solid rgba(185,198,218,.14);
    background: rgba(147, 166, 190, .13);
    display: grid;
    gap: 7px;
    cursor: pointer;
    transition: .18s ease;
    overflow: hidden;
}

.asset-option-card input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.asset-option-card > i {
    color: #9aa9bd;
    font-size: 25px;
}

.asset-option-card strong {
    color: var(--text);
    font-size: 15px;
    letter-spacing: -.02em;
}

.asset-option-card em,
.asset-option-card small {
    color: var(--muted);
    font-style: normal;
    font-size: 12px;
}

.asset-option-card:hover,
.asset-option-card.selected {
    border-color: rgba(108, 99, 255, .95);
    background: rgba(108, 99, 255, .18);
    transform: translateY(-1px);
}

.asset-option-card.selected > i,
.asset-option-card.selected strong { color: #c7c9ff; }

.asset-option-card.disabled {
    opacity: .45;
    cursor: not-allowed;
    filter: grayscale(.35);
}

.asset-option-check {
    position: absolute;
    top: 13px;
    inset-inline-end: 13px;
    width: 16px;
    height: 16px;
    border: 1px solid rgba(255,255,255,.26);
    border-radius: 5px;
    background: rgba(0,0,0,.28);
}

.asset-option-card.selected .asset-option-check {
    border-color: transparent;
    background: var(--solvra-primary);
}

.asset-option-card.selected .asset-option-check::after {
    content: "✓";
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    color: #050423;
    font-size: 11px;
    font-weight: 950;
}

.banner-size-box {
    margin-top: 16px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    padding: 13px 14px;
    border-radius: 14px;
    background: rgba(0,0,0,.16);
    border: 1px solid var(--border);
    color: var(--muted);
    font-size: 12px;
}

.banner-size-box strong {
    color: var(--text);
    margin-inline-end: 4px;
}

.banner-size-box label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.asset-context-card {
    position: sticky;
    top: 92px;
}

.asset-generate-dock {
    position: fixed;
    left: 50%;
    bottom: 22px;
    transform: translateX(-50%);
    width: min(760px, calc(100vw - 36px));
    z-index: 30;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 12px 12px 12px 26px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(24, 41, 60, .94);
    box-shadow: 0 22px 75px rgba(0,0,0,.36);
    backdrop-filter: blur(18px);
}

.asset-generate-dock > div {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--muted);
    font-size: 13px;
}

.asset-selected-chips {
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
    min-width: 0;
}

.asset-selected-chips span {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 3px 9px;
    border-radius: 999px;
    color: #bfc3ff;
    background: rgba(108,99,255,.20);
    border: 1px solid rgba(108,99,255,.22);
    font-size: 12px;
}

.asset-selected-chips em {
    color: var(--soft);
    font-style: normal;
}

.asset-generate-button {
    min-width: 250px;
    border-radius: 999px;
    min-height: 56px;
    display: inline-flex;
    justify-content: center;
    gap: 10px;
}

.asset-generate-button strong {
    font-weight: 900;
    opacity: .9;
}

.asset-generation-progress[hidden] { display: none; }

.success-box {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #8ff3d2;
    font-weight: 800;
}

.asset-brand-preview-panel {
    margin-top: 8px;
}

.asset-library-mini-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.asset-library-card {
    border: 1px solid var(--border);
    border-radius: 18px;
    background: rgba(255,255,255,.035);
    overflow: hidden;
    cursor: pointer;
    transition: .18s ease;
}

.asset-library-card:hover {
    transform: translateY(-2px);
    border-color: rgba(192,193,255,.35);
}

.asset-library-thumb {
    height: 150px;
    display: grid;
    place-items: center;
    background: rgba(0,0,0,.18);
    color: var(--soft);
}

.asset-library-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.asset-library-card-body {
    padding: 15px;
}

.asset-library-card-body span,
.asset-library-card-body p {
    color: var(--muted);
    font-size: 12px;
}

.asset-library-card-body h3 {
    margin: 6px 0;
    font-size: 17px;
    letter-spacing: -.035em;
}

.solvra-brand-library {
    display: grid;
    gap: 34px;
}

.create-new-asset-btn {
    min-width: 244px;
    min-height: 56px;
    border-radius: 14px;
    font-size: 16px;
}

.brand-library-toolbar {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 24px 26px;
    border-radius: 22px;
}

.brand-library-toolbar > span {
    color: var(--muted);
    font-weight: 800;
    font-size: 13px;
}

.brand-library-select {
    min-height: 42px;
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 0 16px;
    background: rgba(147, 166, 190, .13);
    color: var(--text);
    font: inherit;
}

.brand-library-count {
    margin-inline-start: auto;
    color: var(--muted);
    font-size: 13px;
    letter-spacing: .04em;
}

.brand-asset-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 26px;
}

.brand-asset-card {
    min-height: 400px;
    border: 1px solid var(--border);
    border-radius: 20px;
    background: rgba(255,255,255,.045);
    overflow: hidden;
    color: var(--text);
    text-decoration: none;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    transition: .18s ease;
}

.brand-asset-card:hover,
.brand-asset-card:focus-visible {
    transform: translateY(-3px);
    border-color: rgba(192,193,255,.35);
    box-shadow: 0 24px 70px rgba(0,0,0,.22);
    outline: none;
}

.brand-asset-thumb {
    position: relative;
    height: 208px;
    background: rgba(0,0,0,.18);
    overflow: hidden;
}

.brand-asset-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.brand-asset-placeholder {
    height: 100%;
    display: grid;
    place-items: center;
    gap: 10px;
    color: #78869e;
    text-align: center;
    font-weight: 800;
}

.brand-asset-placeholder i {
    font-size: 42px;
    opacity: .65;
}

.brand-asset-status {
    position: absolute;
    top: 14px;
    inset-inline-start: 14px;
    z-index: 2;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 10px;
    letter-spacing: .08em;
    font-weight: 950;
    color: #0b0d2c;
    background: #a8a7ff;
}

.brand-asset-status--draft { background: #76819a; color: #fff; }
.brand-asset-status--scheduled { background: #5b6478; color: #fff; }
.brand-asset-status--failed { background: #ff7b8f; color: #12050a; }

.brand-asset-body {
    padding: 22px 24px 18px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1;
}

.brand-asset-body h3 {
    margin: 0;
    font-size: 20px;
    line-height: 1.35;
    letter-spacing: -.04em;
}

.brand-asset-body p,
.brand-asset-body em {
    color: var(--muted);
    font-style: normal;
    font-size: 13px;
    line-height: 1.45;
    margin: 0;
}

.brand-asset-body p i {
    color: #c0c1ff;
    font-size: 8px;
    margin-inline-end: 6px;
}

.brand-asset-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: auto;
    padding-top: 14px;
    border-top: 1px solid var(--border);
    color: var(--soft);
    font-size: 13px;
}

.icon-button {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    border: 0;
    background: transparent;
    color: var(--soft);
    cursor: pointer;
}

.icon-button:hover { background: rgba(255,255,255,.08); color: var(--text); }

.brand-asset-card-add {
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 12px;
    padding: 28px;
    border-style: dashed;
    background: transparent;
}

.brand-asset-card-add span {
    width: 74px;
    height: 74px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: rgba(147,166,190,.18);
    color: #a8b7ff;
    font-size: 32px;
}

.brand-asset-card-add h3 {
    margin: 0;
    font-size: 22px;
    letter-spacing: -.04em;
}

.brand-asset-card-add p {
    color: var(--muted);
    line-height: 1.5;
    margin: 0;
}

.brand-asset-card-add strong {
    text-transform: uppercase;
    letter-spacing: .08em;
    color: #c0c1ff;
    font-size: 12px;
}

.asset-lightbox-open { overflow: hidden; }

.asset-lightbox {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: grid;
    place-items: center;
    padding: 32px;
}

.asset-lightbox-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(2, 8, 18, .78);
    backdrop-filter: blur(10px);
}

.asset-lightbox-panel {
    position: relative;
    z-index: 1;
    width: min(980px, calc(100vw - 42px));
    max-height: calc(100vh - 64px);
    overflow: auto;
    border-radius: 26px;
    border: 1px solid rgba(255,255,255,.14);
    background: #0d1928;
    box-shadow: 0 35px 100px rgba(0,0,0,.45);
    padding: 28px;
}

.asset-lightbox-close {
    position: sticky;
    top: 0;
    float: inline-end;
    width: 42px;
    height: 42px;
    border: 1px solid var(--border);
    border-radius: 999px;
    background: rgba(255,255,255,.07);
    color: var(--text);
    cursor: pointer;
    z-index: 2;
}

.asset-lightbox-header {
    margin-bottom: 20px;
    padding-inline-end: 52px;
}

.asset-lightbox-header span {
    color: #c0c1ff;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: 12px;
    font-weight: 900;
}

.asset-lightbox-header h2 {
    margin: 8px 0;
    font-size: clamp(30px, 4vw, 52px);
    letter-spacing: -.07em;
}

.asset-lightbox-header p {
    color: var(--muted);
    margin: 0;
}

.asset-lightbox-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 14px;
    margin: 0 0 22px;
}

.asset-lightbox-gallery figure {
    margin: 0;
    border-radius: 18px;
    overflow: hidden;
    border: 1px solid var(--border);
    background: rgba(255,255,255,.04);
}

.asset-lightbox-gallery img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
}

.asset-lightbox-content {
    padding: 18px;
    border-radius: 20px;
    background: rgba(255,255,255,.035);
    border: 1px solid var(--border);
}

@media (max-width: 1180px) {
    .asset-creation-layout { grid-template-columns: 1fr; }
    .asset-context-card { position: static; }
    .brand-asset-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 920px) {
    .asset-picker-grid,
    .brand-asset-grid,
    .asset-library-mini-grid { grid-template-columns: 1fr; }
    .brand-library-toolbar { flex-wrap: wrap; }
    .brand-library-count { width: 100%; margin-inline-start: 0; }
    .asset-generate-dock { border-radius: 24px; align-items: stretch; flex-direction: column; padding: 16px; }
    .asset-generate-button { width: 100%; }
}

@media (max-width: 640px) {
    .asset-create-hero,
    .brand-library-hero { display: grid; }
    .asset-picker-options { grid-template-columns: 1fr; }
    .asset-lightbox { padding: 12px; }
    .asset-lightbox-panel { max-height: calc(100vh - 24px); padding: 18px; }
}

/* Solvra 2.0 asset flow refinements */
.concept-action-row {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    margin: 18px 0 0;
}

.concept-action-row .muted-note {
    color: var(--muted);
    font-size: .9rem;
}

.concept-card-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
}

.concept-card-actions .btn {
    min-width: 180px;
}

.asset-platform-shell {
    display: grid;
    grid-template-columns: minmax(260px, 320px) 1fr;
    gap: 24px;
    align-items: start;
}

.asset-platform-workspace {
    min-width: 0;
}

.asset-platform-tabs {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    padding: 0 0 14px;
    margin-bottom: 16px;
    scrollbar-width: thin;
}

.asset-platform-tab {
    border: 1px solid rgba(190, 198, 255, .14);
    background: rgba(20, 33, 53, .82);
    color: var(--muted);
    border-radius: 18px;
    padding: 13px 16px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-weight: 800;
    cursor: pointer;
    white-space: nowrap;
    transition: .18s ease;
}

.asset-platform-tab i {
    color: #b9b6ff;
}

.asset-platform-tab.active,
.asset-platform-tab:hover {
    color: #fff;
    border-color: rgba(124, 108, 255, .72);
    background: linear-gradient(135deg, rgba(93, 81, 255, .28), rgba(10, 211, 199, .12));
    box-shadow: 0 18px 42px rgba(0, 0, 0, .22);
}

.asset-platform-panel {
    display: none;
    border: 1px solid rgba(190, 198, 255, .13);
    border-radius: 28px;
    background: rgba(18, 32, 49, .82);
    padding: 24px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .22);
}

.asset-platform-panel.active {
    display: block;
}

.asset-platform-panel > header {
    display: flex;
    gap: 16px;
    align-items: center;
    margin-bottom: 22px;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(190, 198, 255, .10);
}

.asset-platform-panel > header > span {
    width: 52px;
    height: 52px;
    border-radius: 16px;
    display: grid;
    place-items: center;
    background: rgba(124, 108, 255, .18);
    color: #b9b6ff;
    font-size: 1.15rem;
}

.asset-platform-panel h3 {
    margin: 0;
    color: #fff;
    font-size: 1.45rem;
}

.asset-platform-panel p {
    margin: 4px 0 0;
    color: var(--muted);
}

.asset-platform-options {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.asset-option-card em {
    display: inline-flex;
    justify-content: center;
    margin-top: 4px;
    color: #ffb6c8;
    font-style: normal;
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.banner-size-picker {
    margin-top: 18px;
    padding: 16px;
    border: 1px dashed rgba(190, 198, 255, .18);
    border-radius: 18px;
    background: rgba(9, 18, 32, .36);
}

.banner-size-picker strong {
    display: block;
    margin-bottom: 10px;
    color: #fff;
}

.banner-size-picker div {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.banner-size-picker label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .06);
    color: var(--text);
    font-size: .86rem;
}

.platform-asset-preview {
    border: 1px solid rgba(190, 198, 255, .14);
    border-radius: 28px;
    background: radial-gradient(circle at top left, rgba(124, 108, 255, .18), transparent 34%), rgba(10, 20, 34, .88);
    padding: 22px;
    margin-bottom: 22px;
}

.platform-asset-preview--social {
    display: grid;
    grid-template-columns: minmax(250px, 340px) 1fr;
    gap: 24px;
    align-items: start;
}

.platform-phone-preview {
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 34px;
    background: #07101c;
    padding: 14px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .03), 0 24px 50px rgba(0, 0, 0, .28);
}

.platform-phone-top,
.platform-phone-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    padding: 8px 6px 12px;
    font-weight: 800;
}

.platform-phone-actions {
    justify-content: flex-start;
    gap: 14px;
    padding: 12px 6px 4px;
    font-size: 1.1rem;
}

.platform-phone-media {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(100%, 100%);
    overflow-x: auto;
    gap: 10px;
    border-radius: 24px;
    background: rgba(255, 255, 255, .05);
    aspect-ratio: 1 / 1;
    scroll-snap-type: x mandatory;
}

.platform-phone-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    scroll-snap-align: start;
}

.platform-phone-media.is-empty {
    display: grid;
    place-items: center;
    color: var(--muted);
    font-size: 2rem;
}

.platform-copy-panel span,
.platform-asset-preview--document header span {
    display: inline-flex;
    color: #b9b6ff;
    font-size: .8rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.platform-copy-panel h3,
.platform-asset-preview--document h3 {
    color: #fff;
    font-size: clamp(1.35rem, 2vw, 2rem);
    margin: 0 0 12px;
}

.platform-copy-panel strong {
    display: block;
    color: #fff;
    margin-bottom: 12px;
}

.platform-copy-panel p {
    white-space: pre-wrap;
    color: var(--text);
    line-height: 1.65;
    margin: 0;
}

.asset-hashtags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
}

.asset-hashtags b {
    border-radius: 999px;
    background: rgba(124, 108, 255, .16);
    color: #c9c6ff;
    padding: 7px 10px;
    font-size: .85rem;
}

.asset-html-preview {
    border-radius: 22px;
    overflow: hidden;
    background: #fff;
    min-height: 360px;
}

.asset-html-preview iframe {
    width: 100%;
    height: 520px;
    border: 0;
    background: #fff;
}

@media (max-width: 1050px) {
    .asset-platform-shell,
    .platform-asset-preview--social {
        grid-template-columns: 1fr;
    }
}

.brand-asset-card.is-highlighted {
    border-color: rgba(124, 108, 255, .78);
    box-shadow: 0 24px 60px rgba(91, 81, 255, .22), inset 0 0 0 1px rgba(255, 255, 255, .05);
}

/* Live asset generation cards */
.asset-generation-live-panel {
    margin-top: 24px;
    display: grid;
    gap: 18px;
}

.asset-generation-live-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.asset-generation-card {
    min-height: 330px;
    border: 1px solid var(--border);
    border-radius: 22px;
    background:
        radial-gradient(circle at 18% 0%, rgba(108,99,255,.16), transparent 36%),
        radial-gradient(circle at 88% 10%, rgba(32,220,203,.10), transparent 34%),
        rgba(18, 33, 49, .78);
    box-shadow: var(--shadow);
    padding: 18px;
    display: grid;
    align-content: start;
    gap: 14px;
    overflow: hidden;
    position: relative;
}

.asset-generation-card::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(110deg, transparent, rgba(255,255,255,.045), transparent);
    transform: translateX(-120%);
}

.asset-generation-card.is-loading::after {
    animation: solvra-card-shine 1.8s ease-in-out infinite;
}

@keyframes solvra-card-shine {
    to { transform: translateX(120%); }
}

.asset-generation-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    color: var(--muted);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.asset-generation-card-top b {
    color: #c0c1ff;
    border: 1px solid rgba(192,193,255,.22);
    background: rgba(108,99,255,.15);
    border-radius: 999px;
    padding: 4px 8px;
}

.asset-generation-card h3 {
    margin: 0;
    font-size: 20px;
    line-height: 1.15;
    letter-spacing: -.04em;
}

.asset-generation-card p {
    margin: 0;
    color: var(--muted);
    line-height: 1.55;
}

.asset-generation-card figure {
    margin: 0;
    height: 210px;
    border-radius: 16px;
    overflow: hidden;
    background: rgba(0,0,0,.20);
}

.asset-generation-card figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.asset-generation-card > .strategy-loading-orb {
    margin-top: 18px;
}

.asset-generation-card.is-ready {
    cursor: pointer;
}

.asset-generation-card.is-ready:hover,
.asset-generation-card.is-ready:focus-visible {
    transform: translateY(-2px);
    border-color: rgba(192,193,255,.42);
    outline: none;
}

.asset-generation-card.is-failed {
    border-color: rgba(255,99,99,.36);
    background: rgba(255,99,99,.08);
}

.asset-generation-card.is-failed > i,
.asset-generation-file-icon i {
    font-size: 38px;
    color: var(--muted);
}

.asset-generation-file-icon {
    height: 146px;
    border-radius: 16px;
    display: grid;
    place-items: center;
    background: rgba(0,0,0,.18);
}

.asset-generation-summary {
    max-height: 220px;
    overflow: auto;
    padding-inline-end: 4px;
}

.asset-generation-summary .human-fields,
.asset-generation-summary .human-card-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

.asset-generation-summary .human-field {
    padding: 0;
}

@media (max-width: 1100px) {
    .asset-generation-live-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
    .asset-generation-live-grid { grid-template-columns: 1fr; }
}

.workspace-title-block {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.workspace-title-kicker {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: #8da0c8;
}

.workspace-page-title {
    margin: 0;
    font-size: clamp(24px, 3vw, 34px);
    line-height: 1.05;
    letter-spacing: -.04em;
    color: #fff;
}

.asset-lightbox-loading {
    padding: 36px 6px 24px;
    color: #dfe7ff;
}

.asset-lightbox-loading strong {
    display: block;
    font-size: 24px;
    margin-bottom: 14px;
}

.asset-lightbox-loading p {
    margin: 12px 0 0;
    color: #aeb9d4;
}

.asset-lightbox-progress {
    position: relative;
    height: 10px;
    border-radius: 999px;
    overflow: hidden;
    background: rgba(255,255,255,.08);
}

.asset-lightbox-progress i {
    position: absolute;
    inset: 0;
    width: 42%;
    border-radius: inherit;
    background: linear-gradient(90deg, #7e6bff, #59e1ff);
    animation: assetProgress 1.2s ease-in-out infinite;
}

@keyframes assetProgress {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(260%); }
}

.asset-lightbox-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 0 18px;
}

.btn-sm {
    padding: 8px 12px;
    font-size: 13px;
    min-height: 0;
}

.asset-lightbox-gallery.single {
    display: block;
}

.asset-lightbox-gallery.single figure,
.platform-window-media {
    position: relative;
}

.asset-image-download {
    position: absolute;
    top: 12px;
    inset-inline-end: 12px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border-radius: 999px;
    background: rgba(7, 14, 28, .75);
    color: #fff;
    border: 1px solid rgba(255,255,255,.18);
    opacity: 0;
    transform: translateY(-4px);
    transition: opacity .18s ease, transform .18s ease;
    z-index: 2;
}

.asset-lightbox-gallery.single figure:hover .asset-image-download,
.platform-window-media:hover .asset-image-download,
.asset-carousel-slide:hover .asset-image-download {
    opacity: 1;
    transform: translateY(0);
}

.asset-carousel {
    position: relative;
    margin: 0 0 22px;
    border-radius: 22px;
    border: 1px solid rgba(255,255,255,.08);
    background: rgba(255,255,255,.03);
    overflow: hidden;
}

.asset-carousel-stage {
    position: relative;
    min-height: 320px;
    background: radial-gradient(circle at 50% 28%, rgba(126,107,255,.16), rgba(6,18,28,.98));
}

.asset-carousel-slide {
    display: none;
    position: relative;
}

.asset-carousel-slide.is-active {
    display: block;
}

.asset-carousel-slide img {
    width: 100%;
    max-height: 560px;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}

.asset-carousel-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 42px;
    height: 42px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.16);
    background: rgba(7, 14, 28, .72);
    color: #fff;
    z-index: 3;
}

.asset-carousel-nav.prev { left: 16px; }
.asset-carousel-nav.next { right: 16px; }

.asset-carousel-dots {
    display: flex;
    justify-content: center;
    gap: 8px;
    padding: 14px 16px 16px;
}

.asset-carousel-dots button {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    border: 0;
    background: rgba(255,255,255,.18);
}

.asset-carousel-dots button.is-active {
    background: #7e6bff;
}

.platform-asset-preview--document {
    margin: 0 0 22px;
    border: 1px solid rgba(255,255,255,.08);
    background: linear-gradient(180deg, rgba(23,39,58,.94), rgba(13,26,42,.96));
    border-radius: 24px;
    overflow: hidden;
}

.platform-asset-preview--document > header,
.platform-window-header,
.google-ad-card-head,
.asset-copy-card > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.platform-asset-preview--document > header {
    padding: 18px 20px;
}

.platform-asset-preview--document > header span,
.asset-copy-card h4,
.google-ad-card strong {
    font-size: 12px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #b6a8ff;
}

.platform-asset-preview--document > header h3,
.asset-copy-card h4,
.google-ad-card h4 {
    margin: 0;
}

.asset-html-preview {
    padding: 0 18px 18px;
}

.asset-html-preview iframe {
    width: 100%;
    min-height: 620px;
    border: 0;
    border-radius: 18px;
    background: #fff;
}

.platform-window {
    margin: 0 0 22px;
    border-radius: 24px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.08);
    background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
}

.platform-window--linkedin { background: linear-gradient(180deg, #122133, #0f1725); }
.platform-window--facebook { background: linear-gradient(180deg, #122240, #0c1325); }
.platform-window--instagram { background: linear-gradient(180deg, #241628, #10131d); }

.platform-window-header {
    padding: 16px 18px;
    color: #fff;
    border-bottom: 1px solid rgba(255,255,255,.06);
}

.platform-window-brand {
    display: flex;
    align-items: center;
    gap: 12px;
}

.platform-window-brand i {
    font-size: 36px;
    color: #91a2cc;
}

.platform-window-brand strong,
.platform-window-brand span {
    display: block;
}

.platform-window-brand span {
    color: #9eb0d3;
    font-size: 13px;
}

.platform-window-copy {
    padding: 18px;
    color: #edf2ff;
}

.platform-window-copy h3 {
    margin: 0 0 10px;
    font-size: 24px;
}

.platform-window-copy p,
.asset-copy-card p,
.google-ad-card p {
    margin: 0;
    line-height: 1.62;
    color: #c7d2e7;
}

.platform-window-media img {
    width: 100%;
    max-height: 620px;
    object-fit: contain;
    display: block;
    background: rgba(0,0,0,.22);
}

.platform-window-text-only {
    margin: 0 18px 18px;
    border-radius: 18px;
    padding: 24px;
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.08);
}

.asset-copy-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 16px;
}

.asset-copy-card {
    padding: 18px;
    border-radius: 20px;
    background: rgba(255,255,255,.035);
    border: 1px solid rgba(255,255,255,.08);
}

.asset-copy-card h4 {
    margin: 0;
}

.asset-hashtags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}

.asset-hashtags b,
.asset-palette span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 10px;
    border-radius: 999px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.08);
    font-size: 12px;
    color: #dce5f7;
}

.asset-palette {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.asset-palette i {
    width: 22px;
    height: 22px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.22);
}

.google-ads-preview {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 14px;
    margin: 0 0 22px;
}

.google-ad-card {
    padding: 18px;
    border-radius: 20px;
    background: #fff;
    color: #111827;
}

.google-ad-card-head span {
    font-size: 12px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #64748b;
    font-weight: 800;
}

.google-ad-card strong {
    display: block;
    margin: 12px 0 8px;
    color: #059669;
}

.google-ad-card h4 {
    font-size: 21px;
    color: #2563eb;
    margin-bottom: 8px;
}

@media (max-width: 760px) {
    .asset-lightbox-actions { flex-direction: column; }
    .asset-lightbox-actions .btn { width: 100%; }
    .asset-html-preview iframe { min-height: 480px; }
    .asset-carousel-stage { min-height: 240px; }
    .asset-carousel-nav.prev { left: 10px; }
    .asset-carousel-nav.next { right: 10px; }
}

/* Solvra UX fixes v3 */
@media (min-width: 981px) {
    .mobile-menu-floating-toggle,
    .mobile-menu-toggle,
    .mobile-menu-backdrop,
    .sidebar-close {
        display: none !important;
        pointer-events: none !important;
    }

    .sidebar {
        transform: none !important;
        pointer-events: auto !important;
    }

    body.mobile-menu-open {
        overflow: auto !important;
    }
}

.asset-lightbox-gallery.single figure {
    min-height: 360px;
    display: grid;
    place-items: center;
}

.asset-lightbox-gallery.single img,
.asset-carousel-slide img,
.platform-window-media img {
    object-fit: contain !important;
    background: rgba(0,0,0,.22);
}

.platform-brand-logo {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    overflow: hidden;
    display: grid;
    place-items: center;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.12);
}

.platform-brand-logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.asset-kpi-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin: 18px 0;
}

.asset-kpi-box {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(126,107,255,.28);
    border-radius: 22px;
    padding: 20px;
    background:
        radial-gradient(circle at 20% 20%, rgba(126,107,255,.22), transparent 45%),
        linear-gradient(180deg, rgba(22,38,58,.96), rgba(9,20,34,.98));
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.03), 0 18px 40px rgba(0,0,0,.22);
}

.asset-kpi-box i {
    display: inline-grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 12px;
    background: rgba(126,107,255,.16);
    color: #9e94ff;
    margin-bottom: 14px;
}

.asset-kpi-box strong {
    display: block;
    color: #fff;
    font-size: 34px;
    line-height: 1;
    letter-spacing: -.04em;
}

.asset-kpi-box small {
    display: block;
    color: #94a3bd;
    margin-top: 8px;
    line-height: 1.35;
}

.asset-palette {
    gap: 10px;
}

.asset-palette i {
    width: 32px;
    height: 32px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.24);
    box-shadow: 0 10px 24px rgba(0,0,0,.24), inset 0 0 0 1px rgba(0,0,0,.18);
}

.asset-palette span {
    display: none !important;
}

@media (max-width: 760px) {
    .asset-kpi-row {
        grid-template-columns: 1fr;
    }
}

/* Solvra UX fixes v4 */
body.is-navigating .workspace::before {
    content: "";
    position: fixed;
    top: 0;
    inset-inline-start: 0;
    height: 3px;
    width: 100%;
    z-index: 9999;
    background: linear-gradient(90deg, transparent, #7e6bff, #62f3c7, transparent);
    animation: solvraTopProgress 1.05s ease-in-out infinite;
    pointer-events: none;
}
@keyframes solvraTopProgress {
    from { transform: translateX(-60%); }
    to { transform: translateX(60%); }
}
.sidebar, .sidebar-nav, .sidebar-nav a, .app-topbar, .app-content, .workspace { pointer-events: auto; }
.mobile-menu-backdrop { pointer-events: none; }
@media (min-width: 981px) {
    .mobile-menu-floating-toggle,
    .mobile-menu-toggle,
    .sidebar-close,
    .mobile-menu-backdrop { display: none !important; visibility: hidden !important; pointer-events: none !important; }
    .sidebar-mobile-header .sidebar-close { display: none !important; }
}
.sidebar-brand-link em,
.filter-option,
.asset-card-meta span:first-child,
.concept-card-body .kicker {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.asset-filter-sidebar,
.concept-filter-sidebar {
    max-height: calc(100vh - 118px);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.asset-filter-sidebar .filter-block,
.concept-filter-sidebar .filter-block {
    flex: 0 0 auto;
}
.asset-filter-sidebar .filter-block:nth-of-type(1),
.concept-filter-sidebar .filter-block:nth-of-type(1) {
    max-height: 245px;
    overflow-y: auto;
    padding-inline-end: 6px;
}
.asset-filter-sidebar .filter-block:nth-of-type(1)::-webkit-scrollbar,
.concept-filter-sidebar .filter-block:nth-of-type(1)::-webkit-scrollbar { width: 6px; }
.asset-filter-sidebar .filter-block:nth-of-type(1)::-webkit-scrollbar-thumb,
.concept-filter-sidebar .filter-block:nth-of-type(1)::-webkit-scrollbar-thumb { background: rgba(192,193,255,.28); border-radius: 999px; }
.asset-filter-sidebar .filter-option,
.concept-filter-sidebar .filter-option { border-radius: 10px; padding-inline: 4px; }
.asset-filter-sidebar .filter-option:hover,
.concept-filter-sidebar .filter-option:hover { background: rgba(255,255,255,.04); }
.asset-card-palette i,
.concept-card-swatches i,
.asset-palette i { cursor: help; }
.sidebar-language-menu { display: none; }
@media (max-width: 980px) {
    .topbar-actions > [data-language-menu] { display: none !important; }
    .sidebar-language-menu { display: block; grid-column: 1 / -1; }
    .sidebar-language-menu [data-language-menu] { width: 100%; }
    .sidebar-language-menu [data-language-menu-toggle] { width: 100%; justify-content: center; }
    .sidebar-bottom { padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 18px); }
    .asset-filter-sidebar,
    .concept-filter-sidebar { max-height: none; overflow: visible; }
    .asset-filter-sidebar .filter-block:nth-of-type(1),
    .concept-filter-sidebar .filter-block:nth-of-type(1) { max-height: 220px; }
}
.concept-card-media img,
.asset-lightbox-gallery.single img,
.asset-carousel-slide img { object-fit: contain !important; }
.asset-kpi-row { display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:14px; margin:18px 0; }
.asset-kpi-box { min-height:132px; padding:20px; border-radius:22px; border:1px solid rgba(160,174,214,.14); background:radial-gradient(circle at 30% 20%, rgba(126,107,255,.18), rgba(15,30,48,.78)); display:grid; gap:8px; align-content:center; }
.asset-kpi-box i { color:#92a1ff; font-size:22px; }
.asset-kpi-box strong { color:#fff; font-size:34px; line-height:1; letter-spacing:-.05em; }
.asset-kpi-box small { color:#9eabc5; font-size:13px; line-height:1.35; }
.public-solvra-page { max-width: 1280px; margin: 0 auto; padding: 64px 28px 96px; }
.public-solvra-hero { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr); gap:44px; align-items:center; min-height:520px; }
.public-solvra-hero h1 { margin:0; font-size:clamp(44px,7vw,76px); line-height:.96; letter-spacing:-.07em; color:#f4f7ff; }
.public-solvra-hero p, .public-lead { color:#c7d2e7; line-height:1.72; font-size:17px; max-width:760px; }
.public-card-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(245px,1fr)); gap:22px; }
.public-card { border:1px solid rgba(170,184,220,.14); background:linear-gradient(180deg,rgba(18,33,49,.75),rgba(9,22,37,.86)); border-radius:24px; padding:28px; color:#dce6fb; box-shadow:0 20px 70px rgba(0,0,0,.20); }
.public-card:hover { border-color:rgba(192,193,255,.38); transform:translateY(-2px); transition:.18s ease; }
.public-card i, .public-card .material-icon { width:46px; height:46px; border-radius:14px; display:grid; place-items:center; color:#c0c1ff; background:rgba(192,193,255,.10); margin-bottom:22px; }
.public-card h3 { margin:0 0 10px; color:#fff; font-size:26px; line-height:1.05; letter-spacing:-.04em; }
.public-card p { margin:0; color:#aebbd3; line-height:1.55; }
.public-section { margin-top:86px; }
.public-section-head { display:flex; justify-content:space-between; align-items:end; gap:18px; margin-bottom:24px; }
.public-section h2, .public-section-head h2 { margin:0; color:#fff; font-size:clamp(30px,4vw,44px); letter-spacing:-.05em; }
.public-topnav-only .marketing-header { display:flex; }
.public-app-shell .marketing-header { display:none; }
.operation-status-page { max-width: 1320px; margin: 0 auto; padding: 34px 28px 84px; }
.operation-status-head { display:flex; justify-content:space-between; gap:18px; align-items:flex-start; margin-bottom:28px; }
.operation-status-head h2 { margin:0; color:#fff; font-size:clamp(34px,4vw,54px); letter-spacing:-.06em; line-height:1; }
.operation-metrics { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:18px; margin-bottom:28px; }
.operation-table { border:1px solid rgba(160,174,214,.14); border-radius:24px; overflow:hidden; background:rgba(13,27,45,.72); }
.operation-row, .operation-table-head { display:grid; grid-template-columns:minmax(280px,1.3fr) minmax(160px,.8fr) minmax(150px,.7fr) minmax(160px,.7fr) minmax(130px,.6fr); gap:18px; align-items:center; padding:18px 22px; border-bottom:1px solid rgba(255,255,255,.06); }
.operation-table-head { color:#aebbd3; text-transform:uppercase; letter-spacing:.1em; font-size:12px; font-weight:800; background:rgba(255,255,255,.04); }
.operation-row:last-child { border-bottom:0; }
.operation-name { display:flex; align-items:center; gap:14px; color:#fff; font-weight:800; }
.operation-name i { width:42px; height:42px; border-radius:14px; display:grid; place-items:center; background:rgba(93,230,255,.12); color:#5de6ff; }
.operation-progress { height:8px; background:rgba(255,255,255,.10); border-radius:999px; overflow:hidden; }
.operation-progress span { display:block; height:100%; background:linear-gradient(90deg,#5de6ff,#c0c1ff); }
@media(max-width:900px){.public-solvra-hero{grid-template-columns:1fr}.operation-row,.operation-table-head{grid-template-columns:1fr}.operation-table-head{display:none}}

/* v5 reliability and responsive polish */
@media (min-width: 981px) {
    .mobile-menu-floating-toggle,
    .mobile-menu-toggle,
    .sidebar-close,
    .mobile-menu-backdrop { display: none !important; visibility: hidden !important; pointer-events: none !important; }
}
.app-topbar { min-height: 66px; padding: 10px 20px; }
.app-topbar-main { display: none !important; }
.topbar-actions { margin-inline-start: auto; width: auto; }
.user-pill { padding: 4px; cursor: pointer; text-decoration: none; }
.user-pill small { display:none; }
.topbar-token-balance { text-decoration:none; }
.sidebar-token-balance { display:none !important; }
.nav-token-link { display:none !important; }
@media (max-width: 980px) {
    .app-topbar { position: sticky; top:0; z-index:35; flex-direction:row; align-items:center; padding: 10px 14px 10px 56px; }
    [dir="rtl"] .app-topbar { padding: 10px 56px 10px 14px; }
    .topbar-actions { width:100%; justify-content:flex-end; gap:8px; }
    .topbar-actions > [data-language-menu] { display:none!important; }
    .sidebar-language-menu { display:block!important; }
    .sidebar-language-menu .language-menu-list { position: static; max-height: 180px; overflow:auto; margin-top:8px; }
}
.language-menu { position: relative; }
.language-menu-list { max-height: min(320px, 60vh); overflow-y:auto; overscroll-behavior:contain; }
.language-menu-item span { max-width: 170px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.language-menu-button .language-menu-label { max-width: 110px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.asset-filter-sidebar,
.concept-filter-sidebar { overflow-y:auto !important; overscroll-behavior:contain; scrollbar-width: thin; }
.asset-filter-sidebar .filter-block:nth-of-type(1),
.concept-filter-sidebar .filter-block:nth-of-type(1) { max-height: 210px; overflow-y: auto; }
.asset-filter-sidebar .filter-option,
.concept-filter-sidebar .filter-option { min-width:0; }
.asset-filter-sidebar .filter-option span,
.concept-filter-sidebar .filter-option span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.marketing-asset-thumb,
.concept-card-media,
.asset-carousel-stage,
.platform-window-media,
.asset-lightbox-gallery.single figure { position:relative; }
.asset-thumb-loader,
.concept-thumb-loader,
.asset-visual-loader { position:absolute; inset:0; display:grid; place-items:center; background:radial-gradient(circle at 50% 42%,rgba(126,107,255,.22),rgba(5,16,28,.84)); z-index:1; pointer-events:none; }
.asset-thumb-loader::before,
.concept-thumb-loader::before,
.asset-visual-loader::before { content:""; width:44px; height:44px; border-radius:50%; border:3px solid rgba(192,193,255,.25); border-top-color:#c0c1ff; animation: solvraSpin .9s linear infinite; box-shadow:0 0 28px rgba(126,107,255,.25); }
@keyframes solvraSpin { to { transform:rotate(360deg); } }
.marketing-asset-thumb.is-image-loaded .asset-thumb-loader,
.concept-card-media.is-image-loaded .concept-thumb-loader,
.asset-visual-loaded .asset-visual-loader { display:none; }
.marketing-asset-thumb img,
.concept-card-media img { position:relative; z-index:2; }
.concept-card-media img { object-fit:contain!important; padding:10px; }
.marketing-asset-thumb img { object-fit:cover; }
.asset-lightbox-header h2 { max-width: 920px; }
.asset-palette { display:flex; flex-wrap:wrap; gap:10px; }
.asset-palette i { width:28px!important; height:28px!important; border-radius:999px; display:inline-block; border:1px solid rgba(255,255,255,.25); cursor:help; }
.asset-palette span { display:none!important; }
.asset-kpi-row { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:16px; margin:20px 0; }
.asset-kpi-box { position:relative; min-height:126px; padding:22px; border-radius:24px; border:1px solid rgba(160,174,214,.16); background:linear-gradient(145deg,rgba(20,37,58,.94),rgba(8,20,35,.98)); box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 18px 50px rgba(0,0,0,.22); }
.asset-kpi-box::after { content:""; position:absolute; inset:auto 16px 14px 16px; height:1px; background:linear-gradient(90deg,transparent,rgba(126,107,255,.8),transparent); }
.asset-kpi-box strong { color:#fff; font-size:36px; letter-spacing:-.06em; }
.asset-kpi-box small { color:#9aa8c4; }
.operation-status-page { max-width:1320px; margin:0 auto; padding:34px 28px 84px; }
.operation-status-head h2 { color:var(--text); }
.operation-table { border:1px solid rgba(160,174,214,.14); border-radius:24px; overflow:hidden; background:rgba(13,27,45,.72); }
.operation-row, .operation-table-head { display:grid; grid-template-columns:minmax(280px,1.3fr) minmax(180px,.8fr) minmax(150px,.7fr) minmax(160px,.7fr) minmax(130px,.6fr); gap:18px; align-items:center; padding:18px 22px; border-bottom:1px solid rgba(255,255,255,.06); }
.job-brand-cell { display:flex; align-items:center; gap:10px; min-width:0; }
.job-brand-cell .brand-logo, .job-brand-cell span { flex:0 0 auto; width:28px; height:28px; border-radius:9px; display:grid; place-items:center; background:rgba(128,131,255,.25); border:1px solid rgba(255,255,255,.12); overflow:hidden; }
.job-brand-cell .brand-logo img { width:100%; height:100%; object-fit:cover; }
.job-brand-cell strong { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
[data-theme="light"] .asset-filter-sidebar,
[data-theme="light"] .concept-filter-sidebar,
[data-theme="light"] .marketing-asset-card,
[data-theme="light"] .concept-card,
[data-theme="light"] .operation-table { background:rgba(255,255,255,.88); color:#0f172a; }
[data-theme="light"] .marketing-asset-card h3,
[data-theme="light"] .concept-card h3,
[data-theme="light"] .operation-status-head h2 { color:#0f172a; }
@media(max-width:900px){.operation-row,.operation-table-head{grid-template-columns:1fr}.operation-table-head{display:none}.operation-row{gap:10px}.operation-status-page{padding:24px 14px 100px}}
.settings-v5-page{max-width:1180px;margin:0 auto;padding:34px 24px 92px;display:grid;grid-template-columns:250px 1fr;gap:24px}.settings-v5-tabs{border:1px solid var(--border);background:var(--panel);border-radius:24px;padding:14px;height:max-content;position:sticky;top:90px}.settings-v5-tabs a{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:14px;color:var(--muted);text-decoration:none;font-weight:800}.settings-v5-tabs a.active,.settings-v5-tabs a:hover{background:linear-gradient(135deg,rgba(126,107,255,.22),rgba(93,230,255,.1));color:var(--text)}.settings-v5-card{border:1px solid var(--border);background:linear-gradient(145deg,rgba(18,33,49,.9),rgba(7,18,32,.96));border-radius:28px;padding:28px;box-shadow:0 22px 70px rgba(0,0,0,.22)}[data-theme="light"] .settings-v5-card{background:rgba(255,255,255,.9)}.settings-v5-card header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.settings-v5-card header i,.settings-v5-avatar{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#8083ff,#5de6ff);color:#071018;font-size:22px;font-weight:900}.settings-v5-card h2{margin:0;font-size:clamp(28px,4vw,42px);letter-spacing:-.05em;color:var(--text)}.settings-v5-card p{margin:4px 0 0;color:var(--muted)}.settings-v5-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.settings-v5-grid label{display:grid;gap:8px;color:var(--text);font-weight:800}.settings-v5-grid label span{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.settings-v5-grid input,.settings-v5-grid select{width:100%;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.05);color:var(--text);padding:13px 14px}.settings-v5-summary{margin:22px 0 0;border:1px solid var(--border);border-radius:20px;padding:20px;background:rgba(255,255,255,.04);display:flex;align-items:baseline;gap:10px}.settings-v5-summary strong{font-size:38px;color:var(--text)}.settings-v5-summary span{color:var(--muted)}.settings-v5-card footer{display:flex;justify-content:flex-end;margin-top:24px}@media(max-width:820px){.settings-v5-page{grid-template-columns:1fr;padding:24px 14px 100px}.settings-v5-tabs{position:static;display:flex;overflow-x:auto}.settings-v5-tabs a{white-space:nowrap}.settings-v5-grid{grid-template-columns:1fr}.settings-v5-card{padding:20px}}
.homepage-hero-v5{min-height:760px}.homepage-domain-box{display:flex;gap:10px;align-items:center;max-width:620px;margin:28px 0 0;padding:10px;border-radius:18px;border:1px solid var(--border);background:rgba(255,255,255,.04)}.homepage-domain-box input{flex:1;border:0;background:transparent;color:var(--text);outline:0;padding:12px}.homepage-domain-box i{color:#c0c1ff;margin-inline-start:10px}.homepage-visual-card{min-height:520px;display:grid;place-items:center;position:relative;overflow:visible;border-radius:32px}.homepage-orb{width:min(72%,360px);aspect-ratio:1;border-radius:30px;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,rgba(93,230,255,.28),rgba(10,24,39,.96));box-shadow:0 0 80px rgba(93,230,255,.12)}.homepage-orb i{font-size:130px;color:#c0c1ff;opacity:.85}.homepage-mini-card{position:absolute;bottom:28px;left:28px;border:1px solid var(--border);border-radius:18px;background:rgba(5,14,26,.76);padding:16px 18px;display:grid;gap:6px}.homepage-mini-card span{width:8px;height:8px;border-radius:50%;background:#10b981}.homepage-mini-card small{color:var(--muted)}.homepage-mini-card strong{color:var(--text)}.homepage-logo-strip{display:flex;gap:50px;justify-content:center;flex-wrap:wrap;padding:40px 20px;border-block:1px solid var(--border);color:var(--muted);font-weight:900;letter-spacing:.12em}.homepage-cta{text-align:center;padding:52px;margin-top:40px;border-radius:36px}.public-card.wide{grid-column:span 2}@media(max-width:820px){.homepage-hero-v5{min-height:auto}.homepage-domain-box{flex-direction:column;align-items:stretch}.homepage-visual-card{min-height:360px}.public-card.wide{grid-column:auto}}

/* v6 fixes */
.user-pill img{width:100%;height:100%;object-fit:cover;border-radius:999px;display:block}.user-pill{overflow:hidden}.desktop-language-menu{display:block}.sidebar-language-menu{display:none}@media(max-width:980px){.desktop-language-menu{display:none!important}.sidebar-language-menu{display:block}.mobile-menu-floating-toggle{display:inline-flex}}
.sidebar-nav a[href="/app/flow/brand"]{display:none!important}.language-menu-list{max-height:320px;overflow:auto}.language-flag,.asset-language-flag{width:22px;height:16px;border-radius:4px;object-fit:cover;display:inline-block;vertical-align:middle}.asset-language-fallback{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:18px;border-radius:5px;background:rgba(255,255,255,.08);font-size:10px;font-weight:800;color:#dce5f7}
.asset-filter-sidebar,.concept-filter-sidebar{max-height:calc(100vh - 120px);overflow:auto;scrollbar-width:thin}.asset-filter-sidebar::-webkit-scrollbar,.concept-filter-sidebar::-webkit-scrollbar{width:8px}.asset-filter-sidebar::-webkit-scrollbar-thumb,.concept-filter-sidebar::-webkit-scrollbar-thumb{background:rgba(192,193,255,.32);border-radius:999px}.filter-sidebar-head{position:sticky;top:0;z-index:3;background:linear-gradient(180deg,rgba(15,30,48,.98),rgba(15,30,48,.88));padding-bottom:10px}.filter-option{min-width:0}.filter-option img{flex:0 0 auto}.filter-option span:not(.asset-language-fallback){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-option input{flex:0 0 auto}.filter-color-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.filter-color-strip label{height:22px;position:relative;cursor:pointer}.filter-color-strip input{position:absolute;opacity:0}.filter-color-strip span{display:block;width:100%;height:100%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}.filter-color-strip input:checked+span{box-shadow:inset 0 0 0 2px #fff,0 0 0 2px #7e6bff}
.asset-thumb-loader{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at center,rgba(126,107,255,.20),rgba(5,15,28,.95));z-index:1}.asset-thumb-loader::before{content:"";width:42px;height:42px;border-radius:999px;border:3px solid rgba(255,255,255,.14);border-top-color:#c0c1ff;animation:assetSpin .8s linear infinite}.is-image-loaded>.asset-thumb-loader,.marketing-asset-thumb.is-image-loaded>.asset-thumb-loader,.concept-card-media.is-image-loaded>.asset-thumb-loader{display:none}@keyframes assetSpin{to{transform:rotate(360deg)}}.marketing-asset-thumb img,.concept-card-media img{position:relative;z-index:2}.asset-brand-mark,.concept-brand-mark{z-index:4}.concept-card-media img{object-fit:contain!important;max-width:100%;max-height:100%}
.settings-v6-page{max-width:1240px;margin:0 auto;padding:34px 24px 90px;display:grid;grid-template-columns:270px 1fr;gap:24px}.settings-v6-sidebar{position:sticky;top:88px;height:max-content;padding:22px}.settings-v6-sidebar h2{margin:0 0 18px;color:#fff;font-size:28px}.settings-v6-sidebar a{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:14px;color:#c7d2e7;text-decoration:none;margin-bottom:8px}.settings-v6-sidebar a.active{background:#7e6bff;color:#07006c;font-weight:800}.settings-v6-main{min-width:0}.settings-v6-form header h1{margin:0;color:#fff;font-size:34px}.settings-v6-form header p{color:var(--muted);margin:8px 0 24px}.settings-card{padding:24px;margin-bottom:24px;border-radius:18px}.settings-card h3{margin:0 0 18px;color:#fff}.form-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.settings-v6-form label{display:flex;flex-direction:column;gap:8px;color:#c7d2e7;font-weight:700;font-size:13px}.settings-v6-form input,.settings-v6-form select,.settings-v6-form textarea{background:rgba(3,12,24,.6);border:1px solid rgba(255,255,255,.14);border-radius:12px;color:#fff;padding:12px 14px}.profile-card-v6{display:grid;grid-template-columns:220px 1fr;gap:24px}.profile-avatar-uploader{display:flex;flex-direction:column;align-items:center;gap:14px}.profile-avatar-preview{width:136px;height:136px;border-radius:999px;background:linear-gradient(135deg,#7e6bff,#5de6ff);display:grid;place-items:center;color:#fff;font-size:48px;font-weight:900;overflow:hidden;border:4px solid rgba(255,255,255,.12)}.profile-avatar-preview img{width:100%;height:100%;object-fit:cover}.settings-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.settings-check-grid label{display:flex;flex-direction:row;align-items:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px}.settings-actions{display:flex;justify-content:flex-end;gap:12px}.alert.success{background:rgba(34,197,94,.14);border-color:rgba(34,197,94,.28);color:#bbf7d0}@media(max-width:880px){.settings-v6-page{grid-template-columns:1fr;padding:20px 14px 110px}.settings-v6-sidebar{position:static;display:flex;gap:8px;overflow:auto}.settings-v6-sidebar h2{display:none}.settings-v6-sidebar a{white-space:nowrap}.profile-card-v6,.form-grid-2,.settings-check-grid{grid-template-columns:1fr}}
.public-search-box{max-width:760px;margin:0 auto;padding:14px;display:flex;gap:12px;align-items:center}.public-search-box i{color:#c0c1ff;margin-inline-start:12px}.public-search-box input{flex:1;background:transparent;border:0;color:#fff;outline:0;min-width:0}.public-search-box span{color:#c0c1ff;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.public-card.is-hidden{display:none!important}.public-card-cover{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px;margin-bottom:14px}.public-article-shell{max-width:900px;margin:0 auto;padding:54px 24px 100px}.public-article-shell h1{font-size:clamp(36px,6vw,62px);line-height:1.04;color:#fff;margin:18px 0}.public-breadcrumb{display:flex;gap:10px;align-items:center;color:#8ea0c2}.article-featured-image,.article-featured-video{width:100%;border-radius:24px;margin:28px 0;border:1px solid rgba(255,255,255,.1)}.public-article-body{font-size:18px;line-height:1.75;color:#d7e0f3}.public-article-body img,.public-article-body video{max-width:100%;border-radius:18px;margin:22px 0}.live-search-empty{margin:24px auto;max-width:760px}
.admin-content-layout{display:grid;grid-template-columns:320px 1fr;gap:22px}.admin-content-sidebar{position:sticky;top:90px;height:max-content}.admin-category-list{display:grid;gap:8px;margin-top:18px}.admin-category-list div{display:grid;grid-template-columns:24px 1fr;gap:10px;padding:10px;border-radius:12px;background:rgba(255,255,255,.04)}.admin-category-list small{grid-column:2;color:#8da0c8}.admin-content-editor{display:grid;gap:14px}.admin-content-editor label,.admin-form label{display:flex;flex-direction:column;gap:8px}.admin-inline-media-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.admin-rich-textarea{font-family:Arial,Helvetica,sans-serif;line-height:1.6}.admin-row-actions{white-space:nowrap}.language-tabs{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.language-tabs a{max-width:180px;min-width:0;display:flex;align-items:center;gap:7px}.language-tabs a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.language-tabs a em{font-style:normal;min-width:22px;height:22px;border-radius:999px;background:rgba(255,183,131,.16);color:#ffb783;display:inline-grid;place-items:center;font-size:11px;font-weight:900;margin-inline-start:auto}.language-tabs a.active em{background:rgba(7,0,108,.16);color:inherit}@media(max-width:1000px){.admin-content-layout{grid-template-columns:1fr}.admin-content-sidebar{position:static}.admin-inline-media-row{grid-template-columns:1fr}}
.asset-html-preview iframe{background:#fff;font-family:Arial,Helvetica,sans-serif}.asset-html-preview{font-family:Arial,Helvetica,sans-serif}
.filter-brand-logo{width:24px;height:24px;border-radius:8px;object-fit:cover;display:inline-grid;place-items:center;flex:0 0 24px;background:rgba(255,255,255,.08);color:#fff;font-size:11px;font-weight:900}.brand-filter-option span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.concept-card-body .asset-language-flag{margin-inline-start:4px}

/* v7 concept picker, flags, filters, settings and article polish */
html, body { max-width: 100%; overflow-x: hidden; }
.app-content, .workspace, .public-solvra-page, .marketing-assets-page, .visual-concepts-page { min-width: 0; }
img { max-width: 100%; }
.user-pill{width:42px!important;height:42px!important;min-width:42px!important;max-width:42px!important;max-height:42px!important;border-radius:999px;display:inline-grid;place-items:center;overflow:hidden;padding:0!important}
.user-pill img{width:100%!important;height:100%!important;object-fit:cover!important;display:block;border-radius:999px}
.language-flag-wrap{display:inline-flex;align-items:center;justify-content:center;line-height:0;flex:0 0 auto}.language-flag,.asset-language-flag{width:24px!important;height:17px!important;border-radius:4px!important;object-fit:cover!important;box-shadow:0 0 0 1px rgba(255,255,255,.14);background:rgba(255,255,255,.08)}.language-flag-fallback,.asset-language-fallback{line-height:17px;font-size:10px!important;font-weight:900!important;letter-spacing:.02em;color:#dce5f7;background:rgba(255,255,255,.08);display:inline-flex;align-items:center;justify-content:center}.language-menu-button .language-flag-wrap,.language-menu-item .language-flag-wrap{width:24px;height:17px}.filter-option .language-flag-wrap{width:24px;height:17px}
.asset-concept-picker{max-width:1380px;margin:0 auto;padding:30px 28px 96px}.asset-concept-picker .assets-headline{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.asset-concept-picker .assets-headline h2{margin:0;color:#fff;font-size:clamp(38px,5vw,58px);line-height:.95;letter-spacing:-.055em}.asset-concept-picker .assets-headline p{margin:12px 0 0;color:var(--muted);line-height:1.65;max-width:720px}.asset-concept-picker .asset-browser-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:22px;align-items:start}.asset-concept-picker .concept-filter-sidebar{position:sticky;top:92px;border:1px solid rgba(160,174,214,.18);background:rgba(15,30,48,.9);border-radius:22px;padding:18px;box-shadow:0 22px 70px rgba(0,0,0,.24);max-height:calc(100vh - 116px);overflow:auto}.asset-concept-picker .concepts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px}.asset-concept-picker .concept-card{border:1px solid rgba(157,171,213,.18);background:linear-gradient(180deg,rgba(24,40,60,.94),rgba(11,23,39,.98));border-radius:22px;overflow:hidden;display:flex;flex-direction:column;min-height:430px;transition:.18s ease}.asset-concept-picker .concept-card:hover{transform:translateY(-3px);border-color:rgba(126,107,255,.6);box-shadow:0 18px 54px rgba(88,79,255,.16)}.asset-concept-picker .concept-card-media{position:relative;aspect-ratio:4/3;background:radial-gradient(circle at 50% 25%,rgba(119,101,255,.25),rgba(6,18,28,.95));display:grid;place-items:center;overflow:hidden}.asset-concept-picker .concept-card-media img{width:100%;height:100%;object-fit:contain!important;padding:10px}.asset-concept-picker .concept-card-body{padding:18px;display:flex;flex-direction:column;gap:10px;flex:1}.asset-concept-picker .concept-card-body h3{margin:0;color:#fff;font-size:21px;line-height:1.25}.asset-concept-picker .concept-card-body p{margin:0;color:#b2bfd8;line-height:1.55}.asset-concept-picker .concept-card-body .btn-full{margin-top:auto;width:100%;justify-content:center}.concept-brand-mark,.asset-brand-mark{box-shadow:0 12px 24px rgba(0,0,0,.28)}.concept-brand-mark img,.asset-brand-mark img,.filter-brand-logo{object-fit:cover}.filter-brand-logo.fallback{display:inline-grid;place-items:center}
.asset-filter-sidebar,.concept-filter-sidebar{max-height:calc(100vh - 112px)!important;overflow:auto!important;overscroll-behavior:contain}.asset-filter-sidebar .filter-block:nth-of-type(1),.concept-filter-sidebar .filter-block:nth-of-type(1){max-height:none!important;overflow:visible!important}.filter-block-scrollable{max-height:260px!important;overflow:auto!important;padding-inline-end:6px}.filter-block-scrollable::-webkit-scrollbar{width:6px}.filter-block-scrollable::-webkit-scrollbar-thumb{background:rgba(192,193,255,.28);border-radius:999px}.filter-color-strip{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0!important;border-radius:10px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.12)!important;background:rgba(255,255,255,.05)!important}.filter-color-strip label{height:18px!important;min-height:18px!important;padding:0!important;margin:0!important;display:block!important;position:relative;cursor:pointer}.filter-color-strip label span{display:block!important;width:100%!important;height:100%!important;border-radius:0!important;border:0!important;box-shadow:none!important}.filter-color-strip label input{position:absolute!important;opacity:0!important;inset:0}.filter-color-strip label input:checked+span{box-shadow:inset 0 0 0 2px #fff!important;filter:saturate(1.15) brightness(1.12)}.filter-color-dot{display:none!important}
.marketing-asset-thumb,.concept-card-media{min-height:180px}.marketing-asset-thumb .asset-thumb-loader,.concept-card-media .asset-thumb-loader{opacity:1}.marketing-asset-thumb.is-image-loaded .asset-thumb-loader,.concept-card-media.is-image-loaded .asset-thumb-loader{display:none!important}.marketing-asset-thumb img,.concept-card-media img{background:transparent}.asset-card-language,.concept-card-language{font-size:0}.asset-card-language .asset-language-flag,.concept-card-language .asset-language-flag{font-size:initial}.asset-lightbox-loading{min-height:280px;display:grid;place-items:center;text-align:center}.asset-lightbox-progress{width:min(420px,80vw)}.asset-html-preview iframe{font-family:Arial,Helvetica,sans-serif!important}.asset-html-preview iframe, .asset-html-preview{background:#fff}.platform-asset-preview--document iframe{color-scheme:light}
.public-article-layout-v7{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:34px;align-items:start}.public-article-layout-v7 .public-article-shell{max-width:none;padding-inline:0}.public-article-sidebar-v7{position:sticky;top:90px;display:grid;gap:18px}.public-sidebar-card-v7{border:1px solid rgba(170,184,220,.14);background:linear-gradient(180deg,rgba(18,33,49,.78),rgba(9,22,37,.9));border-radius:22px;padding:20px}.public-sidebar-card-v7 h3{margin:0 0 14px;color:#fff;font-size:18px}.article-toc-v7,.related-list-v7,.category-list-v7{display:grid;gap:10px}.article-toc-v7 a,.related-list-v7 a,.category-list-v7 a{color:#cbd7ef;text-decoration:none;border-radius:12px;padding:9px 10px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.05)}.article-toc-v7 a:hover,.related-list-v7 a:hover,.category-list-v7 a:hover{color:#fff;border-color:rgba(192,193,255,.28)}.toc-level-3{margin-inline-start:12px}.toc-level-4{margin-inline-start:24px}.related-list-v7 strong,.related-list-v7 small{display:block}.related-list-v7 small{margin-top:4px;color:#8ea0c2}.category-list-v7 a{display:flex;align-items:center;gap:9px}.content-search-page .public-card.is-hidden{display:none!important}
.settings-v7-page .settings-profile-grid-v7{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:start}.settings-profile-side-v7{position:sticky;top:90px;display:grid;gap:18px}.settings-profile-side-v7 .settings-card{margin-bottom:0}.settings-language-grid-v7{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:18px}.settings-language-option-v7{display:flex!important;flex-direction:row!important;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.04);padding:12px 14px;border-radius:14px;cursor:pointer}.settings-language-option-v7 input{width:auto!important}.timezone-picker-v7{margin-top:12px}.timezone-picker-v7 input{width:100%}.settings-check-stack-v7{grid-template-columns:1fr!important}.profile-avatar-preview img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:999px!important}.admin-category-list-v7{display:grid!important;gap:10px}.admin-category-edit-card{border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.035);padding:0}.admin-category-edit-card summary{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:center;padding:12px;cursor:pointer}.admin-category-edit-card summary span,.admin-category-edit-card summary small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-category-edit-card summary small{grid-column:2;color:#8da0c8}.admin-category-edit-card form{padding:12px;border-top:1px solid rgba(255,255,255,.06)}.admin-category-delete-form-v7{padding-top:0!important;border-top:0!important}.admin-content-sidebar-v7{max-height:calc(100vh - 110px);overflow:auto}@media(max-width:980px){.asset-concept-picker{padding:24px 16px 110px}.asset-concept-picker .assets-headline{flex-direction:column}.asset-concept-picker .asset-browser-layout,.public-article-layout-v7,.settings-v7-page .settings-profile-grid-v7{grid-template-columns:1fr}.public-article-sidebar-v7,.settings-profile-side-v7{position:static}.asset-filter-sidebar,.concept-filter-sidebar{position:static!important;max-height:none!important}.filter-block-scrollable{max-height:220px!important}.public-article-layout-v7 .public-article-shell{padding:0}.settings-profile-side-v7{order:2}}@media(max-width:680px){.asset-concept-picker .concepts-grid,.concepts-grid,.assets-grid{grid-template-columns:1fr!important}.public-card-grid{grid-template-columns:1fr!important}.settings-language-grid-v7{grid-template-columns:1fr}.homepage-domain-box{overflow:visible}}
[data-theme="light"] .asset-concept-picker .concept-card,[data-theme="light"] .public-sidebar-card-v7,[data-theme="light"] .settings-language-option-v7,[data-theme="light"] .admin-category-edit-card{background:#fff;color:#172033;border-color:rgba(40,50,70,.12)}[data-theme="light"] .asset-concept-picker .concept-card-body h3,[data-theme="light"] .public-sidebar-card-v7 h3{color:#172033}[data-theme="light"] .asset-filter-sidebar,[data-theme="light"] .concept-filter-sidebar{background:rgba(255,255,255,.92)}

/* Dashboard v8 sections */
.dashboard-v8 {
    width: min(1280px, 100%);
    margin: 0 auto;
    padding: 30px 24px 80px;
    display: grid;
    gap: 24px;
}

.dashboard-v8 .panel {
    border-left: 1px solid var(--border);
}

[data-theme="light"] .dashboard-v8 .panel {
    background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.76));
    box-shadow: 0 22px 70px rgba(35,46,74,.08);
}

.dashboard-v8-welcome {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    padding: 28px;
}

.dashboard-v8-welcome h2 {
    margin: 0 0 8px;
    font-size: clamp(30px, 4vw, 52px);
    line-height: .98;
    letter-spacing: -.05em;
}

.dashboard-v8-welcome p {
margin-bottom: 50px;
    color: var(--muted);
    font-size: 16px;
    max-width: 760px;
}

.dashboard-v8-balance {
    min-width: 220px;
    padding: 18px;
    border-radius: 22px;
    border: 1px solid var(--border);
    background: rgba(255,255,255,.045);
    display: grid;
    gap: 2px;
}

.dashboard-v8-balance span,
.dashboard-v8-balance small {
    color: var(--muted);
    font-size: 12px;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-weight: 800;
}

.dashboard-v8-balance strong {
    color: var(--text);
    font-size: 30px;
    line-height: 1;
    display: flex;
    align-items: center;
    gap: 10px;
}

.dashboard-section {
    padding: 22px;
    overflow: hidden;
}

.dashboard-section-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.dashboard-section-head h2 {
    margin: 6px 0 0;
    font-size: clamp(24px, 3vw, 34px);
    letter-spacing: -.04em;
    color: var(--text);
}

.dashboard-section-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--primary);
    font-size: 12px;
    letter-spacing: .13em;
    text-transform: uppercase;
    font-weight: 900;
}

.dashboard-section .view-all {
    white-space: nowrap;
    color: var(--primary);
    font-weight: 800;
    font-size: 13px;
}

.dashboard-data-table {
    display: grid;
    gap: 8px;
}

.dashboard-table-head,
.dashboard-table-row {
    display: grid;
    grid-template-columns: minmax(210px, 1.3fr) minmax(160px, .9fr) minmax(120px, .7fr) minmax(150px, .7fr);
    align-items: center;
    gap: 14px;
}

.dashboard-table-head {
    padding: 0 14px 8px;
    color: var(--soft);
    font-size: 11px;
    letter-spacing: .11em;
    text-transform: uppercase;
    font-weight: 900;
	grid-template-columns: 1fr 2fr 1fr 1fr;
}

.dashboard-table-row {
    min-height: 68px;
    padding: 12px 14px;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.07);
    background: rgba(255,255,255,.035);
    transition: transform .18s ease, border-color .18s ease, background .18s ease;
    grid-template-columns: 1fr 2fr 1fr 1fr;
}

.dashboard-table-row:hover {
    transform: translateY(-2px);
    border-color: rgba(98,243,199,.32);
    background: rgba(98,243,199,.055);
}

.dashboard-table-row strong {
    display: block;
    color: var(--text);
    line-height: 1.25;
}

.dashboard-table-row span,
.dashboard-table-row em {
    color: var(--muted);
    font-style: normal;
    min-width: 0;
	font-size: 12px;
}

.dashboard-brand-cell {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.dashboard-brand-cell strong,
.dashboard-brand-cell em {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-brand-cell.small .dashboard-brand-logo,
.dashboard-brand-cell.small .dashboard-brand-fallback {
    width: 30px;
    height: 30px;
}

.dashboard-brand-logo,
.dashboard-brand-fallback {
    width: 40px;
    height: 40px;
    flex: 0 0 auto;
    border-radius: 12px;
    border: 1px solid var(--border);
    background: rgba(255,255,255,.08);
    object-fit: cover;
    display: grid;
    place-items: center;
    color: var(--primary);
    font-weight: 900;
}

.dashboard-link-chip {
    justify-self: start;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border-radius: 999px;
    padding: 8px 11px;
    color: var(--text) !important;
    background: rgba(255,255,255,.055);
    border: 1px solid rgba(255,255,255,.08);
    font-size: 12px;
    font-weight: 800;
}

.dashboard-card-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    gap: 16px;
}

.dashboard-concepts-grid {
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}

.dashboard-creative-card {
    border: 1px solid rgba(255,255,255,.08);
    background: rgba(255,255,255,.035);
    border-radius: 22px;
    overflow: hidden;
    cursor: pointer;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.dashboard-creative-card:hover {
    transform: translateY(-4px);
    border-color: rgba(79,182,255,.42);
    box-shadow: 0 22px 54px rgba(0,0,0,.18);
}

.dashboard-creative-media {
    position: relative;
    aspect-ratio: 16/11;
    background: radial-gradient(circle at 50% 20%, rgba(79,182,255,.18), rgba(10,16,29,.92));
    display: grid;
    place-items: center;
    overflow: hidden;
}

.dashboard-concept-card .dashboard-creative-media {
    aspect-ratio: 4/3;
}

.dashboard-creative-media > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dashboard-text-preview {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    color: var(--muted);
    line-height: 1.55;
    text-align: center;
    background:
        linear-gradient(135deg, rgba(98,243,199,.08), transparent 45%),
        linear-gradient(315deg, rgba(232,85,212,.1), transparent 50%);
}

.dashboard-brand-badge {
    position: absolute;
    inset-inline-start: 12px;
    bottom: 12px;
    width: 42px;
    height: 42px;
    border-radius: 14px;
    background: rgba(7, 11, 22, .78);
    border: 1px solid rgba(255,255,255,.18);
    display: grid;
    place-items: center;
    color: var(--primary);
    font-weight: 900;
    backdrop-filter: blur(12px);
    overflow: hidden;
}

.dashboard-brand-badge img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dashboard-creative-body {
    padding: 16px;
    display: grid;
    gap: 8px;
}

.dashboard-creative-body span {
    color: var(--primary);
    font-size: 11px;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-weight: 900;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dashboard-creative-body h3 {
    margin: 0;
    color: var(--text);
    line-height: 1.25;
    font-size: 17px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 42px;
}

.dashboard-creative-body p {
    margin: 0;
    color: var(--muted);
    font-size: 13px;
}

.dashboard-creative-body a {
    margin-top: 4px;
    display: inline-flex;
    width: fit-content;
    color: var(--text);
    font-weight: 800;
    font-size: 13px;
    border-bottom: 1px solid rgba(98,243,199,.4);
}

[data-theme="light"] .dashboard-table-row,
[data-theme="light"] .dashboard-creative-card,
[data-theme="light"] .dashboard-v8-balance {
    background: rgba(15,23,42,.035);
    border-color: rgba(15,23,42,.08);
}

[data-theme="light"] .dashboard-brand-badge {
    background: rgba(255,255,255,.86);
    border-color: rgba(15,23,42,.1);
}

@media (max-width: 980px) {
    .dashboard-v8 { padding: 18px 14px 96px; }
    .dashboard-v8-welcome { flex-direction: column; align-items: stretch; }
    .dashboard-v8-balance { min-width: 0; }
    .dashboard-table-head { display: none; }
    .dashboard-table-row {
        grid-template-columns: 1fr;
        gap: 8px;
        align-items: start;
    }
    .dashboard-link-chip { justify-self: start; }
    .dashboard-card-grid,
    .dashboard-concepts-grid { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
    .dashboard-section { padding: 16px; }
    .dashboard-section-head { align-items: flex-start; flex-direction: column; }
}

/* Dashboard v9: restored hero and creative previews */
.dashboard-v9 .dashboard-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr);
    gap: 24px;
    align-items: stretch;
}

.dashboard-v9 .dashboard-hero-panel,
.dashboard-v9 .dashboard-side-panel {
    padding: 0;
    overflow: hidden;
}

.dashboard-v9 .dashboard-v9-welcome {
    padding: 0px 28px 8px;
}

.dashboard-v9 .dashboard-v9-welcome h2 {
    font-size: clamp(32px, 4vw, 54px);
}

.dashboard-quick-start-head {
    padding: 0 28px;
}

.dashboard-v9 .best-practice {
    margin: 18px 0 14px;
}

.dashboard-v9-quick-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    padding: 0 28px 28px;
}

.dashboard-v9-quick-grid .quick-start-card {
    min-height: 190px;
    display: flex;
    flex-direction: column;
}
a.quick-start-card.scan-domain {
    border: 2px dotted;
    border-color: #c0c1ff7a;
    background: transparent;
}
.dashboard-v9-quick-grid .quick-start-card i {
    margin-bottom: auto;
}

.dashboard-side-panel {
    display: grid;
    align-content: start;
    gap: 18px;
    padding: 20px !important;
}

.dashboard-token-summary {
    display: block;
    margin: 0;
}

.dashboard-token-summary .hero-metric {
    margin: 0;
    width: 100%;
}

.dashboard-active-brands .compact-header {
    margin-bottom: 10px;
}

.dashboard-active-brands .brand-row {
    border-radius: 16px;
}

.dashboard-render-preview {
    width: calc(100% - 28px);
    height: calc(100% - 28px);
    max-width: 420px;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.16);
    background: rgba(255,255,255,.94);
    color: #172033;
    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
    box-shadow: 0 18px 54px rgba(0,0,0,.32);
    overflow: hidden;
    font-family: Arial, sans-serif;
}

.dashboard-render-preview strong {
    color: #172033;
    font-size: 18px;
    line-height: 1.18;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.dashboard-render-preview p {
    margin: 0;
    color: #4b5870;
    font-size: 12px;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.dashboard-render-google small {
    color: #14835d;
    font-size: 11px;
}

.dashboard-render-google strong {
    color: #1967d2;
}

.dashboard-render-email > div:first-child,
.dashboard-render-landing .browser-bar {
    display: flex;
    gap: 5px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(23,32,51,.12);
    margin-bottom: 4px;
}

.dashboard-render-email i,
.dashboard-render-landing .browser-bar i {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #c0c8d8;
}

.dashboard-render-email span {
    display: block;
    height: 8px;
    border-radius: 999px;
    background: #e4e8f1;
    margin-top: 4px;
}

.dashboard-render-email span:last-child {
    width: 62%;
}

.dashboard-render-landing button {
    width: fit-content;
    border: 0;
    border-radius: 999px;
    background: #5a4fff;
    color: #fff;
    padding: 8px 12px;
    font-weight: 800;
    font-size: 11px;
    margin-top: 4px;
}

.dashboard-render-social .social-head {
    display: flex;
    align-items: center;
    gap: 9px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(23,32,51,.12);
}

.dashboard-render-social .social-head b {
    width: 30px;
    height: 30px;
    border-radius: 999px;
    background: linear-gradient(135deg, #5a4fff, #2fd9f4);
}

.dashboard-render-social .social-head span {
    color: #172033;
    font-size: 12px;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-render-text {
    align-items: flex-start;
    background: linear-gradient(135deg, rgba(192,193,255,.95), rgba(47,217,244,.72));
}

.dashboard-render-text i {
    width: 38px;
    height: 38px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    background: rgba(255,255,255,.42);
    color: #172033;
}

.dashboard-concept-card .dashboard-creative-media > img {
    object-fit: contain;
    background: radial-gradient(circle at 50% 20%, rgba(79,182,255,.18), rgba(10,16,29,.92));
}

.dashboard-asset-card .dashboard-creative-media > img {
    object-fit: cover;
}

.dashboard-v9 .dashboard-brand-badge img,
.dashboard-v9 .dashboard-brand-logo,
.dashboard-v9 .brand-row-logo {
    object-fit: contain;
    padding: 3px;
    background: rgba(255,255,255,.9);
}

.language-menu .language-flag-fallback {
    font-size: 10px;
    letter-spacing: .04em;
}

@media (max-width: 1120px) {
    .dashboard-v9 .dashboard-hero-grid {
        grid-template-columns: 1fr;
    }
    .dashboard-v9-quick-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .dashboard-v9-quick-grid {
        grid-template-columns: 1fr;
        padding: 0 16px 16px;
    }
    .dashboard-v9 .dashboard-v9-welcome,
    .dashboard-quick-start-head {
        padding-inline: 16px;
    }
    .dashboard-render-preview {
        width: calc(100% - 18px);
        height: calc(100% - 18px);
        padding: 12px;
    }
}

/* v10: language labels, concept previews and full timezone dropdown */
.timezone-picker-v10 {
    display: grid;
    gap: 10px;
}
.timezone-picker-v10 .timezone-search-v10,
.timezone-picker-v10 select {
    width: 100%;
}
.timezone-picker-v10 select {
    min-height: 48px;
}
.dashboard-concept-card .dashboard-creative-media img,
.dashboard-asset-card .dashboard-creative-media img {
    width: 100%;
    height: 100%;
    min-height: 220px;
    object-fit: cover;
    display: block;
}
.dashboard-concept-card .dashboard-creative-media {
    background: radial-gradient(circle at 50% 30%, rgba(126,107,255,.22), rgba(5,20,36,.98));
}
.language-menu-label,
.language-menu-item span:last-child,
.settings-language-option-v7 span:last-child {
    font-variant-emoji: text;
}

/* v11: dashboard preview resilience and language label cleanup */
.dashboard-preview-fallback {
    width: 100%;
    height: 100%;
    display: block;
}

.dashboard-preview-fallback[hidden] {
    display: none !important;
}

.dashboard-creative-media > img[hidden] + .dashboard-preview-fallback {
    display: block;
}

.language-flag-wrap,
.language-flag,
.asset-language-flag,
.asset-language-fallback {
    display: none !important;
}

.language-menu-button,
.language-menu-item,
.settings-language-option-v7 {
    gap: 10px;
}

/* v12: language selector popup with uploaded flags */
.language-menu-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.language-menu-button .language-flag-wrap {
    width: 24px;
    height: 17px;
}
.language-menu-popup[hidden] {
    display: none !important;
}
body.language-modal-open {
    overflow: hidden;
}
.language-menu-popup {
    position: fixed;
    inset: 0;
    z-index: 10050;
    display: grid;
    place-items: center;
    padding: 22px;
}
.language-modal-backdrop {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    background: rgba(3, 8, 23, .72);
    backdrop-filter: blur(12px);
    cursor: pointer;
}
.language-modal-panel {
    position: relative;
    z-index: 1;
    width: min(720px, calc(100vw - 32px));
    max-height: min(720px, calc(100vh - 32px));
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 28px;
    background: linear-gradient(145deg, rgba(16, 24, 52, .98), rgba(8, 13, 31, .98));
    box-shadow: 0 30px 90px rgba(0,0,0,.45);
    color: #f4f7ff;
}
.language-modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 24px 24px 16px;
    border-bottom: 1px solid rgba(255,255,255,.08);
}
.language-modal-header span {
    display: block;
    margin-bottom: 6px;
    color: #9fb2df;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .02em;
}
.language-modal-header h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(22px, 3vw, 32px);
    line-height: 1.05;
}
.language-modal-close {
    flex: 0 0 auto;
}
.language-modal-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 10px;
    padding: 18px 24px 24px;
    max-height: calc(min(720px, calc(100vh - 32px)) - 112px);
    overflow: auto;
    overscroll-behavior: contain;
}
.language-modal-item {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) 24px;
    align-items: center;
    gap: 12px;
    padding: 12px 13px;
    min-height: 62px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 18px;
    background: rgba(255,255,255,.045);
    color: #f4f7ff;
    text-decoration: none;
    transition: transform .16s ease, border-color .16s ease, background .16s ease;
}
.language-modal-item:hover,
.language-modal-item:focus-visible {
    transform: translateY(-1px);
    border-color: rgba(255,183,131,.45);
    background: rgba(255,255,255,.075);
    outline: none;
}
.language-modal-item.active {
    border-color: rgba(255,183,131,.7);
    background: rgba(255,183,131,.14);
}
.language-modal-item .language-flag-wrap {
    width: 30px;
    height: 22px;
}
.language-modal-item .language-flag {
    width: 30px !important;
    height: 22px !important;
    border-radius: 6px !important;
}
.language-modal-item .language-flag-fallback {
    width: 30px !important;
    height: 22px !important;
    min-width: 30px;
    border-radius: 6px !important;
    line-height: 22px;
}
.language-modal-item-text {
    display: grid;
    gap: 2px;
    min-width: 0;
}
.language-modal-item-text strong,
.language-modal-item-text small {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.language-modal-item-text strong {
    color: inherit;
    font-size: 15px;
}
.language-modal-item-text small {
    color: #91a4cf;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .08em;
}
.language-modal-check {
    display: inline-grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border-radius: 999px;
    color: #ffb783;
    background: rgba(255,183,131,.12);
    font-size: 11px;
}
.language-modal-item:not(.active) .language-modal-check {
    color: #91a4cf;
    background: rgba(255,255,255,.06);
}
.sidebar-language-menu .language-menu-popup {
    position: fixed;
}
.language-flag-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    line-height: 0;
}
.language-flag,
.asset-language-flag {
    display: inline-block;
    object-fit: cover;
}
.language-flag-fallback,
.asset-language-fallback {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .02em;
}
[data-theme="light"] .language-modal-backdrop {
    background: rgba(14, 24, 45, .46);
}
[data-theme="light"] .language-modal-panel {
    border-color: rgba(28, 39, 62, .12);
    background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(245,248,255,.98));
    color: #172033;
    box-shadow: 0 30px 90px rgba(26, 39, 70, .22);
}
[data-theme="light"] .language-modal-header {
    border-bottom-color: rgba(28, 39, 62, .1);
}
[data-theme="light"] .language-modal-header h2,
[data-theme="light"] .language-modal-item-text strong {
    color: #172033;
}
[data-theme="light"] .language-modal-header span,
[data-theme="light"] .language-modal-item-text small {
    color: #667494;
}
[data-theme="light"] .language-modal-item {
    border-color: rgba(28, 39, 62, .1);
    background: rgba(255,255,255,.74);
    color: #172033;
}
[data-theme="light"] .language-modal-item:hover,
[data-theme="light"] .language-modal-item:focus-visible,
[data-theme="light"] .language-modal-item.active {
    border-color: rgba(126,107,255,.35);
    background: rgba(126,107,255,.08);
}
@media (max-width: 640px) {
    .language-menu-popup {
        align-items: end;
        padding: 0;
    }
    .language-modal-panel {
        width: 100%;
        max-height: min(82vh, 720px);
        border-radius: 26px 26px 0 0;
        border-inline: 0;
        border-bottom: 0;
    }
    .language-modal-header {
        padding: 20px 18px 14px;
    }
    .language-modal-grid {
        grid-template-columns: 1fr;
        padding: 14px 18px 20px;
        max-height: calc(min(82vh, 720px) - 100px);
    }
}

/* v14: centered language modal + uploaded flag files restored in topbar */
.language-flag-wrap {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    line-height: 0 !important;
}
.language-flag,
.language-menu-current-flag {
    display: block !important;
    width: 24px !important;
    height: 18px !important;
    border-radius: 5px !important;
    object-fit: cover !important;
    box-shadow: 0 0 0 1px rgba(255,255,255,.16) !important;
    background: rgba(255,255,255,.08) !important;
}
.language-flag-fallback {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    min-width: 24px !important;
    height: 18px !important;
    border-radius: 5px !important;
    line-height: 18px !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: .02em !important;
}
.language-menu-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-width: 0 !important;
}
.language-menu-button .language-flag-wrap {
    width: 24px !important;
    height: 18px !important;
}
.topbar-actions > .language-menu .language-menu-label,
.desktop-language-menu .language-menu-label,
.app-topbar .language-menu-label {
    display: none !important;
}
.topbar-actions > .language-menu .language-menu-button,
.desktop-language-menu .language-menu-button,
.app-topbar .language-menu-button {
    min-width: 62px !important;
    padding-inline: 12px !important;
}
body.language-modal-open {
    overflow: hidden !important;
}
body.language-modal-open .language-menu-popup:not([hidden]),
.language-menu.is-open > .language-menu-popup:not([hidden]) {
    position: fixed !important;
    inset: 0 !important;
    z-index: 100000 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100vw !important;
    height: 100dvh !important;
    max-height: none !important;
    margin: 0 !important;
    padding: clamp(18px, 4vw, 48px) !important;
    overflow: auto !important;
    transform: none !important;
}
@supports not (height: 100dvh) {
    body.language-modal-open .language-menu-popup:not([hidden]),
    .language-menu.is-open > .language-menu-popup:not([hidden]) {
        height: 100vh !important;
    }
}
.language-modal-backdrop {
    position: fixed !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    cursor: pointer !important;
}
.language-modal-panel {
    position: relative !important;
    z-index: 1 !important;
    width: min(960px, calc(100vw - 48px)) !important;
    max-height: min(760px, calc(100dvh - 48px)) !important;
    margin: auto !important;
    overflow: hidden !important;
    border-radius: 28px !important;
    transform: none !important;
}
@supports not (height: 100dvh) {
    .language-modal-panel {
        max-height: min(760px, calc(100vh - 48px)) !important;
    }
}
.language-modal-header {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 54px 76px 30px !important;
    border-bottom: 0 !important;
}
.language-modal-header > div,
.language-modal-header span {
    display: none !important;
}
.language-modal-header h2 {
    margin: 0 !important;
    max-width: 680px !important;
    font-size: clamp(26px, 3vw, 38px) !important;
    line-height: 1.08 !important;
}
.language-modal-close {
    position: absolute !important;
    inset-block-start: 22px !important;
    inset-inline-end: 22px !important;
    width: 44px !important;
    height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
}
.language-modal-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    column-gap: clamp(32px, 6vw, 82px) !important;
    row-gap: 18px !important;
    padding: 6px clamp(44px, 9vw, 118px) 58px !important;
    max-height: calc(min(760px, calc(100dvh - 48px)) - 128px) !important;
    overflow: auto !important;
    overscroll-behavior: contain !important;
}
@supports not (height: 100dvh) {
    .language-modal-grid {
        max-height: calc(min(760px, calc(100vh - 48px)) - 128px) !important;
    }
}
.language-modal-item {
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 14px !important;
    min-height: 38px !important;
    padding: 3px 0 !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
    text-decoration: none !important;
    direction: ltr !important;
    text-align: start !important;
    min-width: 0 !important;
    max-width: none !important;
    transition: opacity .16s ease, transform .16s ease !important;
}
.language-modal-item:hover,
.language-modal-item:focus-visible {
    transform: translateY(-1px) !important;
    background: transparent !important;
    outline: none !important;
    opacity: .86 !important;
}
.language-modal-item.active {
    background: transparent !important;
}
.language-modal-item .language-flag-wrap {
    width: 30px !important;
    height: 30px !important;
}
.language-modal-item .language-flag {
    width: 30px !important;
    height: 30px !important;
    border-radius: 999px !important;
    object-fit: cover !important;
}
.language-modal-item .language-flag-fallback {
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
    border-radius: 999px !important;
    line-height: 30px !important;
}
.language-modal-item-text {
    display: block !important;
    min-width: 0 !important;
    max-width: none !important;
    overflow: visible !important;
    direction: auto !important;
    unicode-bidi: plaintext !important;
}
.language-modal-item-text strong {
    display: block !important;
    min-width: 0 !important;
    max-width: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    font-size: 16px !important;
    line-height: 1.25 !important;
}
.language-modal-item-text small,
.language-modal-check {
    display: none !important;
}
@media (max-width: 920px) {
    .language-modal-panel {
        width: min(720px, calc(100vw - 34px)) !important;
    }
    .language-modal-header {
        padding: 50px 64px 28px !important;
    }
    .language-modal-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        padding-inline: clamp(28px, 7vw, 70px) !important;
        column-gap: clamp(24px, 7vw, 64px) !important;
    }
}
@media (max-width: 640px) {
    body.language-modal-open .language-menu-popup:not([hidden]),
    .language-menu.is-open > .language-menu-popup:not([hidden]) {
        align-items: center !important;
        justify-content: center !important;
        padding: 16px !important;
    }
    .language-modal-panel {
        width: calc(100vw - 32px) !important;
        max-height: calc(100dvh - 32px) !important;
        border-radius: 24px !important;
        border: 1px solid rgba(255,255,255,.12) !important;
    }
    .language-modal-header {
        padding: 48px 56px 24px !important;
    }
    .language-modal-grid {
        grid-template-columns: 1fr !important;
        padding: 4px 28px 34px !important;
        max-height: calc(100dvh - 150px) !important;
    }
}

/* Aether Intelligence marketing pages */
:root {
    --aether-bg: #051424;
    --aether-bg-deep: #010f1f;
    --aether-panel: rgba(18,33,49,.76);
    --aether-panel-strong: rgba(28,43,60,.84);
    --aether-border: rgba(192,193,255,.14);
    --aether-border-strong: rgba(192,193,255,.32);
    --aether-text: #d4e4fa;
    --aether-muted: #c7c4d7;
    --aether-soft: #8691a7;
    --aether-primary: #c0c1ff;
    --aether-primary-hot: #8083ff;
    --aether-indigo: #6366f1;
    --aether-title: "Space Grotesk", "Inter", sans-serif;
}
.marketing-body:has(.aether-page),
body:has(.aether-page) {
    background:
        radial-gradient(circle at 12% -8%, rgba(99,102,241,.2), transparent 34%),
        radial-gradient(circle at 88% 4%, rgba(192,193,255,.14), transparent 30%),
        radial-gradient(circle at 54% 108%, rgba(79,182,255,.08), transparent 28%),
        var(--aether-bg);
}
.aether-page {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
    color: var(--aether-text);
    padding: 58px 0 96px;
    position: relative;
    isolation: isolate;
}
.aether-page::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -2;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(192,193,255,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(192,193,255,.025) 1px, transparent 1px);
    background-size: 72px 72px;
    mask-image: radial-gradient(circle at center, #000 0, transparent 78%);
}
.aether-page h1,
.aether-page h2,
.aether-page h3 {
    font-family: var(--aether-title);
    color: var(--aether-text);
    letter-spacing: -.045em;
    margin: 0;
}
.aether-page p { color: var(--aether-muted); line-height: 1.72; }
.aether-hero {
    min-height: 520px;
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr);
    gap: 34px;
    align-items: center;
    position: relative;
}
.aether-hero.centered {
    grid-template-columns: 1fr;
    min-height: 360px;
    text-align: center;
}
.aether-hero.centered .aether-hero-copy { max-width: 860px; margin: 0 auto; }
.aether-hero-copy h1 {
    font-size: clamp(42px, 6vw, 78px);
    line-height: 1.03;
    max-width: 920px;
}
.aether-hero-copy p {
    font-size: 19px;
    max-width: 720px;
    margin: 24px 0 0;
}
.aether-hero.centered .aether-hero-copy p { margin-inline: auto; }
.aether-kicker {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--aether-primary);
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .14em;
    margin-bottom: 16px;
}
.aether-kicker::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: var(--aether-primary);
    box-shadow: 0 0 28px rgba(192,193,255,.9);
}
.aether-kicker i + * { margin-inline-start: 0; }
.aether-visual-panel,
.aether-card,
.aether-price-card,
.aether-token-card,
.aether-feature-table,
.aether-faq-list details,
.aether-featured-article,
.aether-blog-card,
.aether-newsletter-panel,
.aether-cta-panel,
.public-sidebar-card-v7 {
    border: 1px solid var(--aether-border);
    background: linear-gradient(145deg, rgba(39,54,71,.42), rgba(18,33,49,.72));
    backdrop-filter: blur(20px);
    box-shadow: 0 26px 80px rgba(0,0,0,.32);
}
.aether-visual-panel { border-radius: 32px; padding: 34px; position: relative; overflow: hidden; }
.aether-visual-panel::before,
.aether-price-card.featured::before,
.aether-live-card::before {
    content: "";
    position: absolute;
    width: 300px;
    height: 300px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(99,102,241,.22), transparent 68%);
    top: -120px;
    right: -100px;
    pointer-events: none;
}
.about-mission-panel { min-height: 420px; display: grid; align-content: end; }
.aether-icon-orb {
    width: 110px;
    height: 110px;
    border-radius: 32px;
    display: grid;
    place-items: center;
    background: radial-gradient(circle at 40% 20%, rgba(192,193,255,.38), rgba(99,102,241,.16));
    border: 1px solid var(--aether-border-strong);
    color: var(--aether-primary);
    font-size: 42px;
    margin-bottom: 28px;
}
.about-mission-panel span { font-family: var(--aether-title); font-size: 26px; font-weight: 700; }
.about-mission-panel p { font-size: 17px; }
.aether-section { margin-top: 76px; }
.aether-split-section {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, .88fr);
    gap: 28px;
    align-items: center;
}
.aether-section h2 { font-size: clamp(32px, 4vw, 52px); line-height: 1.08; }
.aether-section-head { display: flex; justify-content: space-between; align-items: end; gap: 20px; margin-bottom: 26px; }
.aether-section-head.centered { text-align: center; display: grid; justify-content: center; }
.aether-section-head a { color: var(--aether-primary); font-weight: 800; }
.aether-stat-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.aether-stat-grid div {
    min-height: 150px;
    padding: 24px;
    border-radius: 24px;
    border: 1px solid var(--aether-border);
    background: rgba(18,33,49,.62);
    display: grid;
    align-content: center;
    gap: 8px;
}
.aether-stat-grid strong { font-family: var(--aether-title); font-size: 38px; color: var(--aether-primary); }
.aether-stat-grid span { color: var(--aether-muted); font-size: 13px; }
.aether-engine-section { display: grid; grid-template-columns: 1fr .86fr; gap: 32px; align-items: stretch; }
.aether-engine-copy { padding: 34px 0; }
.aether-feature-list { display: grid; gap: 14px; margin-top: 26px; }
.aether-feature-list div {
    display: grid;
    grid-template-columns: 44px 1fr;
    gap: 4px 14px;
    padding: 18px;
    border-radius: 18px;
    border: 1px solid var(--aether-border);
    background: rgba(255,255,255,.035);
}
.aether-feature-list i { grid-row: span 2; color: var(--aether-primary); font-size: 24px; }
.aether-feature-list strong { color: var(--aether-text); }
.aether-feature-list span { color: var(--aether-muted); font-size: 14px; }
.aether-live-card { min-height: 460px; border-radius: 34px; position: relative; overflow: hidden; background: radial-gradient(circle at center, rgba(99,102,241,.18), rgba(1,15,31,.84)); border: 1px solid var(--aether-border); padding: 24px; }
.aether-live-header { display: flex; gap: 10px; align-items: center; color: var(--aether-primary); font-weight: 800; }
.aether-live-header span { width: 10px; height: 10px; border-radius: 999px; background: #22c55e; box-shadow: 0 0 20px #22c55e; }
.aether-node-map { position: absolute; inset: 80px 34px 34px; }
.aether-node-map::before { content: ""; position: absolute; inset: 0; background: url("data:image/svg+xml,%3Csvg viewBox='0 0 420 320' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M60 70 L190 120 L340 55 M190 120 L260 250 M60 70 L95 245 M95 245 L260 250 L340 55' stroke='%23c0c1ff' stroke-opacity='.28' stroke-width='2' fill='none'/%3E%3C/svg%3E") center/contain no-repeat; }
.aether-node-map b { position: absolute; width: 54px; height: 54px; border-radius: 18px; background: rgba(192,193,255,.16); border: 1px solid var(--aether-border-strong); box-shadow: 0 0 44px rgba(192,193,255,.18); }
.aether-node-map b:nth-child(1){left:8%;top:10%}.aether-node-map b:nth-child(2){left:42%;top:25%}.aether-node-map b:nth-child(3){right:8%;top:5%}.aether-node-map b:nth-child(4){left:16%;bottom:12%}.aether-node-map b:nth-child(5){right:26%;bottom:8%}.aether-node-map b:nth-child(6){left:48%;top:52%;transform:scale(1.3)}
.aether-card-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 18px; }
.aether-card-grid.three { grid-template-columns: repeat(3, 1fr); }
.aether-card { border-radius: 26px; padding: 28px; min-height: 240px; }
.aether-card i { color: var(--aether-primary); font-size: 28px; margin-bottom: 20px; }
.aether-card h3 { font-size: 24px; margin-bottom: 12px; }
.aether-cta-panel,
.aether-newsletter-panel { margin-top: 80px; border-radius: 34px; padding: 42px; text-align: center; }
.aether-cta-panel h2,
.aether-newsletter-panel h2 { font-size: clamp(30px, 4vw, 52px); }
.aether-actions { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; margin-top: 28px; }
.pricing-plan-grid { grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); align-items: stretch; }
.aether-price-card { border-radius: 30px; padding: 30px; min-height: 470px; position: relative; display: flex; flex-direction: column; overflow: hidden; }
.aether-price-card.featured { border-color: rgba(192,193,255,.48); transform: translateY(-12px); background: linear-gradient(160deg, rgba(128,131,255,.24), rgba(18,33,49,.88)); }
.aether-price-card > span,
.aether-token-card span { color: var(--aether-primary); font-weight: 900; letter-spacing: .12em; font-size: 12px; }
.aether-price-card strong { font-family: var(--aether-title); font-size: clamp(42px, 5vw, 58px); letter-spacing: -.05em; margin: 18px 0 10px; }
.aether-price-card strong small { font-size: 16px; color: var(--aether-muted); margin-inline-start: 4px; }
.aether-price-card ul { list-style: none; padding: 0; margin: 22px 0 28px; display: grid; gap: 12px; color: var(--aether-text); }
.aether-price-card li { display: flex; gap: 10px; align-items: start; }
.aether-price-card li i { color: var(--aether-primary); margin-top: 2px; }
.aether-price-card form { margin-top: auto; }
.aether-popular-badge { position: absolute; top: 18px; right: 18px; border-radius: 999px; padding: 7px 12px; background: var(--aether-primary); color: #07006c; font-size: 12px; font-weight: 900; }
[dir="rtl"] .aether-popular-badge { right: auto; left: 18px; }
.aether-alert { width: fit-content; margin: 24px auto 0; }
.aether-token-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; }
.aether-token-card { border-radius: 24px; padding: 26px; display: grid; gap: 10px; }
.aether-token-card b { font-family: var(--aether-title); font-size: 42px; color: var(--aether-text); }
.aether-token-card strong { font-size: 28px; color: var(--aether-primary); }
.aether-feature-table { border-radius: 26px; overflow: hidden; }
.aether-feature-table > div { display: grid; grid-template-columns: 1.4fr repeat(3, 1fr); border-bottom: 1px solid var(--aether-border); }
.aether-feature-table > div:last-child { border-bottom: 0; }
.aether-feature-table span,
.aether-feature-table strong { padding: 18px; border-inline-end: 1px solid var(--aether-border); }
.aether-feature-table span:last-child,
.aether-feature-table strong:last-child { border-inline-end: 0; }
.aether-feature-table strong { color: var(--aether-primary); }
.aether-feature-table i { color: var(--aether-primary); }
.aether-faq-list { max-width: 850px; margin: 0 auto; display: grid; gap: 12px; }
.aether-faq-list details { border-radius: 18px; padding: 18px 22px; }
.aether-faq-list summary { display: flex; justify-content: space-between; gap: 14px; align-items: center; font-weight: 900; list-style: none; cursor: pointer; }
.aether-faq-list summary::-webkit-details-marker { display: none; }
.blog-search-panel { min-height: 230px; display: grid; align-content: center; gap: 16px; }
.blog-search-panel i { color: var(--aether-primary); font-size: 30px; }
.blog-search-panel input { min-height: 54px; border-radius: 18px; border: 1px solid var(--aether-border); background: rgba(1,15,31,.58); color: var(--aether-text); padding: 0 16px; }
.blog-search-panel span { color: var(--aether-primary); text-transform: uppercase; font-size: 12px; font-weight: 900; letter-spacing: .12em; }
.aether-category-pills { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.aether-category-pills a { padding: 10px 14px; border-radius: 999px; border: 1px solid var(--aether-border); color: var(--aether-muted); background: rgba(255,255,255,.035); }
.aether-category-pills a.active,
.aether-category-pills a:hover { color: #07006c; background: var(--aether-primary); }
.aether-featured-article { border-radius: 32px; padding: 18px; display: grid; grid-template-columns: .92fr 1.08fr; gap: 26px; align-items: center; }
.aether-featured-media { min-height: 360px; border-radius: 24px; overflow: hidden; display: grid; place-items: center; background: radial-gradient(circle, rgba(192,193,255,.20), rgba(1,15,31,.8)); color: var(--aether-primary); font-size: 90px; }
.aether-featured-media img { width: 100%; height: 100%; object-fit: cover; min-height: 360px; }
.aether-featured-copy { padding: 24px; }
.aether-featured-copy small,
.aether-blog-card small { color: var(--aether-primary); font-weight: 900; text-transform: uppercase; letter-spacing: .08em; }
.aether-featured-copy h2 { font-size: clamp(32px, 4vw, 52px); margin: 14px 0; }
.aether-featured-copy em { color: var(--aether-primary); font-style: normal; font-weight: 900; }
.blog-card-grid { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
.aether-blog-card { border-radius: 26px; padding: 22px; display: grid; gap: 12px; min-height: 330px; }
.aether-blog-card img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 18px; margin-bottom: 4px; }
.aether-blog-card h3 { font-size: 25px; }
.aether-blog-card div { display: flex; justify-content: space-between; gap: 12px; color: var(--aether-soft); font-size: 13px; margin-top: auto; }
.aether-newsletter-panel { display: flex; justify-content: space-between; align-items: center; text-align: start; gap: 22px; }
.aether-article-layout { display: grid; grid-template-columns: minmax(0, 1fr) 310px; gap: 28px; align-items: start; }
.aether-article-shell { min-width: 0; padding-top: 30px; }
.aether-article-shell h1 { font-size: clamp(40px, 6vw, 72px); line-height: 1.04; margin: 14px 0 18px; max-width: 900px; }
.aether-article-meta { display: flex; flex-wrap: wrap; gap: 12px; color: var(--aether-soft); margin: 20px 0 8px; }
.aether-article-meta span { display: inline-flex; align-items: center; gap: 8px; }
.aether-article-sidebar { position: sticky; top: 116px; display: grid; gap: 14px; }
.aether-rich-body { border-top: 1px solid var(--aether-border); padding-top: 30px; }
.aether-rich-body h2,
.aether-rich-body h3,
.aether-rich-body h4 { font-family: var(--aether-title); color: var(--aether-text); margin: 34px 0 12px; }
.aether-rich-body a { color: var(--aether-primary); text-decoration: underline; }
.aether-rich-body blockquote { margin: 24px 0; padding: 20px 24px; border-inline-start: 4px solid var(--aether-primary); background: rgba(192,193,255,.08); border-radius: 16px; }
.public-sidebar-card-v7 { border-radius: 22px; padding: 20px; }
.public-sidebar-card-v7 h3 { font-family: var(--aether-title); margin: 0 0 14px; }
.article-toc-v7,
.related-list-v7,
.category-list-v7 { display: grid; gap: 10px; }
.article-toc-v7 a,
.related-list-v7 a,
.category-list-v7 a { color: var(--aether-muted); border-radius: 12px; padding: 9px 10px; background: rgba(255,255,255,.035); }
.related-list-v7 a { display: grid; gap: 4px; }
.related-list-v7 small { color: var(--aether-soft); }
.category-list-v7 a { display: flex; gap: 9px; align-items: center; }
.aether-breadcrumb { margin-bottom: 22px; }
.admin-content-tabs { flex-wrap: wrap; }
.admin-content-tabs .admin-btn { gap: 8px; }
@media (max-width: 980px) {
    .aether-page { width: min(100% - 28px, 1180px); padding-top: 34px; }
    .aether-hero,
    .aether-split-section,
    .aether-engine-section,
    .aether-featured-article,
    .aether-article-layout { grid-template-columns: 1fr; }
    .aether-hero { min-height: auto; }
    .aether-card-grid.three { grid-template-columns: 1fr; }
    .aether-stat-grid { grid-template-columns: 1fr; }
    .aether-price-card.featured { transform: none; }
    .aether-feature-table { overflow-x: auto; }
    .aether-feature-table > div { min-width: 720px; }
    .aether-newsletter-panel { display: grid; text-align: center; }
    .aether-newsletter-panel .btn { justify-self: center; }
    .aether-article-sidebar { position: static; }
}
@media (max-width: 640px) {
    .aether-hero-copy h1,
    .aether-article-shell h1 { font-size: 40px; }
    .aether-visual-panel,
    .aether-card,
    .aether-price-card,
    .aether-token-card,
    .aether-cta-panel,
    .aether-newsletter-panel { border-radius: 22px; padding: 22px; }
    .aether-featured-media,
    .aether-featured-media img { min-height: 240px; }
}
[data-search-card].is-hidden { display: none !important; }

/* Dashboard marketing asset fallback: mirrors the asset library icon treatment */
.dashboard-render-asset-icon {
    --asset-color: #7e6bff;
    align-items: center;
    text-align: center;
    background:
        radial-gradient(circle at 50% 22%, color-mix(in srgb, var(--asset-color) 38%, transparent), transparent 42%),
        linear-gradient(145deg, color-mix(in srgb, var(--asset-color) 28%, rgba(7,15,28,.94)), rgba(6,16,27,.96));
    border-color: color-mix(in srgb, var(--asset-color) 42%, rgba(255,255,255,.12));
    color: #fff;
}

.dashboard-render-asset-icon span {
    width: 74px;
    height: 74px;
    border-radius: 24px;
    display: grid;
    place-items: center;
    background: color-mix(in srgb, var(--asset-color) 22%, rgba(255,255,255,.08));
    border: 1px solid color-mix(in srgb, var(--asset-color) 56%, rgba(255,255,255,.18));
    box-shadow: 0 18px 44px color-mix(in srgb, var(--asset-color) 28%, transparent);
}

.dashboard-render-asset-icon span i {
    font-size: 34px;
    color: #fff;
}

.dashboard-render-asset-icon strong {
    color: #fff;
    max-width: 100%;
}

.dashboard-render-asset-icon p {
    color: rgba(255,255,255,.72);
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

/* Homepage Aether redesign */
.sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0,0,0,0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}
.homepage-aether {
    padding-top: 52px;
}
.homepage-aether .aether-hero-copy {
    position: relative;
    z-index: 2;
}
.homepage-aether-hero {
    min-height: 680px;
}
.homepage-aether .aether-hero-copy h1 {
    max-width: 980px;
    text-wrap: balance;
}
.homepage-aether .aether-hero-copy p {
    max-width: 760px;
}
.aether-domain-box {
    max-width: 680px;
    margin: 30px 0 0;
    padding: 9px;
    border-radius: 22px;
    border: 1px solid rgba(192,193,255,.22);
    background: linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.035));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 20px 58px rgba(0,0,0,.18);
}
.aether-domain-box input {
    min-height: 48px;
    font-weight: 700;
}
.aether-domain-box input::placeholder {
    color: rgba(212,228,250,.58);
}
.home-actions .btn i {
    font-size: 15px;
}
.home-proof-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 30px;
    max-width: 760px;
}
.home-proof-row div {
    padding: 18px;
    border-radius: 20px;
    border: 1px solid rgba(192,193,255,.14);
    background: rgba(255,255,255,.04);
    backdrop-filter: blur(12px);
}
.home-proof-row strong {
    display: block;
    font-family: var(--aether-title);
    color: var(--aether-primary);
    font-size: 34px;
    line-height: 1;
    letter-spacing: -.05em;
}
.home-proof-row span {
    display: block;
    color: var(--aether-muted);
    font-size: 13px;
    line-height: 1.4;
    margin-top: 9px;
}
.homepage-aether-visual {
    min-height: 560px;
    display: grid;
    place-items: center;
    background:
        radial-gradient(circle at 50% 32%, rgba(192,193,255,.26), transparent 34%),
        radial-gradient(circle at 82% 82%, rgba(79,182,255,.12), transparent 36%),
        linear-gradient(145deg, rgba(39,54,71,.44), rgba(8,23,39,.84));
    overflow: hidden;
    transform-style: preserve-3d;
}
.homepage-aether-visual::after {
    content: "";
    position: absolute;
    inset: 28px;
    border-radius: 28px;
    border: 1px solid rgba(192,193,255,.12);
    pointer-events: none;
}
.home-visual-grid {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(192,193,255,.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(192,193,255,.035) 1px, transparent 1px);
    background-size: 44px 44px;
    mask-image: radial-gradient(circle at center, #000 0, transparent 74%);
    opacity: .9;
    animation: homeGridDrift 16s linear infinite;
}
.home-orbit {
    position: absolute;
    border-radius: 999px;
    border: 1px solid rgba(192,193,255,.18);
    box-shadow: inset 0 0 38px rgba(192,193,255,.045), 0 0 52px rgba(99,102,241,.10);
}
.home-orbit-one {
    width: 420px;
    height: 420px;
    animation: homeOrbitSpin 18s linear infinite;
}
.home-orbit-two {
    width: 300px;
    height: 300px;
    transform: rotate(52deg) scaleY(.64);
    animation: homeOrbitPulse 7s ease-in-out infinite;
}
.home-orbit-one::before,
.home-orbit-two::before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 999px;
    background: var(--aether-primary);
    box-shadow: 0 0 30px rgba(192,193,255,.88);
    top: 42px;
    left: 50%;
}
.home-core-orb {
    position: relative;
    z-index: 2;
    width: min(50vw, 250px);
    aspect-ratio: 1;
    display: grid;
    place-items: center;
    border-radius: 38px;
    border: 1px solid rgba(192,193,255,.38);
    background:
        radial-gradient(circle at 48% 28%, rgba(255,255,255,.26), transparent 18%),
        radial-gradient(circle at 50% 50%, rgba(192,193,255,.38), rgba(99,102,241,.14) 48%, rgba(1,15,31,.72));
    box-shadow: 0 36px 110px rgba(99,102,241,.24), inset 0 0 50px rgba(192,193,255,.16);
    animation: homeCoreFloat 6s ease-in-out infinite;
}
.home-core-orb i {
    font-size: clamp(70px, 8vw, 112px);
    color: rgba(222,230,255,.92);
    filter: drop-shadow(0 0 24px rgba(192,193,255,.36));
}
.home-signal-card {
    position: absolute;
    z-index: 4;
    min-width: 150px;
    padding: 14px 16px;
    border-radius: 18px;
    border: 1px solid rgba(192,193,255,.22);
    background: rgba(6,18,31,.72);
    backdrop-filter: blur(18px);
    box-shadow: 0 22px 58px rgba(0,0,0,.24);
}
.home-signal-card span,
.home-signal-card strong {
    display: block;
}
.home-signal-card span {
    color: var(--aether-soft);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.home-signal-card strong {
    color: var(--aether-text);
    font-family: var(--aether-title);
    font-size: 25px;
    margin-top: 5px;
}
.home-signal-card-one { top: 86px; left: 34px; animation: homeCardFloat 5.8s ease-in-out infinite; }
.home-signal-card-two { right: 32px; top: 165px; animation: homeCardFloat 6.6s ease-in-out infinite reverse; }
.home-signal-card-three { left: 76px; bottom: 92px; animation: homeCardFloat 7.2s ease-in-out infinite; }
[dir="rtl"] .home-signal-card-one { left: auto; right: 34px; }
[dir="rtl"] .home-signal-card-two { right: auto; left: 32px; }
[dir="rtl"] .home-signal-card-three { left: auto; right: 76px; }
.home-visual-dock {
    position: absolute;
    z-index: 3;
    bottom: 30px;
    right: 30px;
    display: flex;
    gap: 10px;
    padding: 10px;
    border-radius: 22px;
    border: 1px solid rgba(192,193,255,.16);
    background: rgba(255,255,255,.055);
    backdrop-filter: blur(14px);
}
[dir="rtl"] .home-visual-dock { right: auto; left: 30px; }
.home-visual-dock b {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    color: var(--aether-primary);
    background: rgba(192,193,255,.10);
    border: 1px solid rgba(192,193,255,.14);
    animation: homeDockPop 4.8s ease-in-out infinite;
}
.home-visual-dock b:nth-child(2) { animation-delay: .45s; }
.home-visual-dock b:nth-child(3) { animation-delay: .9s; }
.homepage-aether .homepage-logo-strip {
    display: flex;
    gap: 24px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 18px 0 0;
    padding: 28px 18px;
    border-block: 1px solid rgba(192,193,255,.12);
    color: rgba(212,228,250,.62);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.homepage-aether .homepage-partner-strip {
    justify-content: center;
    gap: 0;
    border-radius: 28px;
    border: 1px solid rgba(192,193,255,.12);
    background: linear-gradient(135deg, rgba(255,255,255,.045), rgba(192,193,255,.025));
    box-shadow: 0 20px 55px rgba(1,6,18,.18);
}
.homepage-partner-logos {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: clamp(14px, 3vw, 34px);
}
.homepage-partner-logo {
    width: 128px;
    height: 56px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 14px;
    border-radius: 20px;
    border: 1px solid rgba(192,193,255,.10);
    background: rgba(255,255,255,.035);
    transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.homepage-partner-logo img {
    display: block;
    max-width: 100%;
    width: auto;
    height: 34px;
    object-fit: contain;
    filter: saturate(1.08) drop-shadow(0 8px 18px rgba(0,0,0,.14));
}
.homepage-partner-logo:hover {
    transform: translateY(-2px);
    border-color: rgba(93,230,255,.24);
    background: rgba(93,230,255,.055);
    box-shadow: 0 14px 38px rgba(1,6,18,.20);
}
.homepage-testimonials-section {
    position: relative;
}
.homepage-testimonials-carousel {
    position: relative;
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr) 52px;
    align-items: stretch;
    gap: 14px;
}
.homepage-testimonials-viewport {
    display: flex;
    gap: 18px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 2px;
    padding: 2px 2px 18px;
    scrollbar-width: thin;
    scrollbar-color: rgba(192,193,255,.38) rgba(255,255,255,.04);
}
.homepage-testimonials-viewport::-webkit-scrollbar {
    height: 8px;
}
.homepage-testimonials-viewport::-webkit-scrollbar-track {
    background: rgba(255,255,255,.04);
    border-radius: 999px;
}
.homepage-testimonials-viewport::-webkit-scrollbar-thumb {
    background: rgba(192,193,255,.34);
    border-radius: 999px;
}
.homepage-testimonial-card {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 0 0 clamp(280px, 31vw, 380px);
    min-height: 100%;
    padding: 24px;
    overflow: hidden;
    scroll-snap-align: start;
    transition: transform .22s ease, border-color .22s ease, background .22s ease;
}
.homepage-testimonial-nav {
    align-self: center;
    width: 52px;
    height: 52px;
    border: 1px solid rgba(192,193,255,.18);
    border-radius: 18px;
    background: rgba(255,255,255,.055);
    color: #fff;
    display: inline-grid;
    place-items: center;
    cursor: pointer;
    box-shadow: 0 18px 48px rgba(1,6,18,.18);
    transition: transform .18s ease, border-color .18s ease, background .18s ease, opacity .18s ease;
}
.homepage-testimonial-nav:hover {
    transform: translateY(-2px);
    border-color: rgba(93,230,255,.30);
    background: rgba(93,230,255,.09);
}
.homepage-testimonial-nav[disabled] {
    opacity: .38;
    cursor: default;
    transform: none;
}
.homepage-testimonial-card::before {
    content: "“";
    position: absolute;
    inset-inline-end: 22px;
    top: 4px;
    font-size: 88px;
    line-height: 1;
    color: rgba(192,193,255,.10);
    font-weight: 900;
}
.homepage-testimonial-card:hover {
    transform: translateY(-3px);
    border-color: rgba(93,230,255,.22);
    background: rgba(255,255,255,.055);
}
.homepage-testimonial-stars {
    display: flex;
    gap: 5px;
    margin-bottom: 16px;
    color: #f8d86f;
    font-size: 12px;
}
.homepage-testimonial-card p {
    position: relative;
    margin: 0 0 22px;
    color: rgba(232,241,255,.82);
    line-height: 1.7;
    font-size: 14px;
}
.homepage-testimonial-person {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: auto;
}
.homepage-testimonial-person > span {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    color: var(--aether-primary);
    background: rgba(192,193,255,.10);
    border: 1px solid rgba(192,193,255,.16);
}
.homepage-testimonial-person strong,
.homepage-testimonial-person small {
    display: block;
}
.homepage-testimonial-person strong {
    color: #fff;
    font-size: 14px;
}
.homepage-testimonial-person small {
    margin-top: 3px;
    color: rgba(212,228,250,.58);
    font-size: 12px;
}
@media (max-width: 1100px) {
    .homepage-testimonials-carousel {
        grid-template-columns: 46px minmax(0, 1fr) 46px;
        gap: 10px;
    }
    .homepage-testimonial-nav {
        width: 46px;
        height: 46px;
        border-radius: 16px;
    }
    .homepage-testimonial-card {
        flex-basis: min(360px, 74vw);
    }
}
@media (max-width: 820px) {
    .homepage-aether .homepage-partner-strip {
        justify-content: center;
        padding: 20px 12px;
    }
    .homepage-partner-logos {
        gap: 10px;
    }
    .homepage-partner-logo {
        width: 96px;
        height: 48px;
        padding: 9px 10px;
        border-radius: 16px;
    }
    .homepage-partner-logo img {
        height: 28px;
    }
    .homepage-testimonials-carousel {
        grid-template-columns: 1fr;
    }
    .homepage-testimonial-nav {
        display: none;
    }
    .homepage-testimonials-viewport {
        gap: 14px;
        padding-bottom: 16px;
    }
    .homepage-testimonial-card {
        flex-basis: min(86vw, 340px);
        padding: 22px;
    }
}
.homepage-aether .aether-section-head > p {
    max-width: 420px;
    margin: 0;
}
.homepage-tool-grid .homepage-tool-card {
    position: relative;
    overflow: hidden;
    transition: transform .22s ease, border-color .22s ease, background .22s ease;
}
.homepage-tool-grid .homepage-tool-card::after,
.homepage-academy-card::after {
    content: "";
    position: absolute;
    width: 190px;
    height: 190px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(192,193,255,.16), transparent 68%);
    right: -90px;
    bottom: -90px;
    opacity: 0;
    transition: opacity .22s ease, transform .22s ease;
}
.homepage-tool-grid .homepage-tool-card:hover,
.homepage-academy-card:hover {
    transform: translateY(-5px);
    border-color: rgba(192,193,255,.34);
}
.homepage-tool-grid .homepage-tool-card:hover::after,
.homepage-academy-card:hover::after {
    opacity: 1;
    transform: scale(1.18);
}
.homepage-tool-card.wide { grid-column: span 2; }
.homepage-academy-card {
    min-height: 270px;
    position: relative;
    overflow: hidden;
    transition: transform .22s ease, border-color .22s ease;
}
.homepage-cta-panel {
    position: relative;
    overflow: hidden;
}
.homepage-cta-panel::before {
    content: "";
    position: absolute;
    inset: -40% 10% auto;
    height: 280px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(192,193,255,.18), transparent 65%);
    pointer-events: none;
}
.homepage-cta-panel > * { position: relative; z-index: 1; }
.home-animate {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity .72s ease, transform .72s ease;
}
.home-animate.is-visible {
    opacity: 1;
    transform: translateY(0);
}
.home-animate:nth-child(2) { transition-delay: .12s; }
@keyframes homeGridDrift {
    from { background-position: 0 0, 0 0; }
    to { background-position: 44px 44px, 44px 44px; }
}
@keyframes homeOrbitSpin {
    from { transform: rotate(0deg) scaleY(.78); }
    to { transform: rotate(360deg) scaleY(.78); }
}
@keyframes homeOrbitPulse {
    0%, 100% { opacity: .72; transform: rotate(52deg) scaleY(.64) scale(1); }
    50% { opacity: 1; transform: rotate(52deg) scaleY(.64) scale(1.08); }
}
@keyframes homeCoreFloat {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    50% { transform: translateY(-14px) rotate(2deg); }
}
@keyframes homeCardFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-12px); }
}
@keyframes homeDockPop {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-7px); }
}
@media (max-width: 980px) {
    .homepage-aether-hero { min-height: auto; }
    .homepage-aether-visual { min-height: 480px; }
    .home-proof-row { grid-template-columns: 1fr; }
    .homepage-aether .aether-section-head { display: grid; }
    .homepage-aether .aether-section-head > p { max-width: none; }
    .homepage-tool-card.wide { grid-column: auto; }
}
@media (max-width: 680px) {
    .aether-domain-box { display: grid; grid-template-columns: 34px 1fr; }
    .aether-domain-box .btn { grid-column: 1 / -1; width: 100%; }
    .homepage-aether-visual { min-height: 430px; }
    .home-orbit-one { width: 320px; height: 320px; }
    .home-orbit-two { width: 230px; height: 230px; }
    .home-core-orb { width: 184px; border-radius: 30px; }
    .home-signal-card { min-width: 128px; padding: 12px 13px; }
    .home-signal-card strong { font-size: 20px; }
    .home-signal-card-one { top: 56px; left: 18px; }
    .home-signal-card-two { top: 126px; right: 18px; }
    .home-signal-card-three { left: 22px; bottom: 74px; }
    [dir="rtl"] .home-signal-card-one { left: auto; right: 18px; }
    [dir="rtl"] .home-signal-card-two { right: auto; left: 18px; }
    [dir="rtl"] .home-signal-card-three { left: auto; right: 22px; }
    .home-visual-dock { right: 18px; bottom: 18px; }
    [dir="rtl"] .home-visual-dock { right: auto; left: 18px; }
}
@media (prefers-reduced-motion: reduce) {
    .home-visual-grid,
    .home-orbit-one,
    .home-orbit-two,
    .home-core-orb,
    .home-signal-card,
    .home-visual-dock b {
        animation: none !important;
    }
    .home-animate {
        opacity: 1;
        transform: none;
        transition: none;
    }
}

/* Homepage content, pricing and blog expansion */
.homepage-pricing-section {
    position: relative;
}
.homepage-pricing-section::before,
.homepage-blog-grid::before {
    content: "";
    position: absolute;
    pointer-events: none;
    width: 420px;
    height: 420px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(79,182,255,.12), transparent 68%);
    filter: blur(3px);
    inset-inline-end: -120px;
    top: -140px;
    opacity: .72;
}
.homepage-pricing-grid,
.homepage-content-grid {
    position: relative;
    z-index: 1;
}
.homepage-price-card {
    min-height: 410px;
    text-decoration: none;
    transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}
.homepage-price-card:hover {
    transform: translateY(-6px);
    border-color: rgba(192,193,255,.46);
    box-shadow: 0 24px 76px rgba(88,79,255,.18);
}
.homepage-price-card.featured:hover {
    transform: translateY(-16px);
}
.homepage-price-card em,
.homepage-content-body div {
    margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    color: var(--aether-primary);
    font-style: normal;
    font-weight: 900;
    font-size: 13px;
}
.homepage-content-card {
    padding: 0;
    min-height: 430px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}
.homepage-content-card:hover {
    transform: translateY(-6px);
    border-color: rgba(192,193,255,.38);
    box-shadow: 0 22px 72px rgba(79,182,255,.12);
}
.homepage-content-media {
    position: relative;
    aspect-ratio: 16 / 10;
    display: grid;
    place-items: center;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 20%, rgba(192,193,255,.23), transparent 42%),
        linear-gradient(145deg, rgba(23,41,63,.94), rgba(6,18,31,.98));
}
.homepage-content-media::after {
    content: "";
    position: absolute;
    inset: 18px;
    border-radius: 24px;
    border: 1px solid rgba(255,255,255,.08);
    opacity: .7;
}
.homepage-content-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .32s ease;
}
.homepage-content-card:hover .homepage-content-media img {
    transform: scale(1.045);
}
.homepage-content-media i {
    font-size: 58px;
    color: rgba(192,193,255,.82);
    filter: drop-shadow(0 0 22px rgba(192,193,255,.26));
}
.homepage-content-body {
    padding: 22px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1;
}
.homepage-content-body small {
    color: var(--aether-primary);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
}
.homepage-content-body h3 {
    margin: 0;
    color: var(--aether-text);
    font-size: 24px;
    line-height: 1.14;
    letter-spacing: -.035em;
}
.homepage-content-body p {
    margin: 0;
    color: var(--aether-muted);
    line-height: 1.6;
}
.homepage-content-body div {
    color: var(--aether-muted);
    border-top: 1px solid rgba(192,193,255,.12);
    padding-top: 14px;
    font-size: 12px;
}
.homepage-content-body div span:last-child {
    color: var(--aether-soft);
}
.homepage-empty-card {
    min-height: 260px;
    display: grid;
    align-content: center;
    text-align: center;
}
.homepage-empty-card i {
    font-size: 42px;
    color: var(--aether-primary);
    margin-bottom: 14px;
}
.admin-translation-result-card--skipped {
    border-color: rgba(251,191,36,.36) !important;
    background: rgba(251,191,36,.08) !important;
}
@media (max-width: 980px) {
    .homepage-price-card.featured,
    .homepage-price-card.featured:hover {
        transform: none;
    }
}

/* Dashboard marketing materials: resilient icon placeholder when no usable image exists */
.dashboard-assets-grid .dashboard-asset-card .dashboard-creative-media:has(.dashboard-render-asset-icon),
.dashboard-assets-grid .dashboard-asset-card .dashboard-creative-media:has(.dashboard-preview-fallback:not([hidden])) {
    background:
        radial-gradient(circle at 50% 18%, rgba(126,107,255,.2), transparent 38%),
        linear-gradient(145deg, rgba(7,15,28,.98), rgba(10,22,39,.98));
}
.dashboard-creative-media > img[data-dashboard-fallback-img].is-broken,
.dashboard-creative-media > img[data-dashboard-fallback-img][hidden] {
    display: none !important;
}
.dashboard-creative-media > img[data-dashboard-fallback-img].is-broken + .dashboard-preview-fallback,
.dashboard-creative-media > img[data-dashboard-fallback-img][hidden] + .dashboard-preview-fallback {
    display: block !important;
}
.dashboard-assets-grid .dashboard-render-asset-icon {
    width: 100%;
    height: 100%;
    max-width: none;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 22px;
}
.dashboard-assets-grid .dashboard-render-asset-icon span {
    margin-bottom: 4px;
}
.dashboard-assets-grid .dashboard-preview-fallback {
    position: absolute;
    inset: 0;
    z-index: 1;
}
.dashboard-assets-grid .dashboard-preview-fallback .dashboard-render-preview {
    width: 100%;
    height: 100%;
    max-width: none;
}

/* Solvra desktop fixed sidebar layout fix */
@media (min-width: 981px) {
    .app-shell {
        display: block !important;
        min-height: 100vh;
        padding-inline-start: 280px;
        grid-template-columns: none !important;
    }

    .sidebar {
        position: fixed !important;
        inset-block: 0 !important;
        inset-inline-start: 0 !important;
        width: 280px !important;
        height: 100dvh !important;
        min-height: 100dvh !important;
        max-height: 100dvh !important;
        z-index: 60;
        overflow-y: auto;
        overflow-x: hidden;
        transform: none !important;
    }

    .workspace {
        min-width: 0;
        width: 100%;
    }

    .app-topbar {
        position: sticky;
        top: 0;
        z-index: 45;
        backdrop-filter: blur(22px);
        -webkit-backdrop-filter: blur(22px);
    }
}

/* Dashboard rebuilt layout: sticky right sidebar */
@media (min-width: 1121px) {
    .dashboard-v9 .dashboard-hero-grid {
        align-items: start !important;
    }

    .dashboard-v9 .dashboard-hero-panel {
        min-width: 0;
    }

    .dashboard-v9 .dashboard-side-panel,
    .dashboard-v9 aside.dashboard-side-panel,
    .dashboard-v9 .active-brands-panel.dashboard-side-panel {
        position: sticky !important;
        top: 88px !important;
        align-self: start !important;
        height: auto !important;
        max-height: calc(100dvh - 108px) !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        overscroll-behavior: contain;
        scrollbar-gutter: stable;
        z-index: 8;
    }

    .dashboard-v9 .dashboard-side-panel::-webkit-scrollbar {
        width: 6px;
    }

    .dashboard-v9 .dashboard-side-panel::-webkit-scrollbar-track {
        background: transparent;
    }

    .dashboard-v9 .dashboard-side-panel::-webkit-scrollbar-thumb {
        background: rgba(192, 193, 255, .28);
        border-radius: 999px;
    }
}

@media (min-width: 981px) and (max-width: 1120px) {
    .dashboard-v9 .dashboard-side-panel,
    .dashboard-v9 aside.dashboard-side-panel,
    .dashboard-v9 .active-brands-panel.dashboard-side-panel {
        position: static !important;
        max-height: none !important;
        overflow: visible !important;
    }
}

/* Dashboard v9 sticky sidebar: page-level sticky, no internal sidebar scrolling */
@media (min-width: 1121px) {
    .dashboard-v9,
    .dashboard-v9 .dashboard-main-grid,
    .dashboard-v9 .dashboard-hero-grid {
        overflow: visible !important;
    }

    .dashboard-v9 .dashboard-hero-grid {
        align-items: start !important;
        grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr) !important;
    }

    .dashboard-v9 .dashboard-hero-panel {
        min-width: 0 !important;
        overflow: visible !important;
    }

    .dashboard-v9 .dashboard-side-panel,
    .dashboard-v9 aside.dashboard-side-panel,
    .dashboard-v9 .active-brands-panel.dashboard-side-panel {
        position: sticky !important;
        top: 88px !important;
        align-self: start !important;
        height: max-content !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        overscroll-behavior: auto !important;
        scrollbar-gutter: auto !important;
        z-index: 8 !important;
    }
}

/* Language modal portal: always above the fixed app sidebar and every app layer */
body.language-modal-open > .language-menu-popup:not([hidden]),
body > .language-menu-popup[data-language-menu-portal]:not([hidden]) {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483000 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100vw !important;
    height: 100dvh !important;
    max-height: none !important;
    margin: 0 !important;
    padding: clamp(18px, 4vw, 48px) !important;
    overflow: auto !important;
    transform: none !important;
    isolation: isolate !important;
}

body > .language-menu-popup[data-language-menu-portal] .language-modal-backdrop {
    position: fixed !important;
    inset: 0 !important;
    z-index: 0 !important;
}

body > .language-menu-popup[data-language-menu-portal] .language-modal-panel {
    position: relative !important;
    z-index: 1 !important;
}

@supports not (height: 100dvh) {
    body.language-modal-open > .language-menu-popup:not([hidden]),
    body > .language-menu-popup[data-language-menu-portal]:not([hidden]) {
        height: 100vh !important;
    }
}

/* v15: dashboard token/active-brands sidebar must stick to the page, not scroll internally */
@media (min-width: 981px) {
    .suite-dashboard.dashboard-v9,
    .suite-dashboard.dashboard-v9 > .dashboard-main-grid.dashboard-hero-grid,
    .suite-dashboard.dashboard-v9 > .dashboard-main-grid.dashboard-hero-grid > .dashboard-hero-panel,
    .suite-dashboard.dashboard-v9 > .dashboard-main-grid.dashboard-hero-grid > aside.active-brands-panel.dashboard-side-panel {
        overflow: visible !important;
    }

    .suite-dashboard.dashboard-v9 > .dashboard-main-grid.dashboard-hero-grid {
        align-items: start !important;
        grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr) !important;
    }

    .suite-dashboard.dashboard-v9 > .dashboard-main-grid.dashboard-hero-grid > aside.active-brands-panel.dashboard-side-panel {
        position: -webkit-sticky !important;
        position: sticky !important;
        top: 92px !important;
        align-self: start !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        overflow-x: visible !important;
        overflow-y: visible !important;
        overscroll-behavior: auto !important;
        scrollbar-gutter: auto !important;
        z-index: 30 !important;
        display: grid !important;
        align-content: start !important;
        gap: 18px !important;
    }

    .suite-dashboard.dashboard-v9 > .dashboard-main-grid.dashboard-hero-grid > aside.active-brands-panel.dashboard-side-panel .dashboard-token-summary,
    .suite-dashboard.dashboard-v9 > .dashboard-main-grid.dashboard-hero-grid > aside.active-brands-panel.dashboard-side-panel .dashboard-active-brands,
    .suite-dashboard.dashboard-v9 > .dashboard-main-grid.dashboard-hero-grid > aside.active-brands-panel.dashboard-side-panel .brand-list,
    .suite-dashboard.dashboard-v9 > .dashboard-main-grid.dashboard-hero-grid > aside.active-brands-panel.dashboard-side-panel .compact-list {
        max-height: none !important;
        overflow: visible !important;
    }
}

@media (max-width: 980px) {
    .suite-dashboard.dashboard-v9 > .dashboard-main-grid.dashboard-hero-grid > aside.active-brands-panel.dashboard-side-panel {
        position: static !important;
        top: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }
}

/* Regeneration and single-item creation controls */
.single-strategy-create-box,
.regenerate-prompt-field {
    display: grid;
    gap: 10px;
    padding: 16px;
    border: 1px solid color-mix(in srgb, var(--border, #ffffff22) 80%, transparent);
    border-radius: 18px;
    background: color-mix(in srgb, var(--panel-soft, #ffffff08) 72%, transparent);
}

.single-strategy-create-box {
    margin-top: 18px;
    grid-template-columns: minmax(160px, .7fr) minmax(240px, 1.2fr) auto;
    align-items: end;
}

.single-strategy-create-box label,
.regenerate-prompt-field {
    color: var(--muted, #9ca3af);
    font-size: .86rem;
    font-weight: 700;
}

.single-strategy-create-box select,
.single-strategy-create-box textarea,
.regenerate-prompt-field textarea,
.asset-custom-prompt-field textarea {
    width: 100%;
    margin-top: 8px;
    min-height: 44px;
    border-radius: 14px;
    border: 1px solid color-mix(in srgb, var(--border, #ffffff22) 84%, transparent);
    background: color-mix(in srgb, var(--surface, #111827) 72%, transparent);
    color: var(--text, #f8fafc);
    padding: 11px 13px;
    outline: none;
}

.single-strategy-create-box textarea,
.regenerate-prompt-field textarea,
.asset-custom-prompt-field textarea {
    min-height: 92px;
    resize: vertical;
}

.concept-action-row-editor {
    align-items: stretch;
    flex-wrap: wrap;
}

.concept-action-row-editor .regenerate-prompt-field {
    flex: 1 1 320px;
}

.asset-card-actions,
.concept-card-actions,
.asset-live-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.asset-card-actions {
    margin-top: 12px;
}

.asset-card-actions .btn,
.concept-card-actions .btn,
.asset-live-actions .btn {
    justify-content: center;
}

@media (max-width: 780px) {
    .single-strategy-create-box {
        grid-template-columns: 1fr;
    }
}

/* Regenerate prompt modal */
body.regeneration-prompt-open { overflow: hidden; }
.regeneration-prompt-modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: grid;
    place-items: center;
    padding: 20px;
}
.regeneration-prompt-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(2, 6, 23, .72);
    backdrop-filter: blur(14px);
}
.regeneration-prompt-panel {
    position: relative;
    width: min(640px, 100%);
    border: 1px solid rgba(148, 163, 184, .24);
    border-radius: 28px;
    background: linear-gradient(145deg, rgba(15, 23, 42, .98), rgba(30, 41, 59, .96));
    box-shadow: 0 34px 100px rgba(0, 0, 0, .46);
    padding: 28px;
    color: #f8fafc;
    overflow: hidden;
}
.regeneration-prompt-panel::before {
    content: '';
    position: absolute;
    inset: -120px -80px auto auto;
    width: 260px;
    height: 260px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(129, 140, 248, .28), transparent 68%);
    pointer-events: none;
}
.regeneration-prompt-close {
    position: absolute;
    top: 18px;
    inset-inline-end: 18px;
    width: 40px;
    height: 40px;
    border: 1px solid rgba(148, 163, 184, .25);
    border-radius: 14px;
    background: rgba(15, 23, 42, .72);
    color: #e2e8f0;
    cursor: pointer;
    z-index: 1;
}
.regeneration-prompt-header { position: relative; z-index: 1; padding-inline-end: 46px; }
.regeneration-prompt-header span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #a5b4fc;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.regeneration-prompt-header h3 {
    margin: 10px 0 8px;
    font-size: clamp(1.45rem, 4vw, 2rem);
    line-height: 1.1;
}
.regeneration-prompt-header p {
    margin: 0 0 20px;
    color: #cbd5e1;
    line-height: 1.65;
}
.regeneration-prompt-label {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 8px;
    color: #dbeafe;
    font-weight: 800;
}
.regeneration-prompt-label textarea {
    width: 100%;
    min-height: 170px;
    resize: vertical;
    border: 1px solid rgba(148, 163, 184, .28);
    border-radius: 20px;
    background: rgba(15, 23, 42, .74);
    color: #fff;
    padding: 16px;
    font: inherit;
    line-height: 1.6;
    outline: none;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}
.regeneration-prompt-label textarea:focus {
    border-color: rgba(129, 140, 248, .82);
    box-shadow: 0 0 0 4px rgba(129, 140, 248, .14);
}
.regeneration-prompt-actions {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
}
[data-theme="light"] .regeneration-prompt-panel {
    background: linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(248, 250, 252, .96));
    color: #0f172a;
}
[data-theme="light"] .regeneration-prompt-close,
[data-theme="light"] .regeneration-prompt-label textarea {
    background: rgba(255, 255, 255, .9);
    color: #0f172a;
}
[data-theme="light"] .regeneration-prompt-header p { color: #475569; }
@media (max-width: 640px) {
    .regeneration-prompt-modal { padding: 12px; align-items: end; }
    .regeneration-prompt-panel { border-radius: 24px; padding: 22px; }
    .regeneration-prompt-actions .btn { flex: 1 1 100%; }
}

/* Help Center tickets */
.helpdesk-page { display: grid; gap: 22px; max-width: 1380px; margin: 0 auto; padding: 28px 28px 96px; }
.helpdesk-hero { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.helpdesk-alert { margin: 0; }
.helpdesk-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.helpdesk-metrics .panel { padding: 20px; }
.helpdesk-metrics span { display: block; color: var(--muted); font-size: 13px; font-weight: 800; margin-bottom: 8px; }
.helpdesk-metrics strong { display: block; color: var(--text); font-size: clamp(28px, 4vw, 42px); line-height: 1; }
.helpdesk-layout { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(300px, .75fr); gap: 18px; align-items: start; }
.helpdesk-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.helpdesk-form label { display: grid; gap: 7px; color: var(--muted); font-size: 13px; font-weight: 800; }
.helpdesk-form input,
.helpdesk-form select,
.helpdesk-form textarea { width: 100%; border: 1px solid rgba(160, 174, 214, .2); border-radius: 16px; background: rgba(255,255,255,.06); color: var(--text); padding: 13px 14px; font: inherit; outline: none; }
.helpdesk-form textarea { resize: vertical; line-height: 1.65; }
.helpdesk-form input:focus,
.helpdesk-form select:focus,
.helpdesk-form textarea:focus { border-color: rgba(126, 107, 255, .72); box-shadow: 0 0 0 4px rgba(126,107,255,.12); }
.helpdesk-full-field { grid-column: 1 / -1; }
.helpdesk-category-card { position: sticky; top: 96px; }
.helpdesk-category-list { display: grid; gap: 10px; }
.helpdesk-category-item { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 10px; align-items: center; border: 1px solid rgba(160,174,214,.16); border-radius: 18px; padding: 12px; background: rgba(255,255,255,.035); }
.helpdesk-category-item i { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 14px; background: rgba(126,107,255,.16); color: #c7c9ff; }
.helpdesk-category-item strong { display: block; color: var(--text); }
.helpdesk-category-item small { display: block; color: var(--muted); line-height: 1.45; margin-top: 3px; }
.helpdesk-ticket-list { display: grid; gap: 10px; }
.helpdesk-ticket-row { display: grid; grid-template-columns: 48px minmax(0, 1fr) auto auto minmax(150px, auto); gap: 12px; align-items: center; text-decoration: none; color: var(--text); border: 1px solid rgba(160,174,214,.15); background: rgba(255,255,255,.035); border-radius: 20px; padding: 14px; transition: .18s ease; }
.helpdesk-ticket-row:hover { transform: translateY(-2px); border-color: rgba(126,107,255,.45); background: rgba(126,107,255,.08); }
.helpdesk-ticket-icon { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 16px; background: rgba(126,107,255,.14); color: #c7c9ff; }
.helpdesk-ticket-main strong { display: block; font-size: 16px; }
.helpdesk-ticket-main small { display: block; color: var(--muted); margin-top: 4px; }
.helpdesk-ticket-row time { color: var(--muted); font-size: 12px; direction: ltr; text-align: end; }
.helpdesk-pill { display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; padding: 7px 10px; font-size: 12px; font-weight: 900; border: 1px solid rgba(160,174,214,.18); white-space: nowrap; }
.helpdesk-pill.status-open,
.helpdesk-pill.status-pending_admin { color: #facc15; background: rgba(250,204,21,.12); border-color: rgba(250,204,21,.28); }
.helpdesk-pill.status-pending_user { color: #38bdf8; background: rgba(56,189,248,.12); border-color: rgba(56,189,248,.28); }
.helpdesk-pill.status-resolved,
.helpdesk-pill.status-closed { color: #34d399; background: rgba(52,211,153,.12); border-color: rgba(52,211,153,.28); }
.helpdesk-pill.priority-low { color: #94a3b8; background: rgba(148,163,184,.12); }
.helpdesk-pill.priority-normal { color: #c7c9ff; background: rgba(126,107,255,.12); }
.helpdesk-pill.priority-high { color: #fb923c; background: rgba(251,146,60,.12); border-color: rgba(251,146,60,.28); }
.helpdesk-pill.priority-urgent { color: #fb7185; background: rgba(251,113,133,.12); border-color: rgba(251,113,133,.28); }
.helpdesk-detail-head { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 18px; }
.helpdesk-detail-head h2 { margin: 6px 0 8px; font-size: clamp(28px, 4vw, 48px); letter-spacing: -.045em; }
.helpdesk-detail-head p { margin: 0; color: var(--muted); }
.helpdesk-detail-badges { display: flex; gap: 8px; flex-wrap: wrap; justify-content: end; }
.helpdesk-detail-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, .4fr); gap: 18px; align-items: start; }
.helpdesk-message-list { display: grid; gap: 14px; }
.helpdesk-message { border: 1px solid rgba(160,174,214,.15); border-radius: 20px; padding: 16px; background: rgba(255,255,255,.035); }
.helpdesk-message.admin-message { background: rgba(126,107,255,.08); border-color: rgba(126,107,255,.22); }
.helpdesk-message-meta { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px; color: var(--muted); }
.helpdesk-message-meta strong { color: var(--text); }
.helpdesk-message-meta time { direction: ltr; font-size: 12px; }
.helpdesk-message p { margin: 0; color: var(--text); line-height: 1.7; }
.helpdesk-reply-card { position: sticky; top: 96px; }
.helpdesk-close-form { margin-top: 12px; }
.helpdesk-knowledge-panel,
.helpdesk-ticket-panel { display: grid; gap: 18px; }
.helpdesk-knowledge-head { align-items: center; gap: 16px; }
.helpdesk-search-box { display: flex; align-items: center; gap: 10px; min-width: min(360px, 100%); border: 1px solid rgba(160,174,214,.18); border-radius: 999px; padding: 10px 14px; background: rgba(255,255,255,.05); color: var(--muted); }
.helpdesk-search-box input { width: 100%; border: 0; background: transparent; color: var(--text); font: inherit; outline: 0; }
.helpdesk-search-box input::placeholder { color: var(--muted); }
.helpdesk-article-categories { display: flex; flex-wrap: wrap; gap: 10px; }
.helpdesk-article-category { display: inline-flex; align-items: center; gap: 8px; border: 1px solid rgba(160,174,214,.16); border-radius: 999px; padding: 9px 12px; color: var(--text); background: rgba(255,255,255,.035); font-weight: 800; font-size: 13px; }
.helpdesk-article-category i { color: #c7c9ff; }
.helpdesk-article-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.helpdesk-article-card { min-height: 220px; display: grid; align-content: start; gap: 10px; text-decoration: none; color: var(--text); border: 1px solid rgba(160,174,214,.15); border-radius: 22px; padding: 16px; background: rgba(255,255,255,.035); transition: .18s ease; overflow: hidden; }
.helpdesk-article-card:hover { transform: translateY(-2px); border-color: rgba(126,107,255,.45); background: rgba(126,107,255,.08); }
.helpdesk-article-card img { width: 100%; height: 126px; object-fit: cover; border-radius: 16px; margin-bottom: 2px; }
.helpdesk-article-icon { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 18px; background: rgba(126,107,255,.14); color: #c7c9ff; font-size: 20px; }
.helpdesk-article-card small { color: var(--muted); font-weight: 800; }
.helpdesk-article-card strong { font-size: 17px; line-height: 1.35; }
.helpdesk-article-card p { margin: 0; color: var(--muted); line-height: 1.55; }
.helpdesk-article-card.is-hidden,
.helpdesk-article-category.is-hidden { display: none; }
.helpdesk-articles-empty { grid-column: 1 / -1; }
.helpdesk-ticket-panel .helpdesk-metrics { margin: 0; }
.helpdesk-ticket-modal { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; padding: 22px; }
.helpdesk-ticket-modal[hidden] { display: none; }
.helpdesk-ticket-modal-backdrop { position: absolute; inset: 0; background: rgba(5,8,20,.72); backdrop-filter: blur(14px); }
.helpdesk-ticket-modal-panel { position: relative; z-index: 1; width: min(780px, 100%); max-height: min(88vh, 920px); overflow: auto; padding: 24px; box-shadow: 0 32px 80px rgba(0,0,0,.38); }
.helpdesk-ticket-modal-close { position: absolute; top: 14px; inset-inline-end: 14px; width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid rgba(160,174,214,.18); border-radius: 14px; background: rgba(255,255,255,.07); color: var(--text); cursor: pointer; }
body.support-ticket-modal-open { overflow: hidden; }
[data-theme="light"] .helpdesk-form input,
[data-theme="light"] .helpdesk-form select,
[data-theme="light"] .helpdesk-form textarea,
[data-theme="light"] .helpdesk-category-item,
[data-theme="light"] .helpdesk-ticket-row,
[data-theme="light"] .helpdesk-message,
[data-theme="light"] .helpdesk-article-card,
[data-theme="light"] .helpdesk-article-category,
[data-theme="light"] .helpdesk-search-box,
[data-theme="light"] .helpdesk-ticket-modal-close { background: rgba(255,255,255,.92); }
@media (max-width: 1100px) {
    .helpdesk-layout,
    .helpdesk-detail-layout { grid-template-columns: 1fr; }
    .helpdesk-article-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .helpdesk-category-card,
    .helpdesk-reply-card { position: static; }
    .helpdesk-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
    .helpdesk-page { padding: 18px 16px 76px; }
    .helpdesk-article-grid { grid-template-columns: 1fr; }
    .helpdesk-knowledge-head { align-items: stretch; }
    .helpdesk-search-box { min-width: 0; }
    .helpdesk-ticket-modal { padding: 10px; align-items: end; }
    .helpdesk-ticket-modal-panel { max-height: 92vh; border-radius: 24px; }
    .helpdesk-hero,
    .helpdesk-detail-head { display: grid; }
    .helpdesk-metrics,
    .helpdesk-form { grid-template-columns: 1fr; }
    .helpdesk-ticket-row { grid-template-columns: 42px minmax(0, 1fr); }
    .helpdesk-ticket-row .helpdesk-pill,
    .helpdesk-ticket-row time { grid-column: 2; justify-self: start; }
}

/* Solvra Aether Support Center + safe checkout polish */
.pricing-flash-stack { width: min(1180px, calc(100% - 40px)); margin: -18px auto 28px; display: grid; gap: 10px; }
.solvra-checkout-link { position: relative; isolation: isolate; }
.solvra-checkout-link::after { content: ""; position: absolute; inset: -4px; border-radius: inherit; pointer-events: none; opacity: 0; box-shadow: 0 0 0 4px rgba(192,193,255,.12); transition: opacity .18s ease; }
.solvra-checkout-link:hover::after { opacity: 1; }

.support-aether-page {
    --support-bg: #051424;
    --support-bg-deep: #010f1f;
    --support-surface: rgba(18, 33, 49, .52);
    --support-surface-strong: rgba(28, 43, 60, .74);
    --support-line: rgba(144, 143, 160, .18);
    --support-line-strong: rgba(192, 193, 255, .32);
    --support-text: #d4e4fa;
    --support-muted: #c7c4d7;
    --support-primary: #c0c1ff;
    --support-primary-dark: #8083ff;
    position: relative;
    display: grid;
    gap: 34px;
    min-height: calc(100vh - 92px);
    max-width: 1280px;
    margin: 0 auto;
    padding: clamp(22px, 3vw, 42px) clamp(16px, 3vw, 36px) 104px;
    color: var(--support-text);
    overflow: hidden;
}
.support-aether-page::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: -1;
    background:
        radial-gradient(circle at 52% 8%, rgba(99, 102, 241, .16), transparent 38%),
        radial-gradient(circle at 85% 72%, rgba(192, 193, 255, .10), transparent 36%),
        linear-gradient(180deg, rgba(5,20,36,.84), rgba(1,15,31,.94));
}
.support-aether-pulse {
    position: absolute;
    inset: -140px 0 auto 0;
    height: 420px;
    pointer-events: none;
    background: radial-gradient(circle at 50% 50%, rgba(99,102,241,.08), transparent 70%);
    animation: supportPulse 8s ease-in-out infinite;
}
@keyframes supportPulse { 0%, 100% { opacity: .45; transform: scale(1); } 50% { opacity: .8; transform: scale(1.06); } }
.support-aether-hero { position: relative; z-index: 1; text-align: center; display: grid; gap: 14px; padding-top: 12px; }
.support-aether-kicker { color: var(--support-primary); font-size: 12px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.support-aether-hero h1 { margin: 0; font-family: "Space Grotesk", var(--font); font-size: clamp(42px, 6vw, 68px); line-height: 1.02; letter-spacing: -.045em; color: var(--support-text); }
.support-aether-hero p { width: min(740px, 100%); margin: 0 auto; color: rgba(199,196,215,.82); font-size: clamp(15px, 2vw, 18px); line-height: 1.7; }
.support-aether-flashes { display: grid; gap: 10px; position: relative; z-index: 2; }
.support-aether-actions { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.support-aether-action-card,
.support-aether-article-card,
.support-aether-ticket-table,
.support-aether-direct,
.support-chatbot-panel {
    border: 1px solid var(--support-line);
    background: var(--support-surface);
    backdrop-filter: blur(16px);
    box-shadow: 0 26px 80px rgba(0, 0, 0, .22);
}
.support-aether-action-card {
    min-height: 310px;
    border-radius: 18px;
    padding: clamp(24px, 3vw, 36px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 16px;
    transition: transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease;
}
.support-aether-action-card:hover { transform: translateY(-3px); border-color: var(--support-line-strong); background: rgba(18,33,49,.68); box-shadow: 0 30px 90px rgba(99,102,241,.12); }
.support-aether-action-card.is-primary { border-color: rgba(192,193,255,.25); }
.support-aether-action-card h2 { margin: 0; font-family: "Space Grotesk", var(--font); font-size: clamp(24px, 3vw, 32px); letter-spacing: -.035em; color: var(--support-text); }
.support-aether-action-card p { margin: 0; max-width: 300px; color: rgba(199,196,215,.88); line-height: 1.58; }
.support-aether-action-card .btn { margin-top: 8px; min-width: 150px; }
.support-aether-action-icon { width: 70px; height: 70px; display: grid; place-items: center; border-radius: 999px; background: rgba(192,193,255,.12); color: var(--support-primary); font-size: 30px; box-shadow: inset 0 0 0 1px rgba(192,193,255,.08); }
.support-aether-action-card:not(.is-primary) .support-aether-action-icon { background: rgba(39,54,71,.9); color: var(--support-text); }
.support-aether-search { width: min(300px, 100%); min-height: 48px; display: flex; align-items: center; gap: 10px; border: 1px solid rgba(144,143,160,.16); border-radius: 14px; padding: 0 14px; background: rgba(39,54,71,.72); color: rgba(199,196,215,.72); }
.support-aether-search input { width: 100%; border: 0; background: transparent; color: var(--support-text); outline: 0; box-shadow: none; }
.support-aether-search input:focus { box-shadow: none; }
.support-aether-search input::placeholder { color: rgba(199,196,215,.58); }
.support-aether-search-wide { width: min(360px, 100%); }
.support-aether-section { position: relative; z-index: 1; display: grid; gap: 22px; }
.support-aether-section-head { display: flex; align-items: end; justify-content: space-between; gap: 18px; }
.support-aether-section-head h2 { margin: 0; font-family: "Space Grotesk", var(--font); font-size: clamp(28px, 4vw, 36px); letter-spacing: -.035em; color: var(--support-text); }
.support-aether-section-head p { margin: 7px 0 0; color: rgba(199,196,215,.78); line-height: 1.55; }
.support-aether-article-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.support-aether-article-card { min-height: 250px; border-radius: 18px; padding: 24px; display: flex; flex-direction: column; gap: 18px; transition: transform .2s ease, border-color .2s ease, background .2s ease; }
.support-aether-article-card:hover { transform: translateY(-2px); border-color: rgba(192,193,255,.28); background: rgba(18,33,49,.68); }
.support-aether-article-title { display: flex; align-items: center; gap: 14px; }
.support-aether-article-title span { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 12px; color: var(--support-primary); background: rgba(192,193,255,.10); }
.support-aether-article-title h3 { margin: 0; font-size: 17px; line-height: 1.35; color: var(--support-text); }
.support-aether-article-card ul { list-style: none; display: grid; gap: 10px; padding: 0; margin: 0; }
.support-aether-article-card li a,
.support-aether-article-card li span { display: block; color: rgba(212,228,250,.88); line-height: 1.42; font-size: 14px; }
.support-aether-article-card li a:hover { color: var(--support-primary); }
.support-aether-explore { margin-top: auto; display: inline-flex; align-items: center; gap: 10px; color: var(--support-primary); font-size: 12px; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; }
.support-aether-explore:hover { gap: 14px; }
[dir="rtl"] .support-aether-explore i { transform: rotate(180deg); }
.support-aether-ticket-table { border-radius: 18px; overflow: hidden; }
.support-aether-ticket-head,
.support-aether-ticket-row { display: grid; grid-template-columns: 150px minmax(0, 1fr) 150px 180px; gap: 16px; align-items: center; padding: 18px 24px; }
.support-aether-ticket-head { background: rgba(39,54,71,.48); color: rgba(199,196,215,.88); font-size: 12px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.support-aether-ticket-row { border-top: 1px solid rgba(144,143,160,.12); color: var(--support-text); transition: background .16s ease; }
.support-aether-ticket-row:hover { background: rgba(192,193,255,.06); }
.support-aether-ticket-row strong { color: var(--support-primary); letter-spacing: .02em; }
.support-aether-ticket-row span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.support-aether-ticket-row time { color: rgba(199,196,215,.82); direction: ltr; }
.support-aether-ticket-row em { justify-self: start; font-style: normal; }
.support-aether-empty { margin: 0; border-radius: 18px; background: rgba(18,33,49,.5); border: 1px dashed rgba(144,143,160,.22); }
.support-aether-direct { border-radius: 20px; padding: clamp(24px, 4vw, 38px); display: flex; align-items: center; justify-content: space-between; gap: 22px; background: linear-gradient(135deg, rgba(28,43,60,.86), rgba(18,33,49,.54)); }
.support-aether-direct h2 { margin: 0 0 8px; font-family: "Space Grotesk", var(--font); font-size: clamp(26px, 3vw, 34px); color: var(--support-text); }
.support-aether-direct p { margin: 0; max-width: 700px; color: rgba(199,196,215,.86); line-height: 1.6; }
.support-aether-article-card.is-hidden { display: none; }

.support-chatbot-fab { position: fixed; inset-inline-end: 32px; bottom: 32px; z-index: 999; width: 68px; height: 68px; display: grid; place-items: center; border: 1px solid rgba(192,193,255,.36); border-radius: 999px; color: #1000a9; background: linear-gradient(180deg, #dcdcff, #bdbdff); box-shadow: 0 22px 55px rgba(99,102,241,.32); font-size: 25px; cursor: pointer; transition: transform .18s ease, box-shadow .18s ease; }
.support-chatbot-fab:hover { transform: translateY(-3px) scale(1.02); box-shadow: 0 28px 70px rgba(99,102,241,.42); }
.support-chatbot-widget { position: fixed; inset-inline-end: 30px; bottom: 112px; z-index: 1000; width: min(420px, calc(100vw - 28px)); }
.support-chatbot-widget[hidden] { display: none; }
.support-chatbot-panel { border-radius: 18px; overflow: hidden; background: rgba(5,20,36,.94); }
.support-chatbot-panel header { display: flex; align-items: center; gap: 12px; padding: 16px; border-bottom: 1px solid rgba(144,143,160,.16); }
.support-chatbot-panel header > span { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 999px; background: rgba(192,193,255,.18); color: var(--support-primary); }
.support-chatbot-panel header div { min-width: 0; flex: 1; }
.support-chatbot-panel header h2 { margin: 0; font-size: 15px; color: var(--support-text); }
.support-chatbot-panel header p { margin: 3px 0 0; color: rgba(199,196,215,.76); font-size: 12px; }
.support-chatbot-panel header button { width: 34px; height: 34px; border: 1px solid rgba(144,143,160,.18); border-radius: 12px; background: rgba(255,255,255,.06); color: var(--support-text); }
.support-chatbot-messages { display: grid; align-content: start; gap: 12px; height: 330px; overflow: auto; padding: 16px; scroll-behavior: smooth; }
.support-chatbot-message { display: flex; }
.support-chatbot-message > div { max-width: 86%; border: 1px solid rgba(144,143,160,.15); border-radius: 16px; padding: 12px 14px; color: var(--support-text); background: rgba(18,33,49,.78); line-height: 1.55; font-size: 14px; }
.support-chatbot-message.is-user { justify-content: flex-end; }
.support-chatbot-message.is-user > div { background: rgba(192,193,255,.16); border-color: rgba(192,193,255,.24); }
.support-chatbot-sources { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.support-chatbot-sources a,
.support-chatbot-sources span { display: inline-flex; align-items: center; min-height: 26px; border: 1px solid rgba(192,193,255,.18); border-radius: 999px; padding: 4px 9px; color: var(--support-primary); background: rgba(192,193,255,.08); font-size: 12px; }
.support-chatbot-ticket-btn { margin-top: 10px; display: inline-flex; align-items: center; justify-content: center; min-height: 34px; border: 1px solid rgba(192,193,255,.34); border-radius: 12px; color: #1000a9; background: var(--support-primary); font-weight: 900; padding: 0 12px; }
.support-chatbot-form { display: grid; grid-template-columns: minmax(0, 1fr) 46px; gap: 8px; padding: 12px; border-top: 1px solid rgba(144,143,160,.16); background: rgba(1,15,31,.74); }
.support-chatbot-form input { min-height: 46px; border: 1px solid rgba(144,143,160,.16); border-radius: 12px; background: rgba(0,0,0,.22); padding: 0 13px; color: var(--support-text); }
.support-chatbot-form button { border: 0; border-radius: 12px; background: var(--support-primary); color: #1000a9; font-size: 17px; }
.support-chatbot-form.is-loading { opacity: .74; pointer-events: none; }

[data-theme="light"] .support-aether-page { --support-text: #182235; --support-muted: #566174; --support-surface: rgba(255,255,255,.78); --support-surface-strong: rgba(255,255,255,.92); --support-line: rgba(24,34,53,.12); --support-line-strong: rgba(73,75,214,.28); --support-primary: #494bd6; }
[data-theme="light"] .support-aether-page::before { background: radial-gradient(circle at 52% 8%, rgba(73,75,214,.10), transparent 38%), linear-gradient(180deg, rgba(244,247,251,.95), rgba(236,241,248,.92)); }
[data-theme="light"] .support-aether-hero p,
[data-theme="light"] .support-aether-action-card p,
[data-theme="light"] .support-aether-section-head p,
[data-theme="light"] .support-aether-direct p { color: rgba(86,97,116,.88); }
[data-theme="light"] .support-aether-search { background: rgba(255,255,255,.86); }
[data-theme="light"] .support-chatbot-panel { background: rgba(255,255,255,.96); }
[data-theme="light"] .support-chatbot-message > div { background: rgba(244,247,251,.96); color: #182235; }
[data-theme="light"] .support-chatbot-form { background: rgba(244,247,251,.94); }
[data-theme="light"] .support-chatbot-form input { background: #fff; color: #182235; }

@media (max-width: 1160px) {
    .support-aether-actions { grid-template-columns: 1fr; }
    .support-aether-action-card { min-height: 240px; }
    .support-aether-article-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .support-aether-ticket-head,
    .support-aether-ticket-row { grid-template-columns: 132px minmax(0, 1fr) 136px; }
    .support-aether-ticket-head span:last-child,
    .support-aether-ticket-row time { display: none; }
}
@media (max-width: 760px) {
    .pricing-flash-stack { width: calc(100% - 28px); }
    .support-aether-page { padding: 20px 14px 96px; gap: 24px; }
    .support-aether-hero { text-align: start; }
    .support-aether-hero h1 { font-size: clamp(36px, 12vw, 52px); }
    .support-aether-actions { gap: 14px; }
    .support-aether-action-card { min-height: auto; align-items: flex-start; text-align: start; padding: 22px; }
    .support-aether-action-card p { max-width: none; }
    .support-aether-section-head { display: grid; align-items: stretch; }
    .support-aether-search-wide { width: 100%; }
    .support-aether-article-grid { grid-template-columns: 1fr; gap: 14px; }
    .support-aether-article-card { min-height: 0; }
    .support-aether-ticket-table { background: transparent; border: 0; box-shadow: none; display: grid; gap: 10px; }
    .support-aether-ticket-head { display: none; }
    .support-aether-ticket-row { grid-template-columns: 1fr; gap: 8px; border: 1px solid var(--support-line); border-radius: 18px; background: var(--support-surface); padding: 16px; }
    .support-aether-ticket-row span { white-space: normal; }
    .support-aether-ticket-row em { justify-self: start; }
    .support-aether-ticket-row time { display: block; }
    .support-aether-direct { display: grid; }
    .support-aether-direct .btn { width: 100%; }
    .support-chatbot-widget { inset-inline: 10px; bottom: 88px; width: auto; }
    .support-chatbot-fab { inset-inline-end: 18px; bottom: 18px; width: 58px; height: 58px; }
    .support-chatbot-messages { height: min(55vh, 360px); }
    .support-chatbot-panel { border-radius: 18px; }
}

/* Patch: global support chatbot side panel */
.support-chatbot-widget {
    position: fixed !important;
    inset-inline-end: 28px !important;
    top: 96px !important;
    bottom: auto !important;
    z-index: 1100 !important;
    width: min(430px, calc(100vw - 36px)) !important;
}
.support-chatbot-panel {
    height: min(680px, calc(100vh - 124px));
    max-height: calc(100vh - 124px);
    display: flex;
    flex-direction: column;
    box-shadow: 0 28px 90px rgba(0,0,0,.36), 0 0 0 1px rgba(192,193,255,.12);
}
.support-chatbot-messages {
    flex: 1 1 auto;
    height: auto !important;
    min-height: 280px;
}
.support-chatbot-form {
    flex: 0 0 auto;
}
.support-chatbot-fab {
    z-index: 1090 !important;
}
.support-chatbot-message > div {
    white-space: normal;
}
.support-chatbot-message.is-bot > div {
    background: linear-gradient(180deg, rgba(18,33,49,.92), rgba(11,25,42,.92));
}
[data-theme="light"] .support-chatbot-message.is-bot > div {
    background: linear-gradient(180deg, #ffffff, #f3f6fb);
}
.dashboard-concepts-grid .dashboard-concept-card .dashboard-creative-media > img,
.dashboard-section-concepts .dashboard-creative-media > img {
    width: 100%;
    height: 100%;
    min-height: 220px;
    object-fit: cover;
}
.dashboard-section-concepts .dashboard-preview-fallback {
    position: absolute;
    inset: 0;
}
.dashboard-section-concepts .dashboard-render-preview {
    width: 100%;
    height: 100%;
    max-width: none;
}
.brand-sticky-strategy-cta {
    position: fixed;
    bottom: 18px;
    z-index: 1080;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    width: min(720px, calc(100vw - 340px));
    border: 1px solid rgba(192,193,255,.28);
    border-radius: 22px;
    padding: 12px;
    background: rgba(7,16,31,.88);
    box-shadow: 0 24px 80px rgba(0,0,0,.32);
    backdrop-filter: blur(18px);
}
.brand-sticky-strategy-cta a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 52px;
    border-radius: 16px;
    font-weight: 900;
}
@media (max-width: 760px) {
    .support-chatbot-widget {
        inset-inline: 10px !important;
        top: auto !important;
        bottom: 88px !important;
        width: auto !important;
    }
    .support-chatbot-panel {
        height: min(70vh, 560px);
        max-height: min(70vh, 560px);
    }
    .support-chatbot-messages {
        min-height: 220px;
    }
    .brand-sticky-strategy-cta {
        left: 8px;
        right: 8px;
        transform: none;
        bottom: 12px;
        width: auto;
        padding: 8px;
    }
}

.brand-guideline-sheet, .brand-next-actions { scroll-margin-bottom: 96px; }
body.app-body:has(.brand-sticky-strategy-cta) .app-content { padding-bottom: 108px; }

/* Solvra 2.0 fixes: pricing toggle, payments, asset language/translation/loading */
.pricing-billing-toggle-wrap{display:flex;justify-content:center;align-items:center;margin:8px 0 30px;gap:14px}.pricing-billing-toggle{display:inline-flex;align-items:center;gap:6px;padding:6px;border:1px solid rgba(160,174,214,.24);background:linear-gradient(180deg,rgba(21,36,58,.92),rgba(9,19,34,.88));border-radius:999px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 18px 45px rgba(0,0,0,.18);backdrop-filter:blur(14px)}.pricing-billing-toggle button{position:relative;border:0;background:transparent;color:#b7c4dd;border-radius:999px;padding:12px 18px;font-weight:900;font-size:14px;letter-spacing:.02em;cursor:pointer;transition:color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}.pricing-billing-toggle button:hover{color:#fff}.pricing-billing-toggle button.is-active{color:#fff;background:linear-gradient(135deg,#7e6bff,#22d3ee);box-shadow:0 12px 30px rgba(87,101,255,.28)}.pricing-billing-toggle button:focus-visible{outline:2px solid rgba(126,107,255,.8);outline-offset:3px}.pricing-billing-toggle em{display:inline-flex;margin-inline-start:7px;padding:3px 7px;border-radius:999px;background:rgba(255,255,255,.18);font-style:normal;font-size:10px;font-weight:1000;letter-spacing:.08em;text-transform:uppercase;color:#fff}.footer-payment-logos{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;width:100%;margin-top:2px}.payment-logo{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:6px 10px;border-radius:9px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#dfe8ff;font-size:11px;font-weight:900;letter-spacing:.04em;line-height:1}.payment-logo-paypal{background:linear-gradient(135deg,rgba(0,48,135,.22),rgba(0,156,222,.16));color:#9edcff;border-color:rgba(0,156,222,.3)}.asset-loading-cube{width:58px;height:58px;margin:20px auto 18px;position:relative;display:grid;place-items:center;transform-style:preserve-3d;animation:solvraCubeSpin 2.8s infinite ease-in-out}.asset-loading-cube.small{width:36px;height:36px;margin:0}.asset-loading-cube i{position:absolute;width:28px;height:28px;border-radius:10px;background:linear-gradient(135deg,#7e6bff,#22d3ee);box-shadow:0 0 24px rgba(126,107,255,.45);animation:solvraCubePulse 1.4s infinite ease-in-out}.asset-loading-cube.small i{width:18px;height:18px;border-radius:7px}.asset-loading-cube i:nth-child(1){transform:translate(-13px,-13px)}.asset-loading-cube i:nth-child(2){transform:translate(13px,-13px);animation-delay:.12s}.asset-loading-cube i:nth-child(3){transform:translate(-13px,13px);animation-delay:.24s}.asset-loading-cube i:nth-child(4){transform:translate(13px,13px);animation-delay:.36s}@keyframes solvraCubeSpin{0%,100%{transform:rotate(0deg) scale(1)}50%{transform:rotate(45deg) scale(1.04)}}@keyframes solvraCubePulse{0%,100%{opacity:.55;filter:saturate(.9)}50%{opacity:1;filter:saturate(1.25);box-shadow:0 0 34px rgba(34,211,238,.46)}}.asset-language-badge,.asset-live-card-eyebrow{display:inline-flex;align-items:center;gap:8px}.asset-live-card-eyebrow{justify-content:space-between;flex-wrap:wrap;margin-bottom:2px}.asset-language-badge{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);border-radius:999px;padding:5px 8px;color:#eaf1ff;font-size:11px;font-weight:900;line-height:1}.asset-language-badge em{font-style:normal;font-size:10px;letter-spacing:.08em}.asset-language-flag{width:20px;height:20px;border-radius:999px;object-fit:cover;display:block}.asset-language-badge .language-flag-wrap,.asset-card-language .language-flag-wrap{display:inline-flex}.asset-card-actions{display:grid;grid-template-columns:1fr;gap:8px}.asset-translate-modal{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:20px}.asset-translate-backdrop{position:absolute;inset:0;background:rgba(2,8,18,.72);backdrop-filter:blur(12px)}.asset-translate-panel{position:relative;z-index:1;width:min(640px,100%);border:1px solid rgba(160,174,214,.2);background:linear-gradient(180deg,rgba(21,34,54,.98),rgba(8,17,31,.98));border-radius:28px;padding:24px;box-shadow:0 34px 100px rgba(0,0,0,.5);color:#fff}.asset-translate-close{position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff;cursor:pointer}.asset-translate-panel header span{display:inline-flex;align-items:center;gap:8px;color:#8fe8ff;font-size:12px;font-weight:1000;letter-spacing:.12em}.asset-translate-panel h3{margin:10px 0 6px;font-size:28px;letter-spacing:-.04em}.asset-translate-panel p{margin:0;color:#aebcda;line-height:1.55}.asset-translate-language-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-top:22px}.asset-translate-language-grid button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);border-radius:16px;padding:12px;color:#fff;text-align:start;cursor:pointer;transition:border-color .18s ease,transform .18s ease,background .18s ease}.asset-translate-language-grid button:hover{transform:translateY(-2px);border-color:rgba(126,107,255,.7);background:rgba(126,107,255,.12)}.asset-translate-language-grid button:disabled{opacity:.55;cursor:wait;transform:none}.asset-translate-language-grid strong{font-size:14px}.asset-translate-language-grid small{color:#8da0c4;font-weight:900}.asset-translate-status{min-height:42px;display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px;color:#cfd9f2;font-weight:800}.success-text{color:#7bf0b0}.error-text{color:#ff9eb1}.partner-logo img[src*="paypal"]{max-width:94px}@media(max-width:700px){.pricing-billing-toggle button{padding:10px 12px;font-size:13px}.asset-translate-panel{padding:22px 16px;border-radius:22px}.asset-translate-language-grid{grid-template-columns:1fr}.footer-payment-logos{justify-content:flex-start}.payment-logo{font-size:10px}}
.homepage-partner-logo img[src*="paypal"]{max-width:108px;object-fit:contain}

.asset-existing-languages{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:2px 0 8px}.asset-existing-languages span{display:inline-flex;align-items:center;gap:5px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);border-radius:999px;padding:4px 8px;color:#dfe8ff;font-size:10px;font-weight:900}.asset-existing-languages em{font-style:normal;letter-spacing:.06em}.asset-existing-languages--modal{margin:16px 0 4px;padding:12px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}.asset-existing-languages--modal strong{width:100%;color:#9fb4d8;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.asset-translate-cost-note{margin-top:16px;border:1px solid rgba(34,211,238,.18);background:rgba(34,211,238,.07);border-radius:16px;padding:11px 13px;color:#cdeeff;font-size:13px;font-weight:800}.asset-translate-language-grid.is-multi button{grid-template-columns:auto auto 1fr auto}.asset-translate-language-grid button.is-selected{border-color:rgba(34,211,238,.75);background:rgba(34,211,238,.14);box-shadow:0 14px 34px rgba(34,211,238,.12)}.asset-translate-language-grid button.is-existing{opacity:.55;cursor:not-allowed;background:rgba(255,255,255,.035)}.asset-translate-check{width:22px;height:22px;border-radius:999px;border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;color:transparent;background:rgba(255,255,255,.04)}.asset-translate-language-grid button.is-selected .asset-translate-check{background:linear-gradient(135deg,#7e6bff,#22d3ee);color:#fff;border-color:transparent}.asset-translate-actions{display:flex;justify-content:flex-end;margin-top:16px}.asset-translate-actions .btn:disabled{opacity:.55;cursor:not-allowed}

/* Asset creation — stitched Aether Intelligence layout */
.asset-creation-page {
    padding-bottom: 132px;
}

.asset-platform-shell--stitched {
    display: block;
}

.asset-platform-workspace--full {
    width: min(1180px, 100%);
    margin: 0 auto;
    display: grid;
    gap: 34px;
}

.asset-active-concept-card {
    display: grid;
    grid-template-columns: minmax(260px, 420px) minmax(0, 1fr);
    align-items: center;
    gap: 28px;
    padding: 28px;
    border-radius: 18px;
    border: 1px solid rgba(192, 193, 255, .18);
    background:
        radial-gradient(circle at 8% 0%, rgba(128, 131, 255, .20), transparent 34%),
        linear-gradient(135deg, rgba(18, 33, 49, .96), rgba(18, 33, 49, .72));
    box-shadow: 0 24px 70px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .06);
    overflow: hidden;
}

.asset-active-concept-visual {
    position: relative;
    aspect-ratio: 16 / 9;
    min-height: 210px;
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid rgba(192, 193, 255, .16);
    background:
        linear-gradient(135deg, rgba(128, 131, 255, .52), rgba(39, 54, 71, .74)),
        radial-gradient(circle at 28% 12%, rgba(98, 243, 199, .18), transparent 42%);
}

.asset-active-concept-visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.asset-active-concept-placeholder {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    color: rgba(255,255,255,.66);
    font-size: 2.2rem;
}

.asset-active-concept-visual span {
    position: absolute;
    inset-inline-start: 18px;
    bottom: 18px;
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 7px 11px;
    border-radius: 7px;
    background: linear-gradient(135deg, #8083ff, #6259ff);
    color: #fff;
    font-size: 11px;
    font-weight: 950;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .04em;
    box-shadow: 0 12px 30px rgba(99, 102, 241, .32);
}

.asset-active-concept-copy {
    min-width: 0;
    display: grid;
    gap: 12px;
}

.asset-active-concept-copy .selected-context-pill {
    width: max-content;
    max-width: 100%;
}

.asset-active-concept-copy h3 {
    margin: 0;
    color: #fff;
    font-size: clamp(1.55rem, 2.6vw, 2.45rem);
    line-height: 1.08;
    letter-spacing: -.055em;
}

.asset-active-concept-copy p {
    margin: 0;
    color: #c7c4d7;
    font-size: 1rem;
    line-height: 1.65;
    max-width: 760px;
}

.asset-generation-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
}

.asset-generation-heading h3 {
    margin: 0;
    color: #fff;
    font-size: clamp(1.7rem, 3vw, 2.35rem);
    line-height: 1.14;
    letter-spacing: -.055em;
}

.asset-generation-heading p {
    margin: 10px 0 0;
    color: #c7c4d7;
    font-size: 1.04rem;
    line-height: 1.55;
}

.asset-category-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
    align-items: stretch;
}

.asset-category-card.asset-platform-panel {
    display: block;
    border-radius: 18px;
    padding: 22px;
    min-height: 0;
    border: 1px solid rgba(192, 193, 255, .18);
    background:
        radial-gradient(circle at 0% 0%, rgba(128, 131, 255, .16), transparent 34%),
        linear-gradient(180deg, rgba(18, 33, 49, .94), rgba(13, 28, 45, .92));
    box-shadow: 0 24px 70px rgba(0, 0, 0, .26), inset 0 1px 0 rgba(255, 255, 255, .055);
}

.asset-category-card.asset-platform-panel > header {
    margin-bottom: 18px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(192, 193, 255, .12);
}

.asset-category-card.asset-platform-panel > header > span {
    width: 48px;
    height: 48px;
    border-radius: 13px;
    background: linear-gradient(135deg, rgba(128, 131, 255, .34), rgba(98, 243, 199, .10));
    border: 1px solid rgba(192, 193, 255, .12);
    color: #c0c1ff;
    box-shadow: 0 14px 30px rgba(0,0,0,.16);
}

.asset-category-card.asset-platform-panel h3 {
    font-size: 1.5rem;
    letter-spacing: -.04em;
}

.asset-category-card.asset-platform-panel p {
    color: #c7c4d7;
    line-height: 1.45;
}

.asset-category-grid .asset-platform-options {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.asset-category-card--prompt {
    grid-column: 1 / -1;
}

.asset-custom-prompt-field--wide textarea {
    width: 100%;
    min-height: 132px;
    border-radius: 14px;
    border: 1px solid rgba(192, 193, 255, .18);
    background: rgba(1, 15, 31, .58);
    color: var(--text);
    resize: vertical;
}

.asset-category-grid .asset-option-card {
    min-height: 98px;
    padding: 16px 16px 14px;
    border-radius: 13px;
    background: rgba(39, 54, 71, .58);
    border-color: rgba(192, 193, 255, .13);
}

.asset-category-grid .asset-option-card > i {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    background: rgba(128, 131, 255, .18);
    color: #c0c1ff;
    font-size: 1rem;
}

.asset-category-grid .asset-option-card:hover,
.asset-category-grid .asset-option-card.selected {
    border-color: rgba(128, 131, 255, .86);
    background: linear-gradient(135deg, rgba(128, 131, 255, .24), rgba(39, 54, 71, .70));
    box-shadow: 0 16px 42px rgba(0,0,0,.22), 0 0 0 1px rgba(255,255,255,.03) inset;
}

.asset-category-grid .asset-option-card strong {
    color: #fff;
    font-size: .96rem;
}

.asset-category-grid .asset-option-card small {
    color: #c7c4d7;
}

.asset-category-grid .banner-size-picker {
    border-color: rgba(192, 193, 255, .18);
    background: rgba(1, 15, 31, .38);
}

.asset-generate-dock {
    position: fixed;
    left: 280px;
    right: 0;
    bottom: 0;
    transform: none;
    width: auto;
    max-width: none;
    z-index: 950;
    border-radius: 0;
    border-inline: 0;
    border-bottom: 0;
    border-top: 1px solid rgba(192, 193, 255, .16);
    background:
        radial-gradient(circle at 82% 20%, rgba(128, 131, 255, .18), transparent 30%),
        rgba(1, 15, 31, .95);
    box-shadow: 0 -24px 70px rgba(0, 0, 0, .38);
    padding: 14px max(32px, calc((100vw - 280px - 1180px) / 2 + 32px));
    backdrop-filter: blur(20px);
}

.asset-generate-dock > div {
    flex: 1;
}

.asset-generate-button {
    min-width: 280px;
    background: linear-gradient(135deg, #8083ff, #6259ff);
    color: #fff;
    box-shadow: 0 16px 34px rgba(99, 102, 241, .34);
}

@media (max-width: 1180px) {
    .asset-category-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 980px) {
    .asset-generate-dock {
        left: 0;
        padding: 14px 18px calc(14px + env(safe-area-inset-bottom, 0px));
    }
}

@media (max-width: 760px) {
    .asset-active-concept-card {
        grid-template-columns: 1fr;
        padding: 18px;
    }
    .asset-active-concept-visual {
        min-height: 190px;
    }
    .asset-category-grid .asset-platform-options {
        grid-template-columns: 1fr;
    }
    .asset-generate-dock {
        align-items: stretch;
        flex-direction: column;
        gap: 12px;
    }
    .asset-generate-button {
        width: 100%;
        min-width: 0;
    }
}

@media (max-width: 980px) and (min-width: 761px) {
    .asset-generate-dock {
        border-radius: 0;
        flex-direction: row;
        align-items: center;
    }
    .asset-generate-button {
        width: auto;
    }
}

.asset-live-card-media.is-video,
.asset-live-card-media.is-video-placeholder,
.marketing-asset-thumb.is-video-thumb {
    background: radial-gradient(circle at 50% 20%, rgba(236,72,153,.28), rgba(10,22,38,.96) 62%);
}
.asset-live-card-media.is-video-placeholder,
.marketing-asset-thumb.is-video-thumb {
    display: grid;
    place-items: center;
}
.asset-live-card-media.is-video-placeholder > i,
.marketing-asset-thumb.is-video-thumb > i {
    font-size: 46px;
    color: #fff;
    text-shadow: 0 18px 44px rgba(236,72,153,.45);
}
.asset-video-marker {
    position: absolute;
    right: 14px;
    top: 14px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 11px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.18);
    background: rgba(8,16,30,.72);
    color: #fff;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .08em;
    backdrop-filter: blur(10px);
    z-index: 3;
}
.asset-video-marker i {
    color: #f0abfc;
    font-size: 10px;
}
.asset-live-card-media.is-video video {
    background: #050b14;
}

/* v23 asset translation/card hardening */
script[data-asset-json], [data-asset-json]{display:none!important;}
.asset-translation-tabs--top{position:relative;z-index:3;margin:0 0 18px;border:1px solid rgba(160,174,214,.14);border-radius:18px;background:rgba(8,18,32,.72);overflow:hidden;contain:layout paint;}
.asset-translation-tab-buttons{display:flex;align-items:center;gap:8px;padding:10px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;}
.asset-translation-tab-btn{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#dfe7ff;border-radius:999px;padding:9px 13px;font-weight:800;cursor:pointer;white-space:nowrap;transition:background .16s ease,border-color .16s ease,transform .16s ease;}
.asset-translation-tab-btn:hover{transform:translateY(-1px);border-color:rgba(126,107,255,.45);}
.asset-translation-tab-btn.is-active{background:linear-gradient(135deg,rgba(126,107,255,.35),rgba(34,211,238,.18));border-color:rgba(126,107,255,.72);color:#fff;}
.asset-translation-tab-btn.is-loading{opacity:.9;}
.asset-translation-tab-panels{min-height:360px;}
.asset-translation-tab-panel{display:none;padding:0 14px 14px;}
.asset-translation-tab-panel.is-active{display:block;}
.asset-translation-loading{min-height:260px;display:grid;place-items:center;text-align:center;gap:10px;color:#dfe7ff;border:1px dashed rgba(160,174,214,.22);border-radius:18px;background:rgba(255,255,255,.035);padding:28px;}
.asset-translation-loading i{font-size:28px;color:#9b8cff;}
.asset-translation-loading span{color:#9fb0cd;max-width:520px;line-height:1.5;}
.asset-translation-download{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin:0 0 12px;}
.asset-existing-languages{min-height:28px;}
.asset-existing-languages span{display:inline-flex;align-items:center;gap:6px;}
.asset-existing-languages em{font-style:normal;}

/* v26 brand outputs + email/landing responsive preview hardening */
.brand-output-panel{position:relative;overflow:visible;display:grid;gap:22px;margin-bottom:110px;}
.brand-strategy-table-wrap{width:100%;overflow:auto;border:1px solid rgba(160,174,214,.18);border-radius:20px;background:rgba(10,22,38,.74);box-shadow:0 18px 52px rgba(0,0,0,.18);}
.brand-strategy-table{width:100%;border-collapse:collapse;min-width:620px;color:#eaf1ff;}
.brand-strategy-table th,.brand-strategy-table td{padding:15px 18px;border-bottom:1px solid rgba(255,255,255,.07);text-align:start;vertical-align:middle;}
.brand-strategy-table th{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#91a4c6;background:rgba(255,255,255,.035);font-weight:1000;}
.brand-strategy-table tr:last-child td{border-bottom:0;}
.brand-strategy-table td strong{display:block;color:#fff;font-size:15px;line-height:1.35;}
.brand-strategy-table .btn{white-space:nowrap;}
.brand-assets-dashboard-grid.asset-live-grid,.brand-assets-dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;margin-top:0;}
.asset-live-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;margin-top:24px;}
.asset-live-card{position:relative;border:1px solid rgba(160,174,214,.18);background:linear-gradient(180deg,rgba(23,39,58,.92),rgba(12,25,41,.97));border-radius:22px;overflow:hidden;min-height:330px;display:flex;flex-direction:column;color:#fff;cursor:pointer;box-shadow:0 18px 50px rgba(0,0,0,.18);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;}
.asset-live-card:hover{transform:translateY(-3px);border-color:rgba(126,107,255,.62);box-shadow:0 24px 70px rgba(0,0,0,.28),0 0 0 1px rgba(126,107,255,.12);}
.asset-live-card-media{position:relative;aspect-ratio:4/3;background:radial-gradient(circle at 50% 30%,rgba(113,99,255,.22),rgba(4,14,24,.94));display:grid;place-items:center;overflow:hidden;color:#9db0d0;font-size:38px;}
.asset-live-card-media img{width:100%;height:100%;object-fit:cover;display:block;}
.asset-live-card-body{padding:18px;display:flex;flex-direction:column;gap:10px;flex:1;}
.asset-live-card-eyebrow{display:flex!important;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0;color:#aeb9d4;}
.asset-live-card-eyebrow span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#b6a8ff;font-weight:900;}
.asset-live-card-eyebrow em{font-style:normal;color:#8fa3c2;font-size:12px;}
.asset-live-card-body h3{margin:0;color:#fff;font-size:20px;line-height:1.25;letter-spacing:-.02em;}
.asset-live-card-body p{margin:0;color:#aeb9d4;line-height:1.45;}
.brand-sticky-strategy-cta{position:fixed;inset-inline-start:var(--sidebar-width,280px);inset-inline-end:0;bottom:0;z-index:990;display:flex;justify-content:center;padding:16px 22px calc(16px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,rgba(5,10,18,0),rgba(5,10,18,.86) 28%,rgba(5,10,18,.96));backdrop-filter:blur(16px);pointer-events:none;}
.brand-sticky-strategy-cta a{pointer-events:auto;min-width:min(520px,calc(100vw - 48px));justify-content:center;box-shadow:0 18px 54px rgba(126,107,255,.34);}
body.app-body:has(.brand-sticky-strategy-cta) .app-content{padding-bottom:120px;}
@media(max-width:980px){.brand-sticky-strategy-cta{inset-inline-start:0;padding-inline:14px}.brand-sticky-strategy-cta a{min-width:0;width:100%;}.brand-assets-dashboard-grid.asset-live-grid,.brand-assets-dashboard-grid,.asset-live-grid{grid-template-columns:1fr}.brand-output-panel{margin-bottom:130px;}}
.asset-device-toggle{margin-inline-start:auto;display:inline-flex;align-items:center;gap:6px;padding:4px;border:1px solid rgba(160,174,214,.18);background:rgba(255,255,255,.055);border-radius:999px;}
.platform-asset-preview--document>header{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.platform-asset-preview--document>header h3{margin-inline-end:auto;}
.asset-device-toggle button{border:0;background:transparent;color:#aebddd;border-radius:999px;padding:7px 11px;font-weight:900;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;}
.asset-device-toggle button.is-active{background:linear-gradient(135deg,rgba(126,107,255,.75),rgba(34,211,238,.45));color:#fff;box-shadow:0 10px 24px rgba(34,211,238,.12);}
.platform-asset-preview--document .asset-html-preview{display:flex;justify-content:center;padding:18px;background:radial-gradient(circle at 50% 0,rgba(126,107,255,.12),rgba(8,16,30,.52));border-top:1px solid rgba(255,255,255,.08);transition:padding .18s ease;}
.platform-asset-preview--document .asset-html-preview iframe{width:100%;max-width:1180px;min-height:620px;border:0;border-radius:18px;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.35);transition:max-width .18s ease,min-height .18s ease,border-radius .18s ease;}
.platform-asset-preview--document[data-device="mobile"] .asset-html-preview{padding:22px 12px;}
.platform-asset-preview--document[data-device="mobile"] .asset-html-preview iframe{max-width:390px;min-height:720px;border-radius:32px;box-shadow:0 0 0 8px rgba(255,255,255,.08),0 26px 80px rgba(0,0,0,.5);}
@media(max-width:760px){.asset-device-toggle{width:100%;justify-content:center;margin-inline-start:0}.platform-asset-preview--document>header h3{width:100%;}.platform-asset-preview--document .asset-html-preview iframe{min-height:560px}.platform-asset-preview--document[data-device="mobile"] .asset-html-preview iframe{max-width:100%;}}


/* v32 filter sidebar stability for assets + visual concepts */
[data-asset-browser] [data-browser-grid] [data-asset-card].is-hidden{display:none!important;}
.asset-filter-sidebar,.concept-filter-sidebar{min-width:0;overflow:hidden;isolation:isolate;}
.asset-filter-sidebar .filter-sidebar-head,.concept-filter-sidebar .filter-sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.asset-filter-sidebar .filter-sidebar-title,.concept-filter-sidebar .filter-sidebar-title{display:inline-flex;align-items:center;gap:10px;min-width:0;}
.asset-filter-sidebar .filter-option,.concept-filter-sidebar .filter-option{display:flex!important;align-items:center!important;gap:10px;width:100%;min-width:0;cursor:pointer;border-radius:12px;padding:6px 4px;line-height:1.25;}
.asset-filter-sidebar .filter-option input,.concept-filter-sidebar .filter-option input{flex:0 0 auto;}
.asset-filter-sidebar .filter-option span:last-child,.concept-filter-sidebar .filter-option span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.asset-filter-sidebar .filter-brand-logo,.concept-filter-sidebar .filter-brand-logo{flex:0 0 24px;width:24px;height:24px;object-fit:cover;}
.asset-filter-reset,.visual-concepts-filter-reset{flex:0 0 auto;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#dfe8ff;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:900;cursor:pointer;}
.asset-filter-reset:hover,.visual-concepts-filter-reset:hover{background:rgba(126,107,255,.18);color:#fff;}
.generated-landing-preview{display:block;min-height:100%;background:#ffffff;color:#111827;font-family:Arial,Helvetica,sans-serif;}
.generated-landing-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(220px,.9fr);gap:42px;align-items:center;padding:64px;min-height:430px;background:linear-gradient(135deg,#eef2ff 0%,#ffffff 46%,#ecfeff 100%);}
.generated-landing-hero span{display:inline-flex;margin-bottom:14px;color:#4f46e5;font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:900;}
.generated-landing-hero h1{margin:0 0 18px;color:#111827;font-size:clamp(34px,6vw,68px);line-height:.96;letter-spacing:-.055em;}
.generated-landing-hero p{margin:0 0 24px;color:#475569;font-size:20px;line-height:1.55;}
.generated-landing-hero a{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:999px;background:#4f46e5;color:#fff;text-decoration:none;font-weight:900;}
.generated-landing-hero figure{margin:0;border-radius:28px;overflow:hidden;box-shadow:0 28px 80px rgba(15,23,42,.18);background:#e5e7eb;}
.generated-landing-hero img{display:block;width:100%;height:auto;}
.generated-landing-body{padding:44px 64px;display:grid;gap:18px;font-size:18px;line-height:1.7;color:#334155;}
@media(max-width:760px){.generated-landing-hero{grid-template-columns:1fr;padding:34px 24px}.generated-landing-body{padding:28px 24px}.generated-landing-hero h1{font-size:38px}.generated-landing-hero p{font-size:17px}}

.banner-size-picker label.banner-size-chip {
    border: 1px solid rgba(126, 107, 255, .32);
    background: rgba(126, 107, 255, .12);
}

.banner-size-picker label.banner-size-chip strong {
    display: inline;
    margin: 0;
    color: #fff;
    font-weight: 900;
    letter-spacing: .02em;
}

.banner-size-picker label.banner-size-chip small {
    color: var(--muted);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

/* Solvra UI polish: marketing logo, testimonials carousel, keyword archives, motion, scrollbars */
[data-theme="dark"] { color-scheme: dark; }
[data-theme="light"] { color-scheme: light; }

* {
    scrollbar-width: thin;
    scrollbar-color: color-mix(in srgb, var(--accent, #8b5cf6) 55%, transparent) transparent;
}

*::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

*::-webkit-scrollbar-track {
    background: transparent;
}

*::-webkit-scrollbar-thumb {
    background: color-mix(in srgb, var(--accent, #8b5cf6) 48%, transparent);
    border: 3px solid transparent;
    border-radius: 999px;
    background-clip: padding-box;
}

*::-webkit-scrollbar-thumb:hover {
    background: color-mix(in srgb, var(--accent, #8b5cf6) 70%, transparent);
    background-clip: padding-box;
}

.brand-lockup--mark-only {
    inline-size: auto;
    min-inline-size: 0;
    padding-inline: .45rem;
}

.brand-lockup--mark-only img {
    block-size: 20px;
    inline-size: auto;
    object-fit: contain;
}

.homepage-testimonial-stars {
    display: none !important;
}

.homepage-testimonials-viewport {
    position: relative;
    min-inline-size: 0;
    overflow: hidden;
}

.homepage-testimonials-track {
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    overscroll-behavior-x: contain;
    touch-action: pan-x;
    cursor: grab;
    -webkit-overflow-scrolling: touch;
    direction: ltr;
}

.homepage-testimonials-track.is-dragging {
    cursor: grabbing;
    scroll-snap-type: none;
    user-select: none;
}

.homepage-testimonials-track::-webkit-scrollbar {
    height: 8px;
}

.homepage-testimonial-card {
    scroll-snap-align: start;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

html[dir="rtl"] .homepage-testimonial-card {
    direction: rtl;
    text-align: start;
}

.homepage-testimonial-card:hover {
    transform: translateY(-3px);
}

button,
.admin-btn,
.aether-button,
.aether-card,
.aether-price-card,
.marketing-nav a,
.mobile-menu a,
.language-menu a,
.language-menu button {
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease, color .18s ease, opacity .18s ease;
}

button:hover,
.admin-btn:hover,
.aether-button:hover,
.aether-card:hover,
.aether-price-card:hover {
    transform: translateY(-1px);
}

.article-keyword-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .65rem;
    margin: 1.15rem 0 1.4rem;
}

.article-keyword-list > span {
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--muted-text, #7c8497);
}

.article-keyword-pill {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .48rem .75rem;
    border: 1px solid color-mix(in srgb, var(--accent, #8b5cf6) 28%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--accent, #8b5cf6) 10%, transparent);
    color: var(--text, #111827);
    font-weight: 800;
    text-decoration: none;
}

.article-keyword-pill.is-primary {
    background: color-mix(in srgb, var(--accent, #8b5cf6) 18%, transparent);
    border-color: color-mix(in srgb, var(--accent, #8b5cf6) 45%, transparent);
}

.article-keyword-pill:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 28px color-mix(in srgb, var(--accent, #8b5cf6) 18%, transparent);
}

.keyword-archive-hero .aether-breadcrumb {
    justify-content: center;
}

.keyword-archive-card {
    overflow: hidden;
}

.keyword-archive-card > img {
    inline-size: 100%;
    block-size: 180px;
    object-fit: cover;
    border-radius: 18px;
    margin-block-end: 1rem;
}

.keyword-archive-empty {
    text-align: center;
    max-inline-size: 720px;
    margin-inline: auto;
}

@media (max-width: 760px) {
    .brand-lockup--mark-only img {
        block-size: 36px;
    }

    .homepage-testimonials-carousel {
        grid-template-columns: auto 1fr auto;
        gap: .45rem;
    }

    .homepage-testimonial-nav {
        inline-size: 38px;
        block-size: 38px;
    }

    .article-keyword-list {
        gap: .5rem;
    }

    .keyword-archive-card > img {
        block-size: 150px;
    }
}

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


/* Content calendar preview: stable desktop, mobile and theme layouts */
.asset-lightbox-panel--calendar {
    width: min(1480px, calc(100vw - 42px));
}

.content-calendar-preview {
    --calendar-surface: #101827;
    --calendar-surface-soft: #172235;
    --calendar-card: rgba(255, 255, 255, .055);
    --calendar-card-hover: rgba(255, 255, 255, .085);
    --calendar-border: rgba(255, 255, 255, .11);
    --calendar-border-strong: rgba(126, 107, 255, .4);
    --calendar-text: #f7f8ff;
    --calendar-muted: #aeb9d4;
    --calendar-accent: #8d7dff;
    --calendar-accent-soft: rgba(126, 107, 255, .18);
    --calendar-success: #62f3c7;
    --calendar-danger: #ff7f91;
    display: block;
    width: 100%;
    min-width: 0;
    margin: 0 0 22px;
    overflow: hidden;
    color: var(--calendar-text);
    background:
        radial-gradient(circle at 8% 0, rgba(126, 107, 255, .22), transparent 34%),
        radial-gradient(circle at 92% 0, rgba(98, 243, 199, .1), transparent 30%),
        var(--calendar-surface);
    border: 1px solid var(--calendar-border);
    border-radius: 26px;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .28);
}

[data-theme="light"] .content-calendar-preview {
    --calendar-surface: #f7f9fd;
    --calendar-surface-soft: #ffffff;
    --calendar-card: rgba(255, 255, 255, .9);
    --calendar-card-hover: #ffffff;
    --calendar-border: rgba(15, 23, 42, .1);
    --calendar-border-strong: rgba(79, 70, 229, .32);
    --calendar-text: #101827;
    --calendar-muted: #64748b;
    --calendar-accent: #5b50df;
    --calendar-accent-soft: rgba(91, 80, 223, .1);
    --calendar-success: #087f6b;
    --calendar-danger: #c24156;
    box-shadow: 0 24px 70px rgba(44, 55, 87, .13);
}

.content-calendar-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 26px 28px 22px;
    border-bottom: 1px solid var(--calendar-border);
}

.content-calendar-header > div {
    min-width: 0;
}

.content-calendar-header span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 9px;
    color: var(--calendar-accent);
    font-size: .76rem;
    font-weight: 900;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.content-calendar-header h3 {
    margin: 0;
    color: var(--calendar-text);
    font-size: clamp(1.8rem, 3vw, 3rem);
    line-height: 1.02;
    letter-spacing: -.055em;
}

.content-calendar-header p {
    max-width: 880px;
    margin: 11px 0 0;
    color: var(--calendar-muted);
    font-size: .98rem;
    line-height: 1.65;
    overflow-wrap: anywhere;
}

.content-calendar-weekdays,
.content-calendar-grid {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.content-calendar-weekdays {
    gap: 1px;
    padding: 0 18px;
    background: color-mix(in srgb, var(--calendar-border) 54%, transparent);
    border-bottom: 1px solid var(--calendar-border);
}

.content-calendar-weekdays span {
    min-width: 0;
    padding: 13px 8px;
    color: var(--calendar-muted);
    background: var(--calendar-surface);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-align: center;
    text-transform: uppercase;
}

.content-calendar-grid {
    gap: 1px;
    padding: 1px 18px 18px;
    background: color-mix(in srgb, var(--calendar-border) 54%, transparent);
}

.content-calendar-day {
    min-width: 0;
    min-height: 190px;
    padding: 12px;
    background: var(--calendar-surface-soft);
}

.content-calendar-day.is-empty {
    min-height: 76px;
    background: color-mix(in srgb, var(--calendar-surface) 90%, transparent);
}

.content-calendar-day.has-items {
    background:
        linear-gradient(180deg, var(--calendar-accent-soft), transparent 58px),
        var(--calendar-surface-soft);
}

.content-calendar-date {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-width: 0;
    margin-bottom: 10px;
}

.content-calendar-date time {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    border-radius: 11px;
    background: var(--calendar-accent-soft);
    color: var(--calendar-text);
    font-weight: 900;
}

.content-calendar-date span {
    min-width: 0;
    color: var(--calendar-muted);
    font-size: .72rem;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.content-calendar-items {
    display: grid;
    gap: 9px;
    min-width: 0;
}

.content-calendar-item {
    display: grid;
    gap: 10px;
    min-width: 0;
    margin: 0;
    padding: 11px;
    overflow: hidden;
    border: 1px solid var(--calendar-border);
    border-radius: 14px;
    background: var(--calendar-card);
    box-shadow: 0 9px 24px rgba(0, 0, 0, .08);
    transition: transform .18s ease, border-color .18s ease, background-color .18s ease, box-shadow .18s ease;
}

.content-calendar-item:hover {
    transform: translateY(-1px);
    border-color: var(--calendar-border-strong);
    background: var(--calendar-card-hover);
    box-shadow: 0 14px 30px rgba(0, 0, 0, .13);
}

.content-calendar-item-main {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.content-calendar-item-main span {
    color: var(--calendar-accent);
    font-size: .66rem;
    font-weight: 900;
    letter-spacing: .055em;
    line-height: 1.35;
    text-transform: uppercase;
    overflow-wrap: anywhere;
}

.content-calendar-item-main b {
    color: var(--calendar-text);
    font-size: .84rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.content-calendar-item-main small {
    display: -webkit-box;
    overflow: hidden;
    color: var(--calendar-muted);
    font-size: .72rem;
    line-height: 1.45;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.content-calendar-item-actions {
    display: flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
    flex-wrap: wrap;
}

.content-calendar-price,
.content-calendar-asset-link,
.content-calendar-generate-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 0;
    min-height: 30px;
    padding: 6px 9px;
    border-radius: 10px;
    font-size: .7rem;
    font-weight: 900;
    line-height: 1;
}

.content-calendar-price {
    color: #ffd166;
    background: rgba(255, 209, 102, .11);
    border: 1px solid rgba(255, 209, 102, .2);
}

.content-calendar-asset-link,
.content-calendar-generate-btn {
    max-width: 100%;
    border: 1px solid var(--calendar-border);
    color: var(--calendar-text);
    background: transparent;
    text-decoration: none;
    white-space: nowrap;
}

.content-calendar-generate-btn {
    appearance: none;
    cursor: pointer;
}

.content-calendar-asset-link:hover,
.content-calendar-generate-btn:hover {
    border-color: var(--calendar-border-strong);
    color: var(--calendar-text);
    background: var(--calendar-accent-soft);
}

.content-calendar-asset-link span,
.content-calendar-generate-btn span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.content-calendar-more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 5px 9px;
    border-radius: 999px;
    color: var(--calendar-muted);
    background: var(--calendar-accent-soft);
    font-size: .7rem;
    font-style: normal;
    font-weight: 900;
}

.content-calendar-inline-slot {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
    min-width: 0;
    padding: 10px;
    border: 1px solid var(--calendar-border);
    border-radius: 12px;
    color: var(--calendar-text);
    background: color-mix(in srgb, var(--calendar-surface) 82%, transparent);
}

.content-calendar-inline-slot > i {
    color: var(--calendar-accent);
    text-align: center;
}

.content-calendar-inline-slot > div {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.content-calendar-inline-slot strong,
.content-calendar-inline-slot small {
    min-width: 0;
    overflow-wrap: anywhere;
}

.content-calendar-inline-slot small {
    color: var(--calendar-muted);
    line-height: 1.4;
}

.content-calendar-inline-slot.is-ready > i { color: var(--calendar-success); }
.content-calendar-inline-slot.is-error > i { color: var(--calendar-danger); }
.content-calendar-inline-slot em {
    grid-column: 1 / -1;
    color: var(--calendar-accent);
    font-size: .72rem;
    font-style: normal;
    font-weight: 900;
}

html[dir="rtl"] .content-calendar-preview {
    direction: rtl;
}

@media (max-width: 1100px) {
    .asset-lightbox-panel--calendar {
        width: calc(100vw - 28px);
        padding: 20px;
    }

    .content-calendar-day {
        min-height: 165px;
        padding: 9px;
    }

    .content-calendar-item {
        padding: 9px;
    }

    .content-calendar-generate-btn span,
    .content-calendar-asset-link span {
        display: none;
    }
}

@media (max-width: 760px) {
    .asset-lightbox-panel--calendar {
        width: calc(100vw - 16px);
        max-height: calc(100dvh - 16px);
        padding: 12px;
        border-radius: 20px;
    }

    .content-calendar-preview {
        border-radius: 20px;
    }

    .content-calendar-header {
        padding: 20px 18px 17px;
    }

    .content-calendar-header h3 {
        font-size: 1.75rem;
    }

    .content-calendar-weekdays {
        display: none;
    }

    .content-calendar-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
        padding: 12px;
        background: transparent;
    }

    .content-calendar-day,
    .content-calendar-day.has-items {
        min-height: 0;
        padding: 13px;
        border: 1px solid var(--calendar-border);
        border-radius: 16px;
    }

    .content-calendar-day.is-empty {
        display: none;
    }

    .content-calendar-date {
        justify-content: flex-start;
    }

    .content-calendar-date span {
        white-space: normal;
    }

    .content-calendar-item-main small {
        -webkit-line-clamp: 5;
    }

    .content-calendar-generate-btn span,
    .content-calendar-asset-link span {
        display: inline;
    }
}

@media (max-width: 420px) {
    .content-calendar-item-actions {
        align-items: stretch;
    }

    .content-calendar-asset-link,
    .content-calendar-generate-btn {
        flex: 1 1 auto;
    }
}

/* Follow-up: resilient landing page and content calendar layouts */
.homepage-aether .home-animate {
    opacity: 1;
    transform: none;
}

.homepage-aether.home-reveal-ready .home-animate {
    opacity: 0;
    transform: translateY(24px);
}

.homepage-aether.home-reveal-ready .home-animate.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.homepage-aether,
.homepage-aether > *,
.homepage-aether .aether-hero > *,
.homepage-aether .aether-section,
.homepage-aether .aether-section-head > *,
.homepage-aether .aether-card-grid,
.homepage-aether .aether-card,
.homepage-aether .aether-price-card {
    min-width: 0;
}

.homepage-testimonials-viewport {
    direction: ltr;
    touch-action: pan-x pan-y;
    cursor: grab;
    -webkit-overflow-scrolling: touch;
}

.homepage-testimonials-viewport.is-dragging {
    cursor: grabbing;
    scroll-snap-type: none;
    user-select: none;
}

html[dir="rtl"] .homepage-testimonial-card {
    direction: rtl;
    text-align: start;
}

.marketing-header > *,
.marketing-nav,
.header-actions {
    min-width: 0;
}

@media (max-width: 980px) {
    .marketing-header {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        align-items: center;
    }

    .marketing-header .brand-lockup {
        grid-column: 1;
    }

    .marketing-header .header-actions {
        grid-column: 2;
        justify-self: end;
        justify-content: flex-end;
        max-width: 100%;
    }

    .marketing-header .marketing-nav {
        grid-column: 1 / -1;
        order: initial;
        width: 100%;
        justify-content: flex-start;
        overflow-x: auto;
        overscroll-behavior-x: contain;
        scrollbar-width: none;
        white-space: nowrap;
    }

    .marketing-header .marketing-nav::-webkit-scrollbar {
        display: none;
    }

    .homepage-aether-hero {
        gap: 24px;
    }

    .homepage-pricing-grid,
    .homepage-content-grid,
    .homepage-tool-grid {
        width: 100%;
    }
}

@media (max-width: 640px) {
    .marketing-header {
        width: calc(100% - 20px);
        margin-top: 10px;
        top: 8px;
        padding: 10px;
        border-radius: 18px;
        gap: 10px;
    }

    .marketing-header .brand-lockup--mark-only {
        padding-inline: .2rem;
    }

    .marketing-header .brand-lockup--mark-only img {
        width: 34px;
        height: 34px;
        block-size: 34px;
    }

    .marketing-header .header-actions {
        gap: 6px;
        flex-wrap: wrap;
    }

    .marketing-header .header-actions .btn,
    .marketing-header .header-actions .icon-button {
        min-height: 38px;
        padding-inline: 11px;
        font-size: 12px;
    }

    .marketing-header .marketing-nav {
        padding: 4px;
        border-radius: 16px;
    }

    .marketing-header .marketing-nav a {
        flex: 0 0 auto;
        padding: 8px 11px;
        font-size: 12px;
    }

    .homepage-aether {
        width: calc(100% - 20px);
        padding-top: 30px;
        padding-bottom: 60px;
    }

    .homepage-aether .aether-hero-copy h1 {
        font-size: clamp(38px, 12vw, 54px);
        overflow-wrap: anywhere;
    }

    .homepage-aether .aether-hero-copy p,
    .homepage-aether .aether-section-head p {
        font-size: .96rem;
    }

    .homepage-aether .home-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .homepage-aether .home-actions .btn {
        width: 100%;
    }

    .homepage-aether-visual {
        min-height: 390px;
        border-radius: 24px;
    }

    .homepage-pricing-grid,
    .homepage-content-grid,
    .homepage-tool-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .homepage-price-card,
    .homepage-content-card,
    .homepage-tool-card {
        width: 100%;
        max-width: 100%;
    }

    .homepage-testimonials-viewport {
        width: 100%;
    }

    .homepage-testimonial-card {
        flex-basis: min(88vw, 340px);
    }
}

/* Landing page light theme */
html[data-theme="light"] {
    --aether-bg: #f3f6fb;
    --aether-bg-deep: #e9eef7;
    --aether-panel: rgba(255,255,255,.78);
    --aether-panel-strong: rgba(255,255,255,.94);
    --aether-border: rgba(24,34,53,.12);
    --aether-border-strong: rgba(73,75,214,.28);
    --aether-text: #182235;
    --aether-muted: #566174;
    --aether-soft: #718096;
    --aether-primary: #5658d9;
    --aether-primary-hot: #4143bf;
}

[data-theme="light"] body:has(.aether-page),
[data-theme="light"] .marketing-body:has(.aether-page) {
    background:
        radial-gradient(circle at 12% -8%, rgba(86,88,217,.11), transparent 34%),
        radial-gradient(circle at 88% 4%, rgba(79,182,255,.09), transparent 30%),
        #f3f6fb;
}

[data-theme="light"] .homepage-aether-visual {
    background:
        radial-gradient(circle at 50% 32%, rgba(86,88,217,.18), transparent 34%),
        radial-gradient(circle at 82% 82%, rgba(79,182,255,.12), transparent 36%),
        linear-gradient(145deg, rgba(255,255,255,.95), rgba(232,238,248,.95));
    border-color: rgba(24,34,53,.11);
    box-shadow: 0 26px 70px rgba(50,63,91,.14);
}

[data-theme="light"] .home-signal-card,
[data-theme="light"] .home-visual-dock,
[data-theme="light"] .home-proof-row div,
[data-theme="light"] .homepage-partner-logo,
[data-theme="light"] .homepage-testimonial-nav {
    color: var(--aether-text);
    background: rgba(255,255,255,.82);
    border-color: rgba(24,34,53,.12);
    box-shadow: 0 16px 42px rgba(50,63,91,.1);
}

[data-theme="light"] .homepage-aether .homepage-partner-strip {
    background: linear-gradient(135deg, rgba(255,255,255,.82), rgba(236,241,249,.76));
    border-color: rgba(24,34,53,.1);
}

[data-theme="light"] .homepage-testimonial-card p,
[data-theme="light"] .homepage-testimonial-person strong {
    color: var(--aether-text);
}

[data-theme="light"] .homepage-testimonial-person small,
[data-theme="light"] .home-proof-row span {
    color: var(--aether-muted);
}

[data-theme="light"] .homepage-testimonial-person > span,
[data-theme="light"] .home-visual-dock b {
    background: rgba(86,88,217,.1);
    border-color: rgba(86,88,217,.18);
    color: var(--aether-primary);
}

/* Content calendar: avoid crushed seven-column layouts and preserve mobile readability */
.asset-lightbox-panel--calendar {
    width: min(1480px, calc(100vw - 32px));
    max-width: 1480px;
    max-height: calc(100dvh - 32px);
    overflow: auto;
    overscroll-behavior: contain;
}

.content-calendar-preview {
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-gutter: stable;
    overscroll-behavior-x: contain;
}

.content-calendar-header {
    position: sticky;
    inset-inline-start: 0;
    min-width: min(100%, 760px);
    z-index: 2;
}

.content-calendar-weekdays,
.content-calendar-grid {
    grid-template-columns: repeat(7, minmax(150px, 1fr));
    min-width: 1050px;
}

.content-calendar-day {
    min-width: 0;
    overflow: hidden;
}

.content-calendar-item,
.content-calendar-item-main,
.content-calendar-item-actions,
.content-calendar-inline-slot {
    max-width: 100%;
}

.content-calendar-item-main b,
.content-calendar-item-main small,
.content-calendar-item-main span,
.content-calendar-inline-slot strong,
.content-calendar-inline-slot small {
    overflow-wrap: anywhere;
    word-break: break-word;
}

.content-calendar-asset-link,
.content-calendar-generate-btn {
    flex: 1 1 auto;
    min-width: 34px;
}

@media (max-width: 1100px) and (min-width: 761px) {
    .content-calendar-weekdays,
    .content-calendar-grid {
        grid-template-columns: repeat(7, minmax(138px, 1fr));
        min-width: 966px;
    }
}

@media (max-width: 760px) {
    .asset-lightbox-panel--calendar {
        width: calc(100vw - 12px);
        max-height: calc(100dvh - 12px);
        padding: 10px;
    }

    .content-calendar-preview {
        overflow: visible;
    }

    .content-calendar-header {
        position: static;
        min-width: 0;
    }

    .content-calendar-weekdays,
    .content-calendar-grid {
        min-width: 0;
    }

    .content-calendar-item-actions {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        align-items: stretch;
    }

    .content-calendar-price {
        min-width: 0;
    }

    .content-calendar-asset-link,
    .content-calendar-generate-btn {
        width: 100%;
    }
}

/* Solvra v16: application theme contrast and responsive stability */
body.app-body {
    --bg: #0a1020;
    --bg-soft: #0f172a;
    --panel: rgba(17, 24, 39, .92);
    --panel-solid: #111827;
    --border: rgba(226, 232, 240, .12);
    --border-strong: rgba(226, 232, 240, .22);
    --text: #f8fafc;
    --muted: #b8c3d5;
    --soft: #8794aa;
    --primary: #a7a8ff;
    --primary-2: #65d7ff;
    --app-canvas: #0a1020;
    --app-canvas-soft: #0f172a;
    --app-surface: #111827;
    --app-surface-raised: #162033;
    --app-surface-soft: rgba(255,255,255,.045);
    --app-border: rgba(226,232,240,.12);
    --app-border-strong: rgba(226,232,240,.22);
    --app-copy: #f8fafc;
    --app-muted: #b8c3d5;
    --app-soft: #8794aa;
    --app-accent: #8587ff;
    --app-accent-strong: #4f46e5;
    --app-accent-soft: rgba(133,135,255,.16);
    --app-shadow: 0 18px 52px rgba(0,0,0,.26);
    color-scheme: dark;
    color: var(--app-copy);
    background:
        radial-gradient(circle at 14% -12%, rgba(99,102,241,.13), transparent 34%),
        radial-gradient(circle at 92% 4%, rgba(14,165,233,.08), transparent 31%),
        var(--app-canvas);
}

html[data-theme="light"] body.app-body {
    --bg: #eef3f9;
    --bg-soft: #f8fafc;
    --panel: rgba(255,255,255,.94);
    --panel-solid: #ffffff;
    --border: rgba(30,41,59,.12);
    --border-strong: rgba(30,41,59,.22);
    --text: #111827;
    --muted: #5d697c;
    --soft: #778397;
    --primary: #4f46e5;
    --primary-2: #0f8fb8;
    --app-canvas: #eef3f9;
    --app-canvas-soft: #f8fafc;
    --app-surface: #ffffff;
    --app-surface-raised: #f8fafc;
    --app-surface-soft: #f1f5f9;
    --app-border: rgba(30,41,59,.12);
    --app-border-strong: rgba(30,41,59,.22);
    --app-copy: #111827;
    --app-muted: #5d697c;
    --app-soft: #778397;
    --app-accent: #4f46e5;
    --app-accent-strong: #4338ca;
    --app-accent-soft: rgba(79,70,229,.10);
    --app-shadow: 0 18px 48px rgba(30,41,59,.10);
    color-scheme: light;
    background:
        radial-gradient(circle at 12% -12%, rgba(79,70,229,.09), transparent 34%),
        radial-gradient(circle at 92% 3%, rgba(14,165,233,.07), transparent 30%),
        var(--app-canvas);
}

body.app-body .workspace,
body.app-body .app-content {
    color: var(--app-copy);
    background: transparent;
}

body.app-body .app-topbar {
    min-height: 58px;
    padding: 8px 18px;
    color: var(--app-copy);
    background: color-mix(in srgb, var(--app-surface) 90%, transparent);
    border-color: var(--app-border);
    box-shadow: 0 1px 0 var(--app-border);
}

body.app-body .sidebar {
    color: var(--app-copy);
    background: #080e1c !important;
    border-color: var(--app-border) !important;
    box-shadow: inset -1px 0 0 rgba(255,255,255,.035);
}

html[data-theme="light"] body.app-body .sidebar {
    background: #ffffff !important;
    box-shadow: inset -1px 0 0 rgba(30,41,59,.08), 12px 0 38px rgba(30,41,59,.04);
}

body.app-body .sidebar-nav a,
body.app-body .sidebar-brand-link {
    color: var(--app-muted);
}

body.app-body .sidebar-nav a:hover,
body.app-body .sidebar-nav a.active,
body.app-body .sidebar-brand-link:hover,
body.app-body .sidebar-brand-link.active {
    color: var(--app-copy);
    background: var(--app-accent-soft);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--app-accent) 24%, transparent);
}

body.app-body .sidebar-section-title,
body.app-body .breadcrumb,
body.app-body .available_credits,
body.app-body .muted {
    color: var(--app-soft);
}

body.app-body .token-balance-pill,
body.app-body .language-menu-button,
body.app-body .user-pill,
body.app-body .icon-button,
body.app-body .btn:not(.btn-primary) {
    color: var(--app-copy);
    background: var(--app-surface-raised);
    border-color: var(--app-border);
}

html[data-theme="light"] body.app-body .token-balance-pill,
html[data-theme="light"] body.app-body .language-menu-button,
html[data-theme="light"] body.app-body .user-pill,
html[data-theme="light"] body.app-body .icon-button,
html[data-theme="light"] body.app-body .btn:not(.btn-primary) {
    background: #ffffff;
    box-shadow: 0 8px 22px rgba(30,41,59,.06);
}

body.app-body .btn,
body.app-body button,
body.app-body .token-balance-pill,
body.app-body .language-menu-button {
    min-width: 0;
    max-width: 100%;
    line-height: 1.25;
    text-align: center;
    overflow-wrap: anywhere;
}

body.app-body .btn-primary {
    color: #ffffff;
    background: linear-gradient(135deg, var(--app-accent-strong), #315df6);
    border-color: transparent;
    box-shadow: 0 12px 28px rgba(79,70,229,.25);
}

body.app-body .btn-primary:hover {
    color: #ffffff;
    box-shadow: 0 16px 34px rgba(79,70,229,.32);
}

body.app-body input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="file"]),
body.app-body textarea,
body.app-body select {
    color: var(--app-copy);
    background: var(--app-surface-raised);
    border-color: var(--app-border);
}

body.app-body input::placeholder,
body.app-body textarea::placeholder {
    color: var(--app-soft);
    opacity: 1;
}

body.app-body select option {
    color: var(--app-copy);
    background: var(--app-surface);
}

/* Dashboard surfaces */
body.app-body .dashboard-v8 {
    width: min(1440px, 100%);
    padding-inline: clamp(14px, 2vw, 28px);
}

body.app-body .dashboard-v8 .panel,
body.app-body .dashboard-hero-panel,
body.app-body .dashboard-side-panel,
body.app-body .dashboard-section,
body.app-body .dashboard-token-summary .hero-metric,
body.app-body .dashboard-active-brands,
body.app-body .dashboard-table-row,
body.app-body .dashboard-creative-card,
body.app-body .quick-start-card {
    color: var(--app-copy);
    background: var(--app-surface);
    border-color: var(--app-border);
    box-shadow: var(--app-shadow);
}

body.app-body .dashboard-hero-panel,
body.app-body .dashboard-side-panel {
    border: 1px solid var(--app-border);
    border-radius: 22px;
}

body.app-body .dashboard-section,
body.app-body .dashboard-table-row,
body.app-body .dashboard-creative-card,
body.app-body .quick-start-card,
body.app-body .dashboard-token-summary .hero-metric,
body.app-body .dashboard-active-brands {
    box-shadow: none;
}

body.app-body .dashboard-welcome,
body.app-body .dashboard-v9-welcome {
    background: transparent;
}

body.app-body .dashboard-v8-welcome p {
    margin-bottom: 0;
    color: var(--app-muted);
}

body.app-body .dashboard-v9-quick-grid .quick-start-card {
    min-height: 168px;
    border: 1px solid var(--app-border);
    background: var(--app-surface-raised);
}

body.app-body a.quick-start-card.scan-domain {
    border: 1px dashed color-mix(in srgb, var(--app-accent) 55%, transparent);
    background: var(--app-accent-soft);
}

body.app-body .quick-start-card strong,
body.app-body .dashboard-section-head h2,
body.app-body .dashboard-table-row strong,
body.app-body .dashboard-creative-body h3,
body.app-body .dashboard-active-brands h2,
body.app-body .dashboard-active-brands h3,
body.app-body .metric-card strong {
    color: var(--app-copy);
}

body.app-body .quick-start-card span,
body.app-body .dashboard-table-row span,
body.app-body .dashboard-table-row em,
body.app-body .dashboard-creative-body p,
body.app-body .dashboard-active-brands p,
body.app-body .metric-card p,
body.app-body .metric-card .available_credits {
    color: var(--app-muted);
}

body.app-body .dashboard-table-row:hover,
body.app-body .quick-start-card:hover {
    border-color: color-mix(in srgb, var(--app-accent) 42%, transparent);
    background: color-mix(in srgb, var(--app-accent-soft) 55%, var(--app-surface-raised));
}

body.app-body .dashboard-link-chip,
body.app-body .dashboard-section .view-all,
body.app-body a.view-all,
body.app-body .dashboard-section-kicker,
body.app-body .dashboard-creative-body a {
    color: var(--app-accent) !important;
}

body.app-body .dashboard-token-summary .hero-metric {
    padding: 20px;
    background: var(--app-surface-raised);
}

body.app-body .dashboard-token-summary .metric-card span {
    color: var(--app-accent);
}

body.app-body a.tokens-cta {
    color: var(--app-copy);
    background: var(--app-accent-soft);
    border-color: color-mix(in srgb, var(--app-accent) 30%, transparent);
}

body.app-body .dashboard-active-brands {
    overflow: hidden;
    border: 1px solid var(--app-border);
    border-radius: 18px;
    background: var(--app-surface-raised);
}

body.app-body .dashboard-active-brands .compact-header {
    border-color: var(--app-border);
}

body.app-body .dashboard-active-brands .brand-row {
    color: var(--app-copy);
    border-color: var(--app-border);
}

body.app-body .dashboard-active-brands .brand-row:hover {
    background: var(--app-accent-soft);
}

/* Brand creation and shared flow surfaces */
body.app-body .flow-page {
    width: min(1180px, 100%);
    margin-inline: auto;
}

body.app-body .flow-hero,
body.app-body .library-hero,
body.app-body .focus-panel,
body.app-body aside.panel.manual-brand-panel,
body.app-body .manual-brand-section .manual-brand-panel,
body.app-body .manual-brand-card,
body.app-body .process-grid article,
body.app-body .flow-library-strip,
body.app-body .brand-tile {
    color: var(--app-copy);
    border-color: var(--app-border);
}

body.app-body .flow-hero,
body.app-body .library-hero {
    padding: clamp(22px, 3vw, 34px);
    border: 1px solid var(--app-border);
    border-radius: 22px;
    background: var(--app-surface);
    box-shadow: var(--app-shadow);
}

body.app-body .flow-hero h2,
body.app-body .library-hero h2 {
    color: var(--app-copy);
    font-size: clamp(32px, 5vw, 56px);
    line-height: 1.02;
}

body.app-body .flow-hero p,
body.app-body .library-hero p,
body.app-body .manual-brand-intro p,
body.app-body .manual-card-copy p,
body.app-body .manual-colors-head p,
body.app-body .process-grid p {
    color: var(--app-muted);
}

body.app-body .panel.focus-panel.scandomain {
    width: min(780px, 100%);
    margin-inline: auto;
    padding: 0;
    border: 1px solid var(--app-border);
    border-radius: 22px;
    background: var(--app-surface);
    box-shadow: var(--app-shadow);
}

body.app-body h2.scandomain-title {
    margin: 0;
    padding: 0;
    color: var(--app-muted);
    font-family: var(--font);
    font-size: 13px;
    font-weight: 900;
    line-height: 1.3;
    letter-spacing: .1em;
    text-transform: uppercase;
}

body.app-body .domain-input-row {
    width: 100%;
    min-width: 0;
    border-color: var(--app-border);
    background: var(--app-surface-raised);
}

body.app-body .domain-input-row input {
    min-width: 0;
    color: var(--app-copy);
    background: transparent;
    border: 0;
    box-shadow: none;
}

body.app-body .domain-input-row > i,
body.app-body .process-grid i,
body.app-body .scan-manual-link,
body.app-body .manual-brand-badge {
    color: var(--app-accent);
}

body.app-body .process-grid article,
body.app-body .manual-brand-card,
body.app-body .brand-tile {
    background: var(--app-surface-raised);
}

body.app-body aside.panel.manual-brand-panel,
body.app-body .manual-brand-section .manual-brand-panel {
    background:
        radial-gradient(circle at 12% 0%, rgba(99,102,241,.10), transparent 30%),
        var(--app-surface);
    box-shadow: var(--app-shadow);
}

body.app-body .manual-brand-intro,
body.app-body .manual-reference-upload,
body.app-body .manual-colors-head,
body.app-body .compact-header {
    border-color: var(--app-border);
}

body.app-body .logo-upload-field,
body.app-body .reference-upload-field,
body.app-body .manual-logo-preview,
body.app-body .color-picker-field,
body.app-body .job-result,
body.app-body .empty-state {
    color: var(--app-copy);
    border-color: var(--app-border);
    background: var(--app-surface-soft);
}

/* Common application modules that previously kept dark-only colors */
html[data-theme="light"] body.app-body .settings-v6-sidebar h2,
html[data-theme="light"] body.app-body .settings-v6-form header h1,
html[data-theme="light"] body.app-body .settings-card h3,
html[data-theme="light"] body.app-body .asset-concept-picker .assets-headline h2,
html[data-theme="light"] body.app-body .asset-concept-picker .concept-card-body h3,
html[data-theme="light"] body.app-body .operation-status-head h2,
html[data-theme="light"] body.app-body .operation-name,
html[data-theme="light"] body.app-body .asset-kpi-box strong,
html[data-theme="light"] body.app-body .brand-strategy-table td strong {
    color: var(--app-copy);
}

html[data-theme="light"] body.app-body .settings-v6-sidebar a,
html[data-theme="light"] body.app-body .settings-v6-form label,
html[data-theme="light"] body.app-body .asset-concept-picker .concept-card-body p,
html[data-theme="light"] body.app-body .operation-status-head p {
    color: var(--app-muted);
}

html[data-theme="light"] body.app-body .settings-card,
html[data-theme="light"] body.app-body .settings-v6-sidebar,
html[data-theme="light"] body.app-body .asset-concept-picker .concept-filter-sidebar,
html[data-theme="light"] body.app-body .asset-concept-picker .concept-card,
html[data-theme="light"] body.app-body .asset-filter-sidebar,
html[data-theme="light"] body.app-body .concept-filter-sidebar {
    color: var(--app-copy);
    background: var(--app-surface);
    border-color: var(--app-border);
    box-shadow: var(--app-shadow);
}

html[data-theme="light"] body.app-body .settings-v6-form input,
html[data-theme="light"] body.app-body .settings-v6-form select,
html[data-theme="light"] body.app-body .settings-v6-form textarea,
html[data-theme="light"] body.app-body .settings-check-grid label,
html[data-theme="light"] body.app-body .settings-language-option-v7 {
    color: var(--app-copy);
    background: var(--app-surface-raised);
    border-color: var(--app-border);
}

/* Compact screens */
@media (max-width: 1120px) {
    body.app-body .dashboard-v9 .dashboard-hero-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.app-body .dashboard-side-panel {
        position: static !important;
        max-height: none !important;
        overflow: visible !important;
    }
}

@media (max-width: 980px) {
    body.app-body .app-topbar {
        min-height: 64px;
        padding-block: 8px;
        padding-inline-end: 12px;
        background: color-mix(in srgb, var(--app-surface) 94%, transparent);
    }

    body.app-body .topbar-actions {
        width: auto;
        margin-inline-start: auto;
        justify-content: flex-end;
        flex-wrap: nowrap;
    }

    body.app-body .sidebar {
        background: #080e1c !important;
    }

    html[data-theme="light"] body.app-body .sidebar {
        background: #ffffff !important;
    }

    body.app-body .app-content {
        padding: 20px 14px 88px;
    }

    body.app-body .dashboard-v8 {
        padding: 10px 0 40px;
    }

    body.app-body .dashboard-v9 .dashboard-hero-panel,
    body.app-body .dashboard-v9 .dashboard-side-panel {
        width: 100%;
    }
}

@media (max-width: 760px) {
    body.app-body .flow-page,
    body.app-body .library-page,
    body.app-body .asset-library-page,
    body.app-body .suite-dashboard {
        gap: 14px;
    }

    body.app-body .flow-hero,
    body.app-body .library-hero {
        padding: 18px;
        border-radius: 18px;
    }

    body.app-body .flow-hero h2,
    body.app-body .library-hero h2 {
        font-size: clamp(31px, 10vw, 42px);
        overflow-wrap: anywhere;
    }

    body.app-body .flow-hero p,
    body.app-body .library-hero p {
        font-size: 16px;
        line-height: 1.58;
    }

    body.app-body .panel.focus-panel.scandomain {
        width: 100%;
        border-radius: 18px;
    }

    body.app-body .domain-scan-form {
        gap: 14px;
        padding: 16px;
    }

    body.app-body h2.scandomain-title {
        font-size: 12px;
        line-height: 1.3;
        letter-spacing: .09em;
    }

    body.app-body .domain-input-row {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 10px;
        padding: 10px;
        border-radius: 16px;
    }

    body.app-body .domain-input-row > i {
        display: none;
    }

    body.app-body .domain-input-row input {
        width: 100%;
        min-height: 48px;
        padding: 0 4px;
        font-size: 16px;
    }

    body.app-body .domain-input-row .btn,
    body.app-body .manual-brand-submit,
    body.app-body .result-actions .btn {
        width: 100%;
        min-height: 50px;
        padding: 12px 14px;
        white-space: normal;
    }

    body.app-body .scan-manual-link {
        width: 100%;
        justify-content: center;
        padding: 8px 4px;
        text-align: center;
    }

    body.app-body .process-grid,
    body.app-body .manual-brand-grid,
    body.app-body .manual-visual-grid,
    body.app-body .manual-color-grid,
    body.app-body .dashboard-v9-quick-grid,
    body.app-body .dashboard-card-grid,
    body.app-body .dashboard-concepts-grid,
    body.app-body .dashboard-assets-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.app-body .process-grid article,
    body.app-body .quick-start-card {
        min-height: 0;
        padding: 18px;
    }

    body.app-body .process-grid i,
    body.app-body .quick-start-card i,
    body.app-body .dashboard-v9-quick-grid .quick-start-card i {
        margin-bottom: 24px;
    }

    body.app-body .dashboard-v9 .dashboard-v9-welcome,
    body.app-body .dashboard-quick-start-head,
    body.app-body .dashboard-v9-quick-grid {
        padding-inline: 16px;
    }

    body.app-body .dashboard-v9 .dashboard-v9-welcome {
        padding-top: 20px;
    }

    body.app-body .dashboard-v9 .dashboard-v9-welcome h2 {
        font-size: clamp(31px, 10vw, 43px);
        overflow-wrap: anywhere;
    }

    body.app-body .dashboard-v9-quick-grid .quick-start-card {
        min-height: 150px;
    }

    body.app-body .dashboard-side-panel,
    body.app-body .dashboard-section {
        padding: 16px !important;
        border-radius: 18px;
    }

    body.app-body .dashboard-section-head {
        width: 100%;
        align-items: flex-start;
        flex-direction: row;
    }

    body.app-body .dashboard-section .view-all {
        flex: 0 0 auto;
    }

    body.app-body .dashboard-table-row {
        width: 100%;
        grid-template-columns: minmax(0, 1fr) !important;
        padding: 14px;
        overflow: hidden;
    }

    body.app-body .dashboard-table-row > *,
    body.app-body .dashboard-brand-cell,
    body.app-body .dashboard-link-chip {
        min-width: 0;
        max-width: 100%;
    }

    body.app-body .dashboard-brand-cell strong,
    body.app-body .dashboard-brand-cell em {
        white-space: normal;
        overflow-wrap: anywhere;
    }

    body.app-body .dashboard-link-chip {
        white-space: normal;
    }
}

@media (max-width: 420px) {
    body.app-body .app-content {
        padding-inline: 10px;
    }

    body.app-body .mobile-menu-floating-toggle {
        inset-inline-start: 10px !important;
        width: 44px !important;
        height: 44px !important;
        min-height: 44px !important;
        border-radius: 14px !important;
    }

    body.app-body .app-topbar {
        padding-inline-start: 64px !important;
    }

    body.app-body .user-pill {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;
    }

    body.app-body .flow-hero,
    body.app-body .library-hero,
    body.app-body .panel.focus-panel.scandomain,
    body.app-body .dashboard-hero-panel,
    body.app-body .dashboard-side-panel,
    body.app-body .dashboard-section {
        border-radius: 16px;
    }

    body.app-body .btn,
    body.app-body .domain-input-row .btn {
        font-size: 14px;
    }
}

/* Article conversion CTA */
.article-conversion-cta {
    margin-top: 3.5rem;
    padding: clamp(1.5rem, 3vw, 2.4rem);
    border: 1px solid rgba(139, 92, 246, .34);
    border-radius: 28px;
    background: linear-gradient(135deg, rgba(99, 102, 241, .14), rgba(34, 211, 238, .08));
    box-shadow: 0 24px 70px rgba(2, 6, 23, .26);
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 1.25rem;
}
.article-conversion-cta__icon {
    inline-size: 56px;
    block-size: 56px;
    display: grid;
    place-items: center;
    border-radius: 18px;
    color: #fff;
    background: linear-gradient(135deg, #7c3aed, #06b6d4);
    box-shadow: 0 14px 38px rgba(124, 58, 237, .28);
}
.article-conversion-cta__copy small { color: #67e8f9; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.article-conversion-cta__copy h2 { margin: .35rem 0 .5rem; font-size: clamp(1.35rem, 2.5vw, 2rem); }
.article-conversion-cta__copy p { margin: 0; color: var(--muted, #94a3b8); line-height: 1.65; }
.article-conversion-cta__button { white-space: nowrap; }
@media (max-width: 820px) {
    .article-conversion-cta { grid-template-columns: auto 1fr; }
    .article-conversion-cta__button { grid-column: 1 / -1; inline-size: 100%; justify-content: center; }
}

/* Public static pages */
.static-public-page { position: relative; min-height: 70vh; padding: clamp(96px, 11vw, 150px) 20px 90px; overflow: hidden; }
.static-public-page__glow { position: absolute; inset: 0 0 auto; height: 430px; pointer-events: none; background: radial-gradient(circle at 50% 0%, rgba(124, 58, 237, .18), transparent 66%); }
.static-public-page__shell { position: relative; z-index: 1; width: min(960px, 100%); margin: 0 auto; }
.static-public-page__breadcrumb { margin-bottom: 34px; }
.static-public-page__shell > header { padding-bottom: 30px; border-bottom: 1px solid var(--line); }
.static-public-page__shell h1 { max-width: 850px; margin: 14px 0 16px; font-size: clamp(2.35rem, 6vw, 4.8rem); line-height: 1.02; letter-spacing: -.045em; }
.static-public-page__shell header p { display: flex; align-items: center; gap: 8px; margin: 0; color: var(--muted); }
.static-public-page__content { margin-top: 38px; padding: clamp(25px, 5vw, 54px); border: 1px solid var(--line); border-radius: 28px; background: color-mix(in srgb, var(--surface) 86%, transparent); box-shadow: 0 30px 80px rgba(15, 23, 42, .08); }
.static-public-page__content > :first-child { margin-top: 0; }
.static-public-page__content > :last-child { margin-bottom: 0; }
.static-public-page__content h2 { margin-top: 2em; font-size: clamp(1.55rem, 3vw, 2.15rem); }
.static-public-page__content h3 { margin-top: 1.7em; }
.static-public-page__content p,
.static-public-page__content li { line-height: 1.85; }
.static-public-page__content a { color: var(--primary); text-decoration: underline; text-underline-offset: 3px; }

/* Precision features/products page */
.precision-page {
    --precision-bg: #0b1326;
    --precision-deep: #060e20;
    --precision-surface: rgba(23, 31, 51, .68);
    --precision-surface-high: rgba(45, 52, 73, .58);
    --precision-text: #dae2fd;
    --precision-muted: #a8aec2;
    --precision-primary: #c0c1ff;
    --precision-indigo: #8083ff;
    --precision-cyan: #5de6ff;
    width: 100vw;
    margin-inline: calc(50% - 50vw);
    color: var(--precision-text);
    background: var(--precision-bg);
    overflow: hidden;
}
.precision-shell { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }
.precision-hero { position: relative; min-height: 620px; display: grid; place-items: center; padding: 105px 0 95px; background: radial-gradient(circle at 50% 38%, rgba(99,102,241,.20), transparent 34%), linear-gradient(180deg,#0d1730 0%,#0b1326 70%,#060e20 100%); }
.precision-hero::before { content:""; position:absolute; inset:0; opacity:.16; background-image: linear-gradient(rgba(192,193,255,.12) 1px, transparent 1px), linear-gradient(90deg,rgba(192,193,255,.12) 1px, transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(to bottom, #000, transparent 82%); }
.precision-hero__aurora { position:absolute; width:720px; height:320px; top:45%; left:50%; translate:-50% -50%; border-radius:50%; background:radial-gradient(ellipse,rgba(93,230,255,.12),rgba(128,131,255,.08) 38%,transparent 70%); filter:blur(30px); }
.precision-hero__inner { position:relative; z-index:1; text-align:center; }
.precision-badge { display:inline-flex; align-items:center; gap:10px; padding:8px 15px; margin-bottom:28px; border:1px solid rgba(192,193,255,.25); border-radius:999px; background:rgba(128,131,255,.10); color:var(--precision-primary); font-size:.72rem; font-weight:800; letter-spacing:.08em; }
.precision-badge span { width:8px; height:8px; border-radius:50%; background:var(--precision-cyan); box-shadow:0 0 14px var(--precision-cyan); animation:precisionPulse 1.8s ease-in-out infinite; }
.precision-hero h1 { max-width:940px; margin:0 auto 24px; color:var(--precision-text); font-size:clamp(3.25rem,7vw,6.4rem); line-height:.98; letter-spacing:-.065em; font-weight:800; }
.precision-hero h1 span { color:transparent; background:linear-gradient(90deg,var(--precision-primary),var(--precision-cyan)); -webkit-background-clip:text; background-clip:text; }
.precision-hero p { max-width:700px; margin:0 auto 38px; color:var(--precision-muted); font-size:clamp(1rem,1.8vw,1.2rem); line-height:1.75; }
.precision-hero__actions { display:flex; justify-content:center; flex-wrap:wrap; gap:14px; }
.precision-button { min-height:54px; padding:0 28px; display:inline-flex; align-items:center; justify-content:center; gap:10px; border-radius:11px; font-weight:800; text-decoration:none; transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.precision-button:hover { transform:translateY(-2px); }
.precision-button--primary { color:#1000a9; background:var(--precision-primary); box-shadow:0 16px 38px rgba(128,131,255,.19); }
.precision-button--primary:hover { box-shadow:0 18px 44px rgba(192,193,255,.28); }
.precision-button--glass { color:var(--precision-text); border:1px solid rgba(93,230,255,.3); background:rgba(15,23,42,.46); backdrop-filter:blur(14px); }
.precision-pillars { padding:95px 0 105px; background:var(--precision-deep); }
.precision-section-heading { margin-bottom:48px; }
.precision-section-heading h2 { margin:0 0 14px; color:var(--precision-text); font-size:clamp(2.1rem,4vw,3.3rem); letter-spacing:-.04em; }
.precision-section-heading p { max-width:610px; margin:0; color:var(--precision-muted); line-height:1.7; }
.precision-pillar-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.precision-pillar-card { min-height:310px; padding:25px; position:relative; display:flex; flex-direction:column; border-radius:20px; border:1px solid rgba(255,255,255,.10); background:linear-gradient(145deg,rgba(23,31,51,.76),rgba(11,19,38,.58)); backdrop-filter:blur(14px); box-shadow:inset 1px 1px rgba(255,255,255,.04); transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease; overflow:hidden; }
.precision-pillar-card::before { content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(circle at 0 0,rgba(192,193,255,.08),transparent 34%); }
.precision-pillar-card:hover { transform:translateY(-5px); border-color:rgba(93,230,255,.28); box-shadow:0 25px 65px rgba(0,0,0,.26),0 0 24px rgba(93,230,255,.06); }
.precision-pillar-card--featured { border-color:rgba(192,193,255,.25); }
.precision-pillar-card__icon { width:50px; height:50px; display:grid; place-items:center; margin-bottom:24px; border-radius:12px; color:var(--precision-primary); background:rgba(128,131,255,.15); font-size:1.35rem; }
.precision-pillar-card h3 { margin:0 0 12px; color:var(--precision-text); font-size:1.42rem; }
.precision-pillar-card p { margin:0 0 22px; color:var(--precision-muted); font-size:.92rem; line-height:1.72; }
.precision-mini-progress { height:4px; margin-top:auto; overflow:hidden; border-radius:99px; background:rgba(255,255,255,.07); }.precision-mini-progress span{display:block;width:76%;height:100%;background:var(--precision-cyan);box-shadow:0 0 12px rgba(93,230,255,.7)}
.precision-mini-checks { margin-top:auto; display:grid; gap:7px; color:var(--precision-cyan); font-size:.66rem; letter-spacing:.09em; font-weight:800; }.precision-mini-checks span{display:flex;align-items:center;gap:7px}
.precision-mini-swatches { display:flex; gap:7px; margin-top:auto; }.precision-mini-swatches span{width:31px;height:31px;border-radius:7px;background:rgba(255,255,255,.08)}.precision-mini-swatches span:nth-child(2){background:rgba(93,230,255,.12)}.precision-mini-swatches span:nth-child(3){background:rgba(192,193,255,.20);border:1px solid rgba(192,193,255,.35)}
.precision-mini-chip { width:max-content; max-width:100%; margin-top:auto; padding:7px 10px; border-radius:6px; color:var(--precision-cyan); background:rgba(93,230,255,.12); font-size:.62rem; font-weight:900; letter-spacing:.06em; }
.precision-mini-dots { display:flex; margin-top:auto; }.precision-mini-dots span{width:25px;height:25px;border:2px solid #0b1326;border-radius:50%;margin-inline-end:-7px;background:var(--precision-indigo)}.precision-mini-dots span:nth-child(2){background:var(--precision-cyan)}.precision-mini-dots span:nth-child(3){background:#ffb783}
.precision-mini-status { display:flex; align-items:center; gap:8px; margin-top:auto; color:var(--precision-primary); font-size:.66rem; font-weight:900; letter-spacing:.04em; }.precision-mini-status span{width:7px;height:7px;border-radius:50%;background:var(--precision-primary);box-shadow:0 0 10px var(--precision-primary);animation:precisionPulse 1.8s infinite}
.precision-aether { padding:105px 0; background:var(--precision-bg); }
.precision-aether__grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(390px,.95fr); gap:80px; align-items:center; }
.precision-aether__copy h2 { margin:0 0 24px; color:var(--precision-text); font-size:clamp(2.45rem,4.6vw,4.3rem); line-height:1.08; letter-spacing:-.045em; }.precision-aether__copy h2 span{color:var(--precision-primary)}
.precision-aether__copy>p { margin:0; color:var(--precision-muted); line-height:1.78; }
.precision-aether__features { display:grid; gap:12px; margin-top:30px; }
.precision-aether__features>div { display:flex; gap:15px; padding:15px; border-radius:14px; transition:background .2s ease; }.precision-aether__features>div:hover{background:rgba(255,255,255,.035)}
.precision-aether__features>div>span { flex:0 0 42px; height:42px; display:grid; place-items:center; border-radius:50%; border:1px solid rgba(255,255,255,.12); background:rgba(45,52,73,.6); color:var(--precision-cyan); }
.precision-aether__features div div { display:grid; gap:5px; }.precision-aether__features strong{color:var(--precision-text)}.precision-aether__features small{color:var(--precision-muted);font-size:.84rem;line-height:1.55}
.precision-core-card { aspect-ratio:1; position:relative; display:grid; place-items:center; align-content:center; overflow:hidden; border-radius:30px; border:1px solid rgba(192,193,255,.22); background:radial-gradient(circle at center,rgba(128,131,255,.20),transparent 46%),linear-gradient(145deg,rgba(23,31,51,.86),rgba(6,14,32,.82)); box-shadow:0 0 44px rgba(93,230,255,.10),inset 0 1px rgba(255,255,255,.06); }
.precision-core-card__grid { position:absolute; inset:0; opacity:.33; background-image:linear-gradient(rgba(93,230,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(93,230,255,.08) 1px,transparent 1px);background-size:35px 35px;mask-image:radial-gradient(circle,#000,transparent 72%)}
.precision-core-card__orbit { position:absolute; border:1px solid rgba(93,230,255,.18); border-radius:50%; }.precision-core-card__orbit--outer{inset:14%;animation:productSpin 22s linear infinite}.precision-core-card__orbit--inner{inset:29%;border-style:dashed;animation:productSpin 16s linear infinite reverse}
.precision-core-card__label,.precision-core-card__title,.precision-core-card__beam{position:relative;z-index:2}.precision-core-card__label{margin-bottom:14px;color:var(--precision-cyan);font-size:.7rem;font-weight:900;letter-spacing:.28em}.precision-core-card__title{color:rgba(255,255,255,.94);font-size:clamp(3rem,7vw,5.8rem);font-weight:900;letter-spacing:-.06em}.precision-core-card__beam{width:145px;height:2px;margin-top:8px;background:linear-gradient(90deg,transparent,var(--precision-cyan),transparent);box-shadow:0 0 15px var(--precision-cyan)}
.precision-core-card__node { position:absolute;width:8px;height:8px;border-radius:50%;background:var(--precision-cyan);box-shadow:0 0 18px var(--precision-cyan)}.precision-core-card__node--one{top:19%;left:27%}.precision-core-card__node--two{right:18%;top:46%}.precision-core-card__node--three{left:32%;bottom:17%}
.precision-integrations { padding:76px 0; text-align:center; border-block:1px solid rgba(255,255,255,.06); background:#131b2e; }
.precision-integrations h3 { margin:0 0 12px; color:var(--precision-text); font-size:1.65rem; }.precision-integrations p{max-width:690px;margin:0 auto;color:var(--precision-muted);line-height:1.7}
.precision-integration-list { margin-top:42px; display:flex; justify-content:center; flex-wrap:wrap; gap:30px 48px; color:#8d94a8; font-size:1.1rem; font-weight:800; opacity:.72; }
.precision-final-cta { padding:100px 0 115px; background:var(--precision-bg); }
.precision-final-cta__card { max-width:940px; margin:auto; padding:clamp(36px,6vw,70px); position:relative; overflow:hidden; text-align:center; border-radius:30px; border:1px solid rgba(192,193,255,.22); background:linear-gradient(145deg,rgba(23,31,51,.78),rgba(6,14,32,.74)); backdrop-filter:blur(15px); }
.precision-final-cta__glow { position:absolute; inset:-30% 10% auto; height:70%; background:radial-gradient(ellipse,rgba(128,131,255,.18),transparent 68%); pointer-events:none; }
.precision-final-cta h2,.precision-final-cta p,.precision-domain-form,.precision-final-cta small{position:relative;z-index:1}.precision-final-cta h2{margin:0 0 18px;color:var(--precision-text);font-size:clamp(2.2rem,4.4vw,3.7rem);letter-spacing:-.045em}.precision-final-cta p{max-width:610px;margin:0 auto 32px;color:var(--precision-muted);line-height:1.7}
.precision-domain-form { max-width:620px; margin:0 auto; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; }.precision-domain-form label{min-height:54px;display:flex;align-items:center;gap:12px;padding:0 17px;border-radius:11px;border:1px solid rgba(255,255,255,.13);background:rgba(45,52,73,.55);color:var(--precision-muted)}.precision-domain-form input{width:100%;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:var(--precision-text)!important;padding:0!important}.precision-domain-form button{border:0;border-radius:11px;padding:0 23px;background:var(--precision-primary);color:#1000a9;font-weight:900;cursor:pointer;transition:transform .2s,box-shadow .2s}.precision-domain-form button:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(192,193,255,.18)}
.precision-final-cta small { display:block; margin-top:19px; color:#747c92; font-size:.65rem; font-weight:800; letter-spacing:.08em; }
[dir="rtl"] .precision-page { direction:rtl; }
@keyframes precisionPulse{0%,100%{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}
@media(max-width:920px){.precision-pillar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.precision-aether__grid{grid-template-columns:1fr;gap:55px}.precision-core-card{max-width:560px;width:100%;margin:auto}}
@media(max-width:640px){.precision-shell{width:min(100% - 28px,1180px)}.precision-hero{min-height:560px;padding:80px 0}.precision-hero h1{font-size:clamp(2.75rem,15vw,4.4rem)}.precision-button{width:100%}.precision-pillars,.precision-aether,.precision-final-cta{padding-block:72px}.precision-pillar-grid{grid-template-columns:1fr}.precision-pillar-card{min-height:285px}.precision-aether__grid{gap:38px}.precision-core-card__label{font-size:.58rem}.precision-integration-list{gap:22px 30px;font-size:.96rem}.precision-final-cta__card{padding:32px 20px}.precision-domain-form{grid-template-columns:1fr}.precision-domain-form button{min-height:52px}}

/* Live content search */
.live-content-search-form {
    position: relative;
}
.live-content-search-form > button[type="submit"] {
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    display: inline-grid;
    place-items: center;
    border: 0;
    border-radius: 12px;
    color: #fff;
    background: linear-gradient(135deg, #7e6bff, #5267ff);
    cursor: pointer;
    box-shadow: 0 10px 24px rgba(82, 103, 255, .24);
}
.live-content-search-form > button[type="submit"]:hover {
    transform: translateY(-1px);
}
.live-content-search-dropdown {
    position: absolute;
    z-index: 1200;
    top: calc(100% + 10px);
    left: 0;
    right: 0;
    max-height: min(430px, 62vh);
    overflow: auto;
    padding: 8px;
    border: 1px solid rgba(192, 193, 255, .18);
    border-radius: 16px;
    background: rgba(8, 19, 34, .98);
    box-shadow: 0 24px 70px rgba(0, 0, 0, .42);
    backdrop-filter: blur(22px);
}
.live-content-search-dropdown[hidden] { display: none !important; }
.live-search-result {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    padding: 12px 13px;
    border-radius: 12px;
    color: #f8fafc;
    text-decoration: none;
}
.live-search-result:hover,
.live-search-result:focus-visible {
    background: rgba(126, 107, 255, .16);
    outline: none;
}
.live-search-result span { min-width: 0; display: grid; gap: 5px; }
.live-search-result strong { color: inherit; line-height: 1.3; }
.live-search-result small {
    color: #aebbd1;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.live-search-result em {
    flex: 0 0 auto;
    color: #c0c1ff;
    font-size: .72rem;
    font-style: normal;
    font-weight: 800;
    text-transform: uppercase;
}
.live-search-loading,
.live-search-no-result {
    padding: 14px;
    color: #aebbd1;
    text-align: center;
}
.blog-search-panel.live-content-search-form { position: relative; }
.blog-search-panel.live-content-search-form > button[type="submit"] { justify-self: start; }
.public-search-box.live-content-search-form > button[type="submit"],
.support-aether-search.live-content-search-form > button[type="submit"] {
    width: 38px;
    height: 38px;
}
.academy-visual-card {
    min-height: 420px;
    display: grid;
    place-items: center;
    background: radial-gradient(circle at 50% 35%, rgba(93,230,255,.20), rgba(10,24,39,.96));
}
.academy-visual-card > i { font-size: 140px; color: #5de6ff; opacity: .7; }

/* Complete readable light theme for asset and concept creation */
html[data-theme="light"] body.app-body .asset-platform-shell,
html[data-theme="light"] body.app-body .asset-platform-workspace,
html[data-theme="light"] body.app-body .asset-category-card.asset-platform-panel,
html[data-theme="light"] body.app-body .asset-category-card--prompt,
html[data-theme="light"] body.app-body .banner-size-picker,
html[data-theme="light"] body.app-body .asset-picker-options,
html[data-theme="light"] body.app-body .asset-filter-sidebar,
html[data-theme="light"] body.app-body .concept-filter-sidebar {
    color: #172033;
    border-color: rgba(15, 23, 42, .14);
    background: #ffffff;
    box-shadow: 0 18px 48px rgba(15, 23, 42, .08);
}
html[data-theme="light"] body.app-body .filter-sidebar-head {
    background: linear-gradient(180deg, rgba(255,255,255,.99), rgba(255,255,255,.94));
    border-color: rgba(15, 23, 42, .10);
}
html[data-theme="light"] body.app-body .asset-category-card.asset-platform-panel > header,
html[data-theme="light"] body.app-body .filter-block {
    border-color: rgba(15, 23, 42, .11);
}
html[data-theme="light"] body.app-body .asset-category-card.asset-platform-panel h3,
html[data-theme="light"] body.app-body .asset-category-card.asset-platform-panel strong,
html[data-theme="light"] body.app-body .asset-category-grid .asset-option-card strong,
html[data-theme="light"] body.app-body .filter-sidebar-title,
html[data-theme="light"] body.app-body .filter-sidebar-title strong,
html[data-theme="light"] body.app-body .filter-block > strong,
html[data-theme="light"] body.app-body .assets-filter-meta span,
html[data-theme="light"] body.app-body .asset-concept-picker .assets-headline h2,
html[data-theme="light"] body.app-body .asset-platform-panel label,
html[data-theme="light"] body.app-body .banner-size-picker strong {
    color: #172033 !important;
}
html[data-theme="light"] body.app-body .asset-category-card.asset-platform-panel p,
html[data-theme="light"] body.app-body .asset-category-grid .asset-option-card small,
html[data-theme="light"] body.app-body .asset-category-grid .asset-option-card em,
html[data-theme="light"] body.app-body .filter-option,
html[data-theme="light"] body.app-body .filter-option span,
html[data-theme="light"] body.app-body .filter-block small,
html[data-theme="light"] body.app-body .asset-platform-panel .muted,
html[data-theme="light"] body.app-body .banner-size-note,
html[data-theme="light"] body.app-body .concept-card-body .kicker {
    color: #526079 !important;
}
html[data-theme="light"] body.app-body .asset-category-grid .asset-option-card,
html[data-theme="light"] body.app-body .banner-size-picker label,
html[data-theme="light"] body.app-body .asset-custom-prompt-field--wide textarea {
    color: #172033;
    border-color: rgba(15, 23, 42, .14);
    background: #f8fafc;
}
html[data-theme="light"] body.app-body .asset-category-grid .asset-option-card:hover,
html[data-theme="light"] body.app-body .asset-category-grid .asset-option-card.selected {
    color: #172033;
    border-color: rgba(79, 70, 229, .42);
    background: #eef2ff;
    box-shadow: 0 14px 34px rgba(79, 70, 229, .12);
}
html[data-theme="light"] body.app-body .asset-category-card.asset-platform-panel > header > span,
html[data-theme="light"] body.app-body .asset-category-grid .asset-option-card > i {
    color: #4338ca;
    border-color: rgba(79, 70, 229, .18);
    background: #eef2ff;
}
html[data-theme="light"] body.app-body .filter-option:hover {
    background: #f1f5f9;
}
html[data-theme="light"] body.app-body .asset-platform-tab {
    color: #475569;
    border-color: rgba(15, 23, 42, .12);
    background: #ffffff;
}
html[data-theme="light"] body.app-body .asset-platform-tab.active,
html[data-theme="light"] body.app-body .asset-platform-tab:hover {
    color: #312e81;
    border-color: rgba(79, 70, 229, .28);
    background: #eef2ff;
}
html[data-theme="light"] body.app-body .asset-generate-dock {
    color: #172033;
    border-color: rgba(15, 23, 42, .12);
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 -18px 50px rgba(15, 23, 42, .10);
}
html[data-theme="light"] .live-content-search-dropdown {
    border-color: rgba(15, 23, 42, .14);
    background: rgba(255, 255, 255, .99);
    box-shadow: 0 24px 60px rgba(15, 23, 42, .16);
}
html[data-theme="light"] .live-search-result { color: #172033; }
html[data-theme="light"] .live-search-result small,
html[data-theme="light"] .live-search-loading,
html[data-theme="light"] .live-search-no-result { color: #526079; }
html[data-theme="light"] .live-search-result em { color: #4338ca; }
html[data-theme="light"] .live-search-result:hover,
html[data-theme="light"] .live-search-result:focus-visible { background: #eef2ff; }

@media (max-width: 680px) {
    .live-content-search-dropdown { left: -8px; right: -8px; }
    .academy-visual-card { min-height: 260px; }
    .academy-visual-card > i { font-size: 92px; }
}

/* Light-theme contrast guard for all asset/concept creation surfaces */
html[data-theme="light"] body.app-body .asset-concept-picker,
html[data-theme="light"] body.app-body .asset-platform-shell--stitched,
html[data-theme="light"] body.app-body .asset-platform-workspace--full {
    color: #172033;
}
html[data-theme="light"] body.app-body .asset-concept-picker .assets-headline p,
html[data-theme="light"] body.app-body .asset-live-card-body p,
html[data-theme="light"] body.app-body .asset-kpi-box small,
html[data-theme="light"] body.app-body .asset-instagram-caption,
html[data-theme="light"] body.app-body .banner-custom-size label,
html[data-theme="light"] body.app-body .banner-size-chip small,
html[data-theme="light"] body.app-body .filter-block h3,
html[data-theme="light"] body.app-body .filter-option span,
html[data-theme="light"] body.app-body .asset-selected-chips em {
    color: #526079 !important;
}
html[data-theme="light"] body.app-body .asset-live-card-body h3,
html[data-theme="light"] body.app-body .asset-kpi-box strong,
html[data-theme="light"] body.app-body .asset-instagram-top,
html[data-theme="light"] body.app-body .asset-instagram-icons,
html[data-theme="light"] body.app-body .banner-custom-size input,
html[data-theme="light"] body.app-body .asset-generate-dock strong,
html[data-theme="light"] body.app-body .asset-generate-dock span,
html[data-theme="light"] body.app-body .asset-active-concept-card h2,
html[data-theme="light"] body.app-body .asset-active-concept-card h3 {
    color: #172033 !important;
}
html[data-theme="light"] body.app-body .asset-live-card,
html[data-theme="light"] body.app-body .asset-instagram-preview,
html[data-theme="light"] body.app-body .asset-kpi-box,
html[data-theme="light"] body.app-body .banner-custom-size,
html[data-theme="light"] body.app-body .asset-active-concept-card {
    color: #172033;
    border-color: rgba(15, 23, 42, .14) !important;
    background: #ffffff !important;
    box-shadow: 0 16px 42px rgba(15, 23, 42, .08);
}
html[data-theme="light"] body.app-body .asset-live-card-media,
html[data-theme="light"] body.app-body .asset-instagram-media,
html[data-theme="light"] body.app-body .asset-thumb-loader,
html[data-theme="light"] body.app-body .concept-card-media {
    background: radial-gradient(circle at 50% 24%, rgba(99, 102, 241, .12), #eef2f7 78%) !important;
}
html[data-theme="light"] body.app-body .banner-custom-size input,
html[data-theme="light"] body.app-body .asset-custom-prompt-field textarea,
html[data-theme="light"] body.app-body .asset-custom-prompt-field--wide textarea {
    color: #172033 !important;
    border-color: rgba(15, 23, 42, .16) !important;
    background: #ffffff !important;
}
html[data-theme="light"] body.app-body .banner-custom-size input::placeholder,
html[data-theme="light"] body.app-body .asset-custom-prompt-field textarea::placeholder,
html[data-theme="light"] body.app-body .asset-custom-prompt-field--wide textarea::placeholder {
    color: #7b879d !important;
    opacity: 1;
}
html[data-theme="light"] body.app-body .asset-filter-reset,
html[data-theme="light"] body.app-body .visual-concepts-filter-reset,
html[data-theme="light"] body.app-body .asset-device-toggle {
    color: #334155 !important;
    border-color: rgba(15, 23, 42, .14) !important;
    background: #f8fafc !important;
}
html[data-theme="light"] body.app-body .asset-device-toggle button {
    color: #526079 !important;
}
html[data-theme="light"] body.app-body .asset-device-toggle button.is-active {
    color: #ffffff !important;
}
html[data-theme="light"] body.app-body .filter-color-strip {
    border-color: rgba(15, 23, 42, .16) !important;
}
html[data-theme="light"] body.app-body .filter-color-strip input:checked + span {
    box-shadow: inset 0 0 0 2px #ffffff, 0 0 0 2px #4338ca !important;
}
html[data-theme="light"] body.app-body .asset-loading-lines b {
    background: linear-gradient(90deg, rgba(15,23,42,.05), rgba(15,23,42,.14), rgba(15,23,42,.05)) !important;
    background-size: 220% 100% !important;
}

/* Emergency round 4: safe pagination, filters, chat and billing layout */
.support-chatbot-typing {
    min-width: 62px;
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
.support-chatbot-typing span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor;
    opacity: .35;
    animation: solvraChatTyping 1.15s infinite ease-in-out;
}
.support-chatbot-typing span:nth-child(2) { animation-delay: .16s; }
.support-chatbot-typing span:nth-child(3) { animation-delay: .32s; }
.support-chatbot-inline-link {
    color: var(--solvra-primary, #62f3c7);
    font-weight: 850;
    text-decoration: underline;
    text-underline-offset: 3px;
    overflow-wrap: anywhere;
}
@keyframes solvraChatTyping {
    0%, 60%, 100% { transform: translateY(0); opacity: .32; }
    30% { transform: translateY(-5px); opacity: 1; }
}

.solvra-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 24px;
}
.solvra-pagination a,
.solvra-pagination > span {
    min-width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid color-mix(in srgb, var(--text, #fff) 16%, transparent);
    border-radius: 12px;
    padding: 0 10px;
    color: var(--text);
    background: color-mix(in srgb, var(--panel, #101b2a) 86%, transparent);
    font-size: 13px;
    font-weight: 900;
    text-decoration: none;
}
.solvra-pagination a:hover { transform: translateY(-1px); border-color: rgba(98,243,199,.5); }
.solvra-pagination a.is-active { color: #071f1a; border-color: #62f3c7; background: #62f3c7; }
.solvra-pagination a.is-disabled { opacity: .35; pointer-events: none; }
.solvra-pagination > span { border-color: transparent; background: transparent; }

.strategy-library-layout,
.concept-flow-layout {
    display: grid;
    grid-template-columns: minmax(230px, 280px) minmax(0, 1fr);
    gap: 22px;
    align-items: start;
}
.strategy-filter-sidebar,
.concept-flow-filter-sidebar {
    position: sticky;
    top: 92px;
    border: 1px solid color-mix(in srgb, var(--text, #fff) 13%, transparent);
    border-radius: 22px;
    padding: 18px;
    background: var(--panel, #101b2a);
    box-shadow: 0 18px 50px rgba(0,0,0,.14);
}
.strategy-filter-sidebar form,
.concept-flow-filter-sidebar form { display: grid; gap: 14px; }
.strategy-filter-sidebar select,
.concept-flow-filter-sidebar select {
    width: 100%;
    min-height: 42px;
    border: 1px solid color-mix(in srgb, var(--text, #fff) 16%, transparent);
    border-radius: 12px;
    padding: 0 12px;
    color: var(--text);
    background: var(--panel-2, var(--panel, #101b2a));
}
.strategy-library-main,
.concept-flow-main { min-width: 0; }
.concept-flow-main { display: grid; gap: 22px; }
.strategy-card-top-modern { justify-content: space-between; }
.strategy-card-icon {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: rgba(98,243,199,.12);
    color: #62f3c7;
}
.strategy-card-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}
.strategy-card-heading h3 { margin: 0; }
.strategy-language {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    flex: 0 0 auto;
    font-size: 11px;
    font-weight: 850;
    color: var(--muted);
}
.strategy-pretty-card {
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--text, #fff) 13%, transparent);
    background: linear-gradient(155deg, color-mix(in srgb, var(--panel, #101b2a) 96%, #62f3c7 4%), var(--panel, #101b2a));
}
.strategy-human-preview-scroll { max-height: 310px; overflow: auto; padding-inline-end: 5px; }

.token-pack-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }

.regeneration-prompt-close {
    pointer-events: auto !important;
    z-index: 5 !important;
    cursor: pointer;
}
.regeneration-prompt-actions .btn-token-price { margin-inline-start: 8px; }
.regeneration-cost-note {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: 10px;
    padding: 7px 11px;
    border-radius: 999px;
    color: var(--text);
    background: color-mix(in srgb, #62f3c7 12%, transparent);
    font-size: 12px;
    font-weight: 850;
}

html[data-theme="light"] .strategy-filter-sidebar,
html[data-theme="light"] .concept-flow-filter-sidebar,
html[data-theme="light"] .strategy-pretty-card,
body.theme-light .strategy-filter-sidebar,
body.theme-light .concept-flow-filter-sidebar,
body.theme-light .strategy-pretty-card {
    background: #fff;
    color: #142033;
    border-color: rgba(20,32,51,.14);
}
html[data-theme="light"] .strategy-filter-sidebar select,
html[data-theme="light"] .concept-flow-filter-sidebar select,
body.theme-light .strategy-filter-sidebar select,
body.theme-light .concept-flow-filter-sidebar select {
    color: #142033;
    background: #fff;
    border-color: rgba(20,32,51,.18);
}
html[data-theme="light"] .solvra-pagination a,
body.theme-light .solvra-pagination a { color: #142033; background: #fff; border-color: rgba(20,32,51,.16); }
html[data-theme="light"] .solvra-pagination a.is-active,
body.theme-light .solvra-pagination a.is-active { color: #071f1a; background: #62f3c7; }

@media (max-width: 1100px) {
    .token-pack-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 900px) {
    .strategy-library-layout,
    .concept-flow-layout { grid-template-columns: 1fr; }
    .strategy-filter-sidebar,
    .concept-flow-filter-sidebar { position: static; }
}
@media (max-width: 620px) {
    .token-pack-grid { grid-template-columns: 1fr !important; }
}

/* Round 6: email asset builders and three-column token packs */
.aether-token-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.email-wizard-open {
    overflow: hidden;
}
.email-asset-wizard[hidden],
.email-wizard-step[hidden],
.email-wizard-body[hidden],
.email-wizard-footer [hidden],
.email-wizard-field[hidden] {
    display: none !important;
}
.email-asset-wizard {
    position: fixed;
    inset: 0;
    z-index: 1600;
    display: grid;
    place-items: center;
    padding: 24px;
}
.email-wizard-backdrop {
    position: absolute;
    inset: 0;
    border: 0;
    background: rgba(2, 8, 20, .78);
    backdrop-filter: blur(12px);
    cursor: default;
}
.email-wizard-panel {
    position: relative;
    z-index: 1;
    width: min(980px, 100%);
    max-height: min(900px, calc(100vh - 48px));
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    overflow: hidden;
    border: 1px solid rgba(155, 170, 215, .24);
    border-radius: 30px;
    background: linear-gradient(180deg, rgba(20, 34, 54, .99), rgba(8, 17, 31, .99));
    box-shadow: 0 36px 120px rgba(0, 0, 0, .58);
    color: #f7f9ff;
}
.email-wizard-close {
    position: absolute;
    top: 18px;
    inset-inline-end: 18px;
    z-index: 3;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 14px;
    background: rgba(255, 255, 255, .065);
    color: #fff;
    cursor: pointer;
}
.email-wizard-close:hover {
    background: rgba(255, 255, 255, .12);
}
.email-wizard-header {
    padding: 26px 74px 20px 30px;
    border-bottom: 1px solid rgba(155, 170, 215, .15);
    background: radial-gradient(circle at 15% 0%, rgba(126, 107, 255, .22), transparent 48%);
}
[dir="rtl"] .email-wizard-header {
    padding: 26px 30px 20px 74px;
}
.email-wizard-header > span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #8fe8ff;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .11em;
    text-transform: uppercase;
}
.email-wizard-header h2 {
    margin: 9px 0 4px;
    color: #fff;
    font-size: clamp(26px, 4vw, 38px);
    letter-spacing: -.04em;
}
.email-wizard-header p {
    margin: 0;
    max-width: 760px;
    color: #aebcda;
    line-height: 1.55;
}
.email-wizard-progress {
    height: 7px;
    margin-top: 18px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255, 255, 255, .075);
}
.email-wizard-progress i {
    display: block;
    width: 0;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #7e6bff, #22d3ee);
    transition: width .22s ease;
}
.email-wizard-header small {
    display: block;
    margin-top: 8px;
    color: #90a2c5;
    font-weight: 850;
}
.email-wizard-body {
    min-height: 0;
    overflow: auto;
    padding: 28px 30px 34px;
}
.email-wizard-step {
    display: grid;
    gap: 22px;
    animation: emailWizardStepIn .2s ease;
}
@keyframes emailWizardStepIn {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}
.email-wizard-step-heading {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}
.email-wizard-step-heading > span {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(126, 107, 255, .28), rgba(34, 211, 238, .18));
    border: 1px solid rgba(143, 232, 255, .22);
    color: #dfe7ff;
    font-weight: 950;
}
.email-wizard-step-heading h3 {
    margin: 0 0 4px;
    color: #fff;
    font-size: 24px;
}
.email-wizard-step-heading p {
    margin: 0;
    color: #9fafcd;
}
.email-wizard-grid {
    display: grid;
    gap: 16px;
}
.email-wizard-grid.two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.email-wizard-grid-span {
    grid-column: 1 / -1;
}
.email-wizard-field {
    display: grid;
    gap: 8px;
}
.email-wizard-field > span,
.email-wizard-choice-group legend {
    color: #e8eeff;
    font-size: 13px;
    font-weight: 900;
}
.email-wizard-field em,
.email-wizard-choice-group em {
    color: #8294b8;
    font-size: 11px;
    font-style: normal;
    font-weight: 750;
}
.email-wizard-field input,
.email-wizard-field select,
.email-wizard-field textarea {
    width: 100%;
    min-height: 48px;
    border: 1px solid rgba(155, 170, 215, .22);
    border-radius: 14px;
    background: rgba(255, 255, 255, .055);
    color: #fff;
    padding: 11px 13px;
    outline: none;
    transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;
}
.email-wizard-field textarea {
    min-height: 100px;
    resize: vertical;
}
.email-wizard-field select option,
.email-wizard-field select optgroup {
    color: #101827;
    background: #fff;
}
.email-wizard-field input:focus,
.email-wizard-field select:focus,
.email-wizard-field textarea:focus {
    border-color: rgba(126, 107, 255, .82);
    box-shadow: 0 0 0 3px rgba(126, 107, 255, .14);
    background: rgba(255, 255, 255, .075);
}
.email-wizard-field .is-invalid,
.email-wizard-field input.is-invalid,
.email-wizard-field select.is-invalid,
.email-wizard-field textarea.is-invalid {
    border-color: #ff718c;
    box-shadow: 0 0 0 3px rgba(255, 113, 140, .12);
}
.email-wizard-choice-group {
    margin: 0;
    padding: 0;
    border: 0;
    display: grid;
    gap: 11px;
}
.email-wizard-chip-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(155px, 1fr));
    gap: 10px;
}
.email-wizard-chip-grid label,
.email-wizard-radio-list label,
.email-wizard-check-list label {
    position: relative;
    cursor: pointer;
}
.email-wizard-chip-grid input,
.email-wizard-radio-list input,
.email-wizard-check-list input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.email-wizard-chip-grid span,
.email-wizard-radio-list span,
.email-wizard-check-list span {
    min-height: 44px;
    display: flex;
    align-items: center;
    gap: 9px;
    border: 1px solid rgba(155, 170, 215, .18);
    border-radius: 14px;
    background: rgba(255, 255, 255, .045);
    color: #cbd6ed;
    padding: 10px 12px;
    font-size: 13px;
    font-weight: 800;
    transition: border-color .16s ease, background .16s ease, transform .16s ease;
}
.email-wizard-chip-grid span::before,
.email-wizard-check-list span::before {
    content: "";
    flex: 0 0 17px;
    width: 17px;
    height: 17px;
    border: 1px solid rgba(207, 219, 245, .42);
    border-radius: 5px;
}
.email-wizard-radio-list span::before {
    content: "";
    flex: 0 0 17px;
    width: 17px;
    height: 17px;
    border: 1px solid rgba(207, 219, 245, .42);
    border-radius: 999px;
}
.email-wizard-chip-grid input:checked + span,
.email-wizard-radio-list input:checked + span,
.email-wizard-check-list input:checked + span {
    border-color: rgba(126, 107, 255, .72);
    background: rgba(126, 107, 255, .15);
    color: #fff;
}
.email-wizard-chip-grid input:checked + span::before,
.email-wizard-check-list input:checked + span::before {
    border-color: #8fe8ff;
    background: #8fe8ff;
    box-shadow: inset 0 0 0 4px #27304d;
}
.email-wizard-radio-list input:checked + span::before {
    border-color: #8fe8ff;
    background: #8fe8ff;
    box-shadow: inset 0 0 0 4px #27304d;
}
.email-wizard-radio-list,
.email-wizard-check-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}
.email-wizard-example {
    border-radius: 14px;
    background: rgba(34, 211, 238, .08);
    border: 1px solid rgba(34, 211, 238, .16);
    color: #bfefff;
    padding: 12px 14px;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}
.email-wizard-review {
    border: 1px solid rgba(155, 170, 215, .18);
    border-radius: 20px;
    background: rgba(255, 255, 255, .035);
    overflow: hidden;
}
.email-wizard-review dl {
    margin: 0;
}
.email-wizard-review dl > div {
    display: grid;
    grid-template-columns: minmax(140px, .35fr) 1fr;
    gap: 18px;
    padding: 14px 16px;
    border-bottom: 1px solid rgba(155, 170, 215, .12);
}
.email-wizard-review dl > div:last-child {
    border-bottom: 0;
}
.email-wizard-review dt {
    color: #8fa2c7;
    font-weight: 850;
}
.email-wizard-review dd {
    margin: 0;
    color: #f3f6ff;
    overflow-wrap: anywhere;
}
.email-wizard-deliverables {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}
.email-wizard-deliverables span {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 54px;
    border: 1px solid rgba(155, 170, 215, .16);
    border-radius: 14px;
    background: rgba(255, 255, 255, .04);
    color: #d9e3f8;
    padding: 11px 13px;
    font-weight: 800;
}
.email-wizard-deliverables i {
    color: #8fe8ff;
}
.email-wizard-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 17px 24px;
    border-top: 1px solid rgba(155, 170, 215, .15);
    background: rgba(4, 12, 24, .78);
}
.email-wizard-footer > div {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}
.email-wizard-footer [data-email-wizard-save] {
    gap: 10px;
}
.email-wizard-footer [data-email-wizard-price] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-inline-start: 4px;
    padding-inline-start: 10px;
    border-inline-start: 1px solid rgba(255, 255, 255, .24);
    font-size: 12px;
}
.email-wizard-configure {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    min-height: 34px;
    margin-top: 4px;
    border: 1px solid rgba(126, 107, 255, .28);
    border-radius: 10px;
    background: rgba(126, 107, 255, .08);
    color: #bfc5ff;
    font-size: 11px;
    font-style: normal;
    font-weight: 900;
    cursor: pointer;
}
.asset-option-card.configured .email-wizard-configure {
    border-color: rgba(34, 211, 238, .36);
    background: rgba(34, 211, 238, .09);
    color: #8fe8ff;
}

[data-theme="light"] .email-wizard-backdrop {
    background: rgba(20, 29, 48, .54);
}
[data-theme="light"] .email-wizard-panel {
    border-color: rgba(31, 49, 83, .16);
    background: linear-gradient(180deg, rgba(255, 255, 255, .99), rgba(246, 249, 255, .99));
    box-shadow: 0 36px 100px rgba(29, 43, 70, .28);
    color: #15213a;
}
[data-theme="light"] .email-wizard-header {
    border-bottom-color: rgba(31, 49, 83, .12);
    background: radial-gradient(circle at 15% 0%, rgba(126, 107, 255, .14), transparent 50%);
}
[data-theme="light"] .email-wizard-header h2,
[data-theme="light"] .email-wizard-step-heading h3,
[data-theme="light"] .email-wizard-field > span,
[data-theme="light"] .email-wizard-choice-group legend,
[data-theme="light"] .email-wizard-review dd {
    color: #15213a;
}
[data-theme="light"] .email-wizard-header p,
[data-theme="light"] .email-wizard-step-heading p,
[data-theme="light"] .email-wizard-header small,
[data-theme="light"] .email-wizard-review dt {
    color: #5f6f8f;
}
[data-theme="light"] .email-wizard-close {
    border-color: rgba(31, 49, 83, .14);
    background: rgba(31, 49, 83, .055);
    color: #15213a;
}
[data-theme="light"] .email-wizard-field input,
[data-theme="light"] .email-wizard-field select,
[data-theme="light"] .email-wizard-field textarea,
[data-theme="light"] .email-wizard-chip-grid span,
[data-theme="light"] .email-wizard-radio-list span,
[data-theme="light"] .email-wizard-check-list span,
[data-theme="light"] .email-wizard-review,
[data-theme="light"] .email-wizard-deliverables span {
    border-color: rgba(31, 49, 83, .15);
    background: rgba(31, 49, 83, .035);
    color: #263654;
}
[data-theme="light"] .email-wizard-footer {
    border-top-color: rgba(31, 49, 83, .12);
    background: rgba(247, 249, 254, .98);
}
[data-theme="light"] .email-wizard-step-heading > span {
    color: #4d4fbf;
}

@media (max-width: 980px) {
    .aether-token-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .email-wizard-deliverables {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 700px) {
    .aether-token-grid {
        grid-template-columns: minmax(0, 1fr);
    }
    .email-asset-wizard {
        padding: 0;
        place-items: stretch;
    }
    .email-wizard-panel {
        width: 100%;
        max-height: 100vh;
        min-height: 100vh;
        border-radius: 0;
    }
    .email-wizard-header {
        padding: 22px 64px 16px 18px;
    }
    [dir="rtl"] .email-wizard-header {
        padding: 22px 18px 16px 64px;
    }
    .email-wizard-body {
        padding: 22px 18px 28px;
    }
    .email-wizard-grid.two,
    .email-wizard-radio-list,
    .email-wizard-check-list,
    .email-wizard-deliverables {
        grid-template-columns: minmax(0, 1fr);
    }
    .email-wizard-review dl > div {
        grid-template-columns: minmax(0, 1fr);
        gap: 5px;
    }
    .email-wizard-footer {
        align-items: stretch;
        padding: 13px;
    }
    .email-wizard-footer,
    .email-wizard-footer > div {
        flex-wrap: wrap;
    }
    .email-wizard-footer .btn {
        flex: 1 1 auto;
    }
}

/* Marketing mobile navigation drawer */
.marketing-menu-toggle,
.marketing-mobile-menu,
.marketing-mobile-backdrop {
    display: none;
}

@media (max-width: 980px) {
    body.marketing-menu-open {
        overflow: hidden;
        touch-action: none;
    }

    .marketing-header {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 12px;
    }

    .marketing-header .brand-lockup {
        grid-column: 1;
        justify-self: start;
    }

    .marketing-header .marketing-nav,
    .marketing-header .header-actions {
        display: none !important;
    }

    .marketing-header .marketing-menu-toggle {
        display: inline-flex;
        grid-column: 2;
        justify-self: end;
        width: 44px;
        height: 44px;
        min-width: 44px;
        padding: 0;
        align-items: center;
        justify-content: center;
        border-radius: 14px;
        font-size: 18px;
    }

    .marketing-mobile-backdrop {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 118;
        width: 100%;
        height: 100%;
        padding: 0;
        border: 0;
        background: rgba(3, 6, 14, .7);
        backdrop-filter: blur(8px);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity .24s ease, visibility .24s ease;
    }

    .marketing-mobile-menu {
        display: flex;
        position: fixed;
        inset-block: 0;
        inset-inline-start: 0;
        z-index: 119;
        width: min(88vw, 380px);
        max-width: 100%;
        min-height: 100dvh;
        padding: max(20px, env(safe-area-inset-top)) 18px max(22px, env(safe-area-inset-bottom));
        flex-direction: column;
        gap: 22px;
        overflow-y: auto;
        overscroll-behavior: contain;
        border-inline-end: 1px solid var(--border);
        background: rgba(12, 15, 25, .98);
        box-shadow: 24px 0 70px rgba(0, 0, 0, .42);
        visibility: hidden;
        pointer-events: none;
        transition: transform .26s ease, visibility .26s ease;
    }

    html[dir="ltr"] .marketing-mobile-menu {
        transform: translateX(-105%);
    }

    html[dir="rtl"] .marketing-mobile-menu {
        transform: translateX(105%);
        box-shadow: -24px 0 70px rgba(0, 0, 0, .42);
    }

    body.marketing-menu-open .marketing-mobile-backdrop {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    body.marketing-menu-open .marketing-mobile-menu {
        transform: translateX(0);
        visibility: visible;
        pointer-events: auto;
    }

    .marketing-mobile-menu-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        padding-bottom: 18px;
        border-bottom: 1px solid var(--border);
    }

    .marketing-mobile-menu-header .brand-lockup {
        min-width: 0;
        font-size: 18px;
    }

    .marketing-mobile-menu-header .brand-lockup img {
        width: 40px;
        height: 40px;
        flex: 0 0 40px;
    }

    .marketing-mobile-menu-header .brand-lockup span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .marketing-mobile-menu-close {
        width: 42px;
        height: 42px;
        min-width: 42px;
        padding: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 14px;
        font-size: 18px;
    }

    .marketing-mobile-nav {
        display: grid;
        gap: 7px;
    }

    .marketing-mobile-nav a {
        display: flex;
        align-items: center;
        gap: 13px;
        min-height: 50px;
        padding: 12px 14px;
        border: 1px solid transparent;
        border-radius: 15px;
        color: var(--muted);
        font-weight: 700;
        transition: color .18s ease, background .18s ease, border-color .18s ease, transform .18s ease;
    }

    .marketing-mobile-nav a:hover,
    .marketing-mobile-nav a:focus-visible {
        color: var(--text);
        background: rgba(255, 255, 255, .065);
        border-color: var(--border);
        transform: translateX(var(--marketing-menu-link-shift, 2px));
    }

    html[dir="rtl"] .marketing-mobile-nav a:hover,
    html[dir="rtl"] .marketing-mobile-nav a:focus-visible {
        --marketing-menu-link-shift: -2px;
    }

    .marketing-mobile-nav a i {
        width: 22px;
        flex: 0 0 22px;
        color: var(--primary);
        text-align: center;
    }

    .marketing-mobile-actions {
        display: grid;
        gap: 10px;
        margin-top: auto;
        padding-top: 18px;
        border-top: 1px solid var(--border);
    }

    .marketing-mobile-actions > .btn,
    .marketing-mobile-actions .language-menu,
    .marketing-mobile-actions .language-menu-button {
        width: 100%;
    }

    .marketing-mobile-actions .btn,
    .marketing-mobile-actions .language-menu-button {
        min-height: 46px;
        justify-content: center;
    }

    .marketing-mobile-theme {
        display: inline-flex;
        align-items: center;
        gap: 10px;
    }

    [data-theme="light"] .marketing-mobile-menu {
        background: rgba(255, 255, 255, .985);
        box-shadow: 24px 0 70px rgba(22, 31, 52, .22);
    }

    html[dir="rtl"] [data-theme="light"] .marketing-mobile-menu {
        box-shadow: -24px 0 70px rgba(22, 31, 52, .22);
    }

    [data-theme="light"] .marketing-mobile-backdrop {
        background: rgba(22, 31, 52, .42);
    }

    [data-theme="light"] .marketing-mobile-nav a:hover,
    [data-theme="light"] .marketing-mobile-nav a:focus-visible {
        background: rgba(11, 18, 32, .055);
    }
}


/* Round 9: robust mobile navigation, fixed asset generation dock, cookies and homepage FAQ */
@media (max-width: 980px) {
    body.marketing-body .marketing-header {
        position: relative;
        z-index: 117;
        min-height: 68px;
    }
    body.marketing-body .marketing-header .marketing-menu-toggle {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        position: relative !important;
        inset: auto !important;
        z-index: 122 !important;
        width: 46px !important;
        height: 46px !important;
        min-width: 46px !important;
        min-height: 46px !important;
        margin: 0 !important;
        padding: 0 !important;
        align-items: center !important;
        justify-content: center !important;
        color: #fff !important;
        background: linear-gradient(135deg, #7770ff, #5558d9) !important;
        border: 1px solid rgba(255,255,255,.28) !important;
        border-radius: 14px !important;
        box-shadow: 0 12px 30px rgba(62, 56, 190, .35) !important;
    }
    body.marketing-body .marketing-header .marketing-menu-toggle i {
        display: inline-block !important;
        color: currentColor !important;
        font-size: 20px !important;
        line-height: 1 !important;
    }
    [data-theme="light"] body.marketing-body .marketing-header .marketing-menu-toggle,
    body.marketing-body[data-theme="light"] .marketing-header .marketing-menu-toggle {
        color: #fff !important;
        background: linear-gradient(135deg, #6259ff, #4146bd) !important;
        border-color: rgba(58,62,168,.42) !important;
    }
}

body.asset-factory-active #page.page-transition {
    animation: none !important;
    transform: none !important;
}
body.asset-factory-active .app-content {
    padding-bottom: 148px !important;
}
body.asset-factory-active .asset-generate-dock {
    position: fixed !important;
    inset-inline-start: 280px !important;
    inset-inline-end: 0 !important;
    bottom: 0 !important;
    z-index: 1110 !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    border-radius: 0 !important;
    padding-bottom: max(14px, env(safe-area-inset-bottom)) !important;
}
body.asset-factory-active .asset-generation-progress {
    scroll-margin-top: 96px;
}
@media (max-width: 980px) {
    body.asset-factory-active .app-content {
        padding-bottom: 168px !important;
    }
    body.asset-factory-active .asset-generate-dock {
        inset-inline-start: 0 !important;
        padding: 12px 14px max(12px, env(safe-area-inset-bottom)) !important;
        gap: 10px !important;
    }
    body.asset-factory-active .asset-generate-dock > div {
        min-width: 0;
    }
    body.asset-factory-active .asset-selected-chips {
        max-height: 38px;
        overflow: hidden;
    }
    body.asset-factory-active .asset-generate-button {
        min-width: 0 !important;
        flex: 0 0 auto;
        min-height: 48px;
        padding-inline: 16px;
    }
}
@media (max-width: 620px) {
    body.asset-factory-active .asset-generate-dock > div > span,
    body.asset-factory-active .asset-selected-chips {
        display: none !important;
    }
    body.asset-factory-active .asset-generate-dock {
        justify-content: stretch !important;
    }
    body.asset-factory-active .asset-generate-button {
        width: 100% !important;
    }
}

.cookie-consent-drawer {
    position: fixed;
    z-index: 1400;
    inset-inline: max(18px, env(safe-area-inset-left)) max(18px, env(safe-area-inset-right));
    bottom: max(18px, env(safe-area-inset-bottom));
    width: min(920px, calc(100vw - 36px));
    margin-inline: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 20px 22px;
    border: 1px solid rgba(150, 144, 255, .30);
    border-radius: 24px;
    background: rgba(10, 16, 29, .97);
    box-shadow: 0 26px 90px rgba(0,0,0,.46);
    backdrop-filter: blur(22px);
    opacity: 0;
    transform: translateY(24px);
    pointer-events: none;
    transition: opacity .24s ease, transform .24s ease;
}
.cookie-consent-drawer.is-visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}
.cookie-consent-copy {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    min-width: 0;
}
.cookie-consent-icon {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    color: #d6d2ff;
    background: rgba(126, 107, 255, .18);
    font-size: 20px;
}
.cookie-consent-copy h2 {
    margin: 0 0 6px;
    color: var(--text);
    font-size: 20px;
}
.cookie-consent-copy p {
    margin: 0;
    max-width: 650px;
    color: var(--muted);
    line-height: 1.55;
}
.cookie-consent-actions {
    display: flex;
    flex: 0 0 auto;
    gap: 10px;
}
[data-theme="light"] .cookie-consent-drawer {
    background: rgba(255,255,255,.98);
    border-color: rgba(74, 77, 177, .22);
    box-shadow: 0 26px 80px rgba(27, 37, 66, .22);
}
@media (max-width: 760px) {
    .cookie-consent-drawer {
        width: auto;
        align-items: stretch;
        flex-direction: column;
        gap: 16px;
        padding: 18px;
        border-radius: 20px;
    }
    .cookie-consent-actions .btn {
        flex: 1;
    }
}

.homepage-faq-section {
    position: relative;
}
.homepage-faq-head > p {
    max-width: 540px;
    color: var(--muted);
    line-height: 1.65;
}
.homepage-faq-list {
    display: grid;
    gap: 12px;
    max-width: 960px;
    margin: 28px auto 0;
}
.homepage-faq-item {
    border: 1px solid var(--border);
    border-radius: 20px;
    background: rgba(255,255,255,.035);
    overflow: hidden;
    transition: border-color .2s ease, background .2s ease, transform .2s ease;
}
.homepage-faq-item[open] {
    border-color: rgba(126,107,255,.46);
    background: rgba(126,107,255,.08);
}
.homepage-faq-item summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-height: 70px;
    padding: 18px 22px;
    list-style: none;
    cursor: pointer;
    color: var(--text);
    font-weight: 800;
    font-size: 17px;
}
.homepage-faq-item summary::-webkit-details-marker { display: none; }
.homepage-faq-item summary i {
    color: var(--primary);
    transition: transform .2s ease;
}
.homepage-faq-item[open] summary i { transform: rotate(45deg); }
.homepage-faq-item > div {
    padding: 0 22px 22px;
}
.homepage-faq-item p {
    margin: 0;
    color: var(--muted);
    line-height: 1.7;
}
[data-theme="light"] .homepage-faq-item {
    background: rgba(255,255,255,.78);
}
[data-theme="light"] .homepage-faq-item[open] {
    background: rgba(98,89,255,.07);
}

/* Round 9: generated email HTML gallery */
.asset-email-gallery { display:grid; gap:18px; }
.asset-email-gallery > header { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:16px 18px; border:1px solid var(--border); border-radius:18px; background:rgba(255,255,255,.035); }
.asset-email-gallery > header span { display:inline-flex; align-items:center; gap:9px; color:var(--text); font-weight:800; }
.asset-email-gallery > header strong { min-width:36px; height:36px; display:grid; place-items:center; border-radius:12px; background:rgba(126,107,255,.16); color:var(--primary); }
.asset-email-gallery-grid { display:grid; gap:20px; }
.asset-email-gallery-card { overflow:hidden; border:1px solid var(--border); border-radius:22px; background:rgba(255,255,255,.035); }
.asset-email-gallery-card > header { padding:18px 20px; border-bottom:1px solid var(--border); }
.asset-email-gallery-card > header span { color:var(--primary); font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.asset-email-gallery-card > header h3 { margin:7px 0 0; color:var(--text); font-size:22px; }
.asset-email-gallery-meta { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px; padding:16px 18px; border-bottom:1px solid var(--border); }
.asset-email-gallery-meta section { padding:13px; border:1px solid var(--border); border-radius:14px; background:rgba(255,255,255,.025); }
.asset-email-gallery-meta strong { display:block; margin-bottom:8px; color:var(--muted); font-size:11px; letter-spacing:.08em; text-transform:uppercase; }
.asset-email-gallery-meta ol { margin:0; padding-inline-start:20px; }
.asset-email-gallery-meta li, .asset-email-gallery-meta p { margin:0; color:var(--text); line-height:1.55; }
.asset-email-device-pair { display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,340px); gap:18px; padding:18px; background:rgba(4,11,22,.34); }
.asset-email-device { min-width:0; }
.asset-email-device > span { display:inline-flex; align-items:center; gap:8px; margin-bottom:10px; color:var(--muted); font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.asset-email-device iframe { display:block; width:100%; height:620px; border:0; background:#fff; }
.asset-email-device--desktop iframe { border-radius:14px; }
.asset-email-device--mobile > div { width:min(100%,320px); margin-inline:auto; padding:8px; border:1px solid rgba(255,255,255,.18); border-radius:26px; background:#111827; box-shadow:0 18px 42px rgba(0,0,0,.24); }
.asset-email-device--mobile iframe { height:600px; border-radius:20px; }
.asset-email-no-html { margin:18px; padding:16px; border-radius:14px; background:rgba(255,130,130,.08); color:var(--muted); }
[data-theme="light"] .asset-email-device-pair { background:rgba(32,42,67,.045); }
[data-theme="light"] .asset-email-device--mobile > div { background:#20293b; }
@media (max-width:900px) { .asset-email-device-pair { grid-template-columns:1fr; } .asset-email-device--mobile > div { width:min(100%,360px); } }
@media (max-width:620px) { .asset-email-device-pair { padding:12px; } .asset-email-device iframe { height:520px; } }

/* Keep cookie controls clear of the fixed asset-generation action bar. */
body.asset-factory-active .cookie-consent-drawer {
    bottom: max(112px, calc(94px + env(safe-area-inset-bottom)));
}
@media (max-width: 620px) {
    body.asset-factory-active .cookie-consent-drawer {
        bottom: max(96px, calc(82px + env(safe-area-inset-bottom)));
    }
}

/* Native hamburger glyph fallback so the mobile control remains visible even if the icon font is unavailable. */
@media (max-width: 980px) {
    body.marketing-body .marketing-header .marketing-menu-toggle i {
        display: none !important;
    }
    body.marketing-body .marketing-header .marketing-menu-toggle::before {
        content: "";
        display: block;
        width: 21px;
        height: 2px;
        border-radius: 999px;
        background: currentColor;
        box-shadow: 0 -7px 0 currentColor, 0 7px 0 currentColor;
    }
}

/* Asset factory category tabs, shared reference upload and progressive email generation */
.asset-category-tabs {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    padding: 6px;
    border: 1px solid rgba(192,193,255,.14);
    border-radius: 18px;
    background: rgba(1,15,31,.42);
    scrollbar-width: thin;
}
.asset-category-tabs button {
    flex: 1 0 max-content;
    min-width: 132px;
    border: 0;
    border-radius: 13px;
    padding: 12px 16px;
    background: transparent;
    color: #bfc4d8;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    transition: background .18s ease,color .18s ease,box-shadow .18s ease;
}
.asset-category-tabs button:hover { color: #fff; background: rgba(128,131,255,.10); }
.asset-category-tabs button.active {
    color: #fff;
    background: linear-gradient(135deg,rgba(128,131,255,.78),rgba(98,89,255,.62));
    box-shadow: 0 12px 30px rgba(98,89,255,.22);
}
.asset-category-grid { display: block; }
.asset-category-card.asset-platform-panel { display: none; }
.asset-category-card.asset-platform-panel.active { display: block; }
.asset-category-card--prompt {
    display: block;
    margin-top: 22px;
    padding: 22px;
    border: 1px solid rgba(192,193,255,.18);
    border-radius: 18px;
    background: linear-gradient(180deg,rgba(18,33,49,.94),rgba(13,28,45,.92));
}
.asset-reference-upload {
    margin-top: 16px;
    display: grid;
    grid-template-columns: 48px minmax(0,1fr) auto;
    align-items: center;
    gap: 14px;
    padding: 16px;
    border: 1px dashed rgba(192,193,255,.30);
    border-radius: 15px;
    background: rgba(1,15,31,.38);
    cursor: pointer;
}
.asset-reference-upload:hover { border-color: rgba(128,131,255,.85); background: rgba(128,131,255,.08); }
.asset-reference-upload input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.asset-reference-upload-icon { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 13px; background: rgba(128,131,255,.16); color: #c0c1ff; font-size: 20px; }
.asset-reference-upload-copy { min-width: 0; display: grid; gap: 5px; }
.asset-reference-upload-copy strong { color: var(--text); }
.asset-reference-upload-copy small { color: var(--muted); line-height: 1.45; }
.asset-reference-preview { margin-top: 12px; display: flex; flex-wrap: wrap; gap: 10px; }
.asset-reference-preview[hidden] { display: none; }
.asset-reference-preview figure { position: relative; width: 86px; height: 86px; margin: 0; overflow: hidden; border: 1px solid var(--border); border-radius: 13px; background: rgba(255,255,255,.04); }
.asset-reference-preview img { width: 100%; height: 100%; object-fit: cover; display: block; }
.asset-reference-preview button { position: absolute; top: 5px; inset-inline-end: 5px; width: 25px; height: 25px; border: 0; border-radius: 999px; background: rgba(4,11,22,.82); color: #fff; cursor: pointer; }
.asset-reference-preview .asset-reference-count { display: inline-flex; align-items: center; padding: 0 12px; border-radius: 12px; color: var(--muted); background: rgba(255,255,255,.04); }
.asset-email-gallery-progress { display: flex; align-items: center; gap: 10px; color: var(--muted); font-size: 13px; }
.asset-email-gallery-progress i { color: var(--primary); }
.asset-email-gallery-card--pending { min-height: 180px; display: grid; place-items: center; text-align: center; padding: 28px; border-style: dashed; }
.asset-email-gallery-card--pending > div { display: grid; gap: 12px; justify-items: center; color: var(--muted); }
.asset-email-gallery-card--pending i { font-size: 24px; color: var(--primary); }
.asset-email-gallery-card .platform-asset-preview--document { border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.asset-email-gallery-card .platform-asset-preview--document > header { padding: 14px 18px; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.asset-email-gallery-card .platform-asset-preview--document > header > span,
.asset-email-gallery-card .platform-asset-preview--document > header > h3 { display: none; }
.asset-email-gallery-card .platform-asset-preview--document .asset-html-preview { border-top: 0; }
.asset-progressive-job { grid-column: 1 / -1; min-height: 0; cursor: default; }
.asset-progressive-job .asset-live-card-body { padding: 20px; }
.asset-progressive-job .asset-email-gallery { margin-top: 12px; }
html[data-theme="light"] body.app-body .asset-category-tabs,
html[data-theme="light"] body.app-body .asset-category-card--prompt,
html[data-theme="light"] body.app-body .asset-reference-upload { background: rgba(255,255,255,.78); }
html[data-theme="light"] body.app-body .asset-category-tabs button { color: #4d5870; }
html[data-theme="light"] body.app-body .asset-category-tabs button.active { color: #fff; }
@media (max-width: 760px) {
    .asset-category-tabs { justify-content: flex-start; }
    .asset-category-tabs button { flex: 0 0 auto; min-width: 120px; }
    .asset-reference-upload { grid-template-columns: 42px minmax(0,1fr); }
    .asset-reference-upload > .btn { grid-column: 1 / -1; width: 100%; justify-content: center; }
}