@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: min(1180px, calc(100% - 40px));
    margin: 24px auto 0;
    min-height: 72px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 18px;
    border: 1px solid var(--border);
    border-radius: 24px;
    background: rgba(12, 15, 25, .58);
    backdrop-filter: blur(22px);
    box-shadow: var(--shadow);
    position: sticky;
    top: 16px;
    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: 6px;
    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;
}
.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: 1px 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;
}