/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-9ximj8qeir] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-9ximj8qeir] {
    flex: 1;
}

.sidebar[b-9ximj8qeir] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-9ximj8qeir] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-9ximj8qeir]  a, .top-row[b-9ximj8qeir]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-9ximj8qeir]  a:hover, .top-row[b-9ximj8qeir]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-9ximj8qeir]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-9ximj8qeir] {
        justify-content: space-between;
    }

    .top-row[b-9ximj8qeir]  a, .top-row[b-9ximj8qeir]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-9ximj8qeir] {
        flex-direction: row;
    }

    .sidebar[b-9ximj8qeir] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-9ximj8qeir] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-9ximj8qeir]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-9ximj8qeir], article[b-9ximj8qeir] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-9ximj8qeir] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-9ximj8qeir] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-t71oeeiwvb] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-t71oeeiwvb] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-t71oeeiwvb] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-t71oeeiwvb] {
    font-size: 1.1rem;
}

.bi[b-t71oeeiwvb] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-t71oeeiwvb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-t71oeeiwvb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-t71oeeiwvb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-t71oeeiwvb] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-t71oeeiwvb] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-t71oeeiwvb] {
        padding-bottom: 1rem;
    }

    .nav-item[b-t71oeeiwvb]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-t71oeeiwvb]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-t71oeeiwvb]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-t71oeeiwvb] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-t71oeeiwvb] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-t71oeeiwvb] {
        display: none;
    }

    .nav-scrollable[b-t71oeeiwvb] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-p3doghdvpd],.components-reconnect-repeated-attempt-visible[b-p3doghdvpd],.components-reconnect-failed-visible[b-p3doghdvpd],.components-pause-visible[b-p3doghdvpd],.components-resume-failed-visible[b-p3doghdvpd],.components-rejoining-animation[b-p3doghdvpd]{display:none}
#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-p3doghdvpd],#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-p3doghdvpd],#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-p3doghdvpd],#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-p3doghdvpd],#components-reconnect-modal.components-reconnect-retrying[b-p3doghdvpd],#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-p3doghdvpd],#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-p3doghdvpd],#components-reconnect-modal.components-reconnect-failed[b-p3doghdvpd],#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-p3doghdvpd]{display:block}
#components-reconnect-modal[b-p3doghdvpd]{width:min(430px,calc(100vw - 32px));margin:22vh auto;padding:0;overflow:hidden;border:1px solid rgba(218,207,193,.95);border-radius:20px;background:rgba(255,253,250,.98);color:#28231f;box-shadow:0 30px 90px rgba(31,25,21,.2),0 4px 15px rgba(31,25,21,.08);opacity:0;transition:display .35s allow-discrete,overlay .35s allow-discrete;animation:reconnect-out-b-p3doghdvpd .3s both}
#components-reconnect-modal[open][b-p3doghdvpd]{animation:reconnect-in-b-p3doghdvpd .5s cubic-bezier(.2,.8,.2,1) both}#components-reconnect-modal[b-p3doghdvpd]::backdrop{background:rgba(28,24,21,.42);backdrop-filter:blur(5px);animation:reconnect-fade-b-p3doghdvpd .3s ease both}
.components-reconnect-container[b-p3doghdvpd]{position:relative;padding:30px 34px 24px;display:flex;flex-direction:column;align-items:center;text-align:center}.components-reconnect-container[b-p3doghdvpd]::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#7c193f 0 42%,#b39a6d 42% 72%,#d9cbb8 72%)}
.reconnect-brand[b-p3doghdvpd]{width:52px;height:52px;margin-bottom:14px;display:grid;place-items:center;border:1px solid #eadde2;border-radius:16px;background:linear-gradient(145deg,#fff,#fbf2f5);box-shadow:0 10px 26px rgba(124,25,63,.11)}.reconnect-brand img[b-p3doghdvpd]{width:31px;height:31px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(124,25,63,.12))}
.reconnect-copy small[b-p3doghdvpd]{display:block;margin-bottom:7px;color:#9a7d4d;font-family:var(--ui-font);font-size:8px;font-weight:800;letter-spacing:.16em}.reconnect-copy h2[b-p3doghdvpd]{margin:0;color:#26211d;font-size:20px;font-weight:700;line-height:1.45}
#components-reconnect-modal p[b-p3doghdvpd]{max-width:335px;margin:16px 0 0;color:#746c64;font-size:11.5px;line-height:1.8;text-align:center}#components-reconnect-modal p strong[b-p3doghdvpd]{display:inline-grid;min-width:25px;height:25px;margin:0 3px;place-items:center;border-radius:8px;background:#f3ebe0;color:#7c193f;font-family:var(--ui-font);font-size:10px}
#components-reconnect-modal button[b-p3doghdvpd]{min-width:150px;margin-top:17px;padding:10px 20px;border:0;border-radius:10px;background:#7c193f;color:#fff;font:inherit;font-size:11px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px rgba(124,25,63,.18);transition:.16s ease}#components-reconnect-modal button:hover[b-p3doghdvpd]{background:#651331;transform:translateY(-1px)}#components-reconnect-modal button:active[b-p3doghdvpd]{transform:none}
.components-rejoining-animation[b-p3doghdvpd]{position:relative;width:34px;height:34px;margin-top:18px}.components-rejoining-animation div[b-p3doghdvpd]{position:absolute;inset:0;border:2px solid #9c7d4b;border-radius:50%;animation:reconnect-ring-b-p3doghdvpd 1.6s cubic-bezier(0,.2,.8,1) infinite}.components-rejoining-animation div:nth-child(2)[b-p3doghdvpd]{animation-delay:-.55s}
.reconnect-assurance[b-p3doghdvpd]{margin-top:20px;padding-top:14px;width:100%;border-top:1px solid #eee7de;color:#a0988f;font-size:9px}.reconnect-assurance[b-p3doghdvpd]::before{content:"◆";margin-inline-end:6px;color:#b39a6d;font-size:6px}
@keyframes reconnect-ring-b-p3doghdvpd{0%{transform:scale(.15);opacity:0}8%{opacity:1}100%{transform:scale(1);opacity:0}}@keyframes reconnect-in-b-p3doghdvpd{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}@keyframes reconnect-out-b-p3doghdvpd{from{opacity:1}to{opacity:0}}@keyframes reconnect-fade-b-p3doghdvpd{from{opacity:0}to{opacity:1}}
@media(max-width:520px){#components-reconnect-modal[b-p3doghdvpd]{margin:16vh auto}.components-reconnect-container[b-p3doghdvpd]{padding:28px 22px 22px}.reconnect-copy h2[b-p3doghdvpd]{font-size:18px}}@media(prefers-reduced-motion:reduce){#components-reconnect-modal[b-p3doghdvpd],#components-reconnect-modal[b-p3doghdvpd]::backdrop{animation:none}.components-rejoining-animation div[b-p3doghdvpd]{animation-duration:2.4s}}
/* /Components/Layout/StudioHeader.razor.rz.scp.css */

.header-project-nav[b-qyt26eqlow]{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:0}.header-project-nav a[b-qyt26eqlow]{display:inline-flex;align-items:center;gap:9px;color:var(--text);font-weight:700;text-decoration:none;overflow-wrap:anywhere}.header-project-nav a:hover[b-qyt26eqlow]{color:var(--burgundy)}.header-project-divider[b-qyt26eqlow]{color:var(--muted)}.header-project-current[b-qyt26eqlow]{font-size:14px}.header-project-nav a:focus-visible[b-qyt26eqlow]{outline:2px solid var(--gold);outline-offset:4px}@media(max-width:640px){.header-project-nav[b-qyt26eqlow]{gap:7px}.header-project-current[b-qyt26eqlow]{max-width:140px;font-size:12px}}
/* /Components/Pages/Admin/AdminProviders.razor.rz.scp.css */
.providers-grid[b-aggrox4rel] { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 18px; max-width: 1120px; }
.provider-card[b-aggrox4rel] { display: flex; align-items: center; gap: 16px; padding: 28px 22px; min-height: 116px; text-align: start; background: var(--paper, #fff); color: var(--ink); border: 1px solid var(--line-light, #e7dfeb); border-radius: 22px; cursor: pointer; transition: border-color .16s, box-shadow .16s; }
.provider-card:hover[b-aggrox4rel] { border-color: var(--burgundy); box-shadow: 0 8px 24px #70416c12; }
.provider-card:focus-visible[b-aggrox4rel] { outline: 3px solid var(--burgundy); outline-offset: 4px; }
.provider-card strong[b-aggrox4rel] { font-size: 17px; font-weight: 650; overflow-wrap: anywhere; }
.provider-monogram[b-aggrox4rel] { display: grid; place-items: center; width: 44px; height: 44px; flex-shrink: 0; border-radius: 14px; background: #f3edf6; color: var(--burgundy); font-size: 23px; font-weight: 700; }
.provider-arrow[b-aggrox4rel] { margin-inline-start: auto; color: var(--muted); }
.providers-empty[b-aggrox4rel] { padding: 40px; text-align: center; color: var(--muted); }
.provider-dialog[b-aggrox4rel] { width: min(540px, calc(100vw - 32px)); max-height: calc(100dvh - 48px); overflow-y: auto; }
.provider-field[b-aggrox4rel] { display: grid; gap: 7px; font-size: 13px; margin-top: 16px; }
.provider-field input[b-aggrox4rel] { width: 100%; min-width: 0; box-sizing: border-box; }
.provider-saved-key[b-aggrox4rel] { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.provider-key-mask[b-aggrox4rel] { flex: 1 1 160px; min-width: 0; box-sizing: border-box; letter-spacing: 2px; overflow: hidden; }
.provider-saved-key button[b-aggrox4rel] { flex-shrink: 0; }
.provider-hint[b-aggrox4rel] { color: var(--muted); line-height: 1.7; font-size: 13px; margin: 12px 0; }
.provider-console[b-aggrox4rel] { color: var(--burgundy); font-size: 13px; }
.provider-prices[b-aggrox4rel] { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.provider-dialog-actions[b-aggrox4rel] { display: flex; justify-content: flex-end; gap: 10px; margin-top: 24px; }
.provider-notice[b-aggrox4rel] { padding: 12px 16px; border-radius: 12px; background: #f3edf6; color: var(--ink); font-size: 13px; line-height: 1.7; }
.provider-test[b-aggrox4rel] { margin-top: 18px; font-size: 13px; }
.provider-test summary[b-aggrox4rel] { cursor: pointer; }
.provider-test button[b-aggrox4rel] { margin-top: 10px; }
@media (max-width: 520px) { .providers-grid[b-aggrox4rel] { grid-template-columns: 1fr; gap: 12px; } .provider-card[b-aggrox4rel] { min-height: 90px; padding: 20px; } .provider-prices[b-aggrox4rel] { grid-template-columns: 1fr; gap: 0; } }
@media (prefers-reduced-motion: reduce) { .provider-card[b-aggrox4rel] { transition: none; } }
/* /Components/Pages/AppStudio.razor.rz.scp.css */
.vibe-studio-root[b-ckvlj6f3nh] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 72px);
    overflow: hidden;
    background: #fdfaf7;
    color: #181715;
}

/* Header */
.vibe-header[b-ckvlj6f3nh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 24px;
    background: #ffffff;
    border-bottom: 1px solid #eadfcb;
    box-shadow: 0 1px 3px rgba(0,0,0,0.03);
    z-index: 10;
}

.header-left[b-ckvlj6f3nh] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.back-link[b-ckvlj6f3nh] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #711D42;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    padding: 6px 10px;
    border-radius: 8px;
    background: #faf4ed;
    transition: background 0.2s;
}

.back-link:hover[b-ckvlj6f3nh] {
    background: #f3e6d5;
}

.header-titles h1[b-ckvlj6f3nh] {
    font-size: 18px;
    font-weight: 700;
    color: #221f1c;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 6px;
}

.vibe-sparkle[b-ckvlj6f3nh] {
    color: #D9B26F;
}

.header-subtitle[b-ckvlj6f3nh] {
    font-size: 12px;
    color: #746f68;
    margin: 0;
}

.header-actions[b-ckvlj6f3nh] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.credit-badge[b-ckvlj6f3nh] {
    font-size: 12px;
    background: #faf4ec;
    border: 1px solid #e7d8be;
    border-radius: 20px;
    padding: 4px 12px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.credit-badge strong[b-ckvlj6f3nh] {
    color: #711D42;
    font-weight: 700;
}

.view-switchers[b-ckvlj6f3nh] {
    display: flex;
    background: #f2eee6;
    border-radius: 8px;
    padding: 3px;
    gap: 2px;
}

.view-btn[b-ckvlj6f3nh] {
    border: none;
    background: transparent;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 6px;
    cursor: pointer;
    color: #5b534a;
    transition: all 0.15s ease;
}

.view-btn.active[b-ckvlj6f3nh] {
    background: #ffffff;
    color: #711D42;
    font-weight: 600;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}

.export-actions[b-ckvlj6f3nh] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.btn-secondary-action[b-ckvlj6f3nh] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    background: #ffffff;
    border: 1px solid #d8d0c4;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    color: #342f2a;
    transition: all 0.2s;
}

.btn-secondary-action:hover[b-ckvlj6f3nh] {
    background: #f8f6f2;
    border-color: #b39a6d;
}

.btn-gold-action[b-ckvlj6f3nh] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    background: linear-gradient(135deg, #711D42 0%, #812E52 100%);
    color: #ffffff;
    border: 1px solid #D9B26F;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(113, 29, 66, 0.25);
    transition: transform 0.15s, opacity 0.15s;
}

.btn-gold-action:hover[b-ckvlj6f3nh] {
    opacity: 0.95;
    transform: translateY(-1px);
}

/* Workspace Layout */
.vibe-workspace[b-ckvlj6f3nh] {
    display: flex;
    flex: 1;
    overflow: hidden;
}

/* Controls / Sidebar */
.vibe-controls[b-ckvlj6f3nh] {
    width: 440px;
    max-width: 45%;
    background: #ffffff;
    border-inline-end: 1px solid #eadfcb;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    padding: 20px;
    gap: 18px;
}

.control-box[b-ckvlj6f3nh] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.control-box h2[b-ckvlj6f3nh] {
    font-size: 16px;
    font-weight: 700;
    color: #221f1c;
    margin: 0;
}

.hint-text[b-ckvlj6f3nh] {
    font-size: 12px;
    color: #746f68;
    line-height: 1.6;
    margin: 0;
}

/* Brand Selector */
.brand-select-box label[b-ckvlj6f3nh],
.existing-apps-box label[b-ckvlj6f3nh] {
    font-size: 12px;
    font-weight: 600;
    color: #5b534a;
}

/* Existing apps chips */
.apps-list[b-ckvlj6f3nh] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    max-height: 140px;
    overflow-y: auto;
}

.app-chip[b-ckvlj6f3nh] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    background: #faf7f2;
    border: 1px solid #eadfcb;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.15s;
}

.app-chip:hover[b-ckvlj6f3nh] {
    background: #f4ecdf;
    border-color: #D9B26F;
}

.app-chip.active[b-ckvlj6f3nh] {
    background: #f8f1e9;
    border-color: #711D42;
    border-width: 1.5px;
}

.app-chip-icon[b-ckvlj6f3nh] {
    font-size: 14px;
    color: #D9B26F;
}

.app-chip-info[b-ckvlj6f3nh] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.app-chip-info strong[b-ckvlj6f3nh] {
    font-size: 13px;
    color: #221f1c;
}

.app-chip-info small[b-ckvlj6f3nh] {
    font-size: 10px;
    color: #9a948c;
}

.app-chip-del[b-ckvlj6f3nh] {
    background: none;
    border: none;
    font-size: 16px;
    color: #b3261e;
    cursor: pointer;
    padding: 0 4px;
}

/* Templates */
.templates-section[b-ckvlj6f3nh] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 6px 0;
}

.templates-label[b-ckvlj6f3nh] {
    font-size: 12px;
    font-weight: 600;
    color: #711D42;
}

.templates-grid[b-ckvlj6f3nh] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.template-card[b-ckvlj6f3nh] {
    text-align: start;
    padding: 10px 12px;
    background: #fffdfa;
    border: 1px solid #e7d8be;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.15s;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.template-card:hover[b-ckvlj6f3nh] {
    border-color: #711D42;
    background: #faf4eb;
    transform: translateY(-1px);
}

.template-badge[b-ckvlj6f3nh] {
    font-size: 10px;
    font-weight: 600;
    color: #711D42;
    background: #fbf1e8;
    padding: 2px 6px;
    border-radius: 4px;
    align-self: flex-start;
}

.template-card strong[b-ckvlj6f3nh] {
    font-size: 12px;
    color: #221f1c;
}

.template-card small[b-ckvlj6f3nh] {
    font-size: 11px;
    color: #746f68;
    line-height: 1.4;
}

/* Prompt Input */
.prompt-input-area[b-ckvlj6f3nh] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 6px;
}

.vibe-textarea[b-ckvlj6f3nh] {
    width: 100%;
    border: 1px solid #d8d0c4;
    border-radius: 10px;
    padding: 12px;
    font-family: inherit;
    font-size: 13px;
    line-height: 1.6;
    color: #181715;
    background: #ffffff;
    resize: vertical;
    transition: border-color 0.2s;
}

.vibe-textarea:focus[b-ckvlj6f3nh] {
    outline: none;
    border-color: #711D42;
    box-shadow: 0 0 0 3px rgba(113, 29, 66, 0.1);
}

.cost-notice[b-ckvlj6f3nh] {
    font-size: 11px;
    color: #711D42;
    font-weight: 600;
}

.cost-notice-small[b-ckvlj6f3nh] {
    font-size: 11px;
    color: #711D42;
    font-weight: 600;
}

.btn-generate-app[b-ckvlj6f3nh] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px;
    background: linear-gradient(135deg, #711D42 0%, #812E52 100%);
    color: #ffffff;
    border: 1px solid #D9B26F;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 3px 10px rgba(113, 29, 66, 0.25);
    transition: all 0.2s;
}

.btn-generate-app:hover:not(:disabled)[b-ckvlj6f3nh] {
    transform: translateY(-1px);
    box-shadow: 0 5px 14px rgba(113, 29, 66, 0.35);
}

.btn-generate-app:disabled[b-ckvlj6f3nh] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Iteration Chat */
.iteration-chat-box[b-ckvlj6f3nh] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: 100%;
}

.app-header-summary[b-ckvlj6f3nh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.badge-app-status[b-ckvlj6f3nh] {
    font-size: 10px;
    font-weight: 600;
    color: #1f7a4d;
    background: #edf7f1;
    padding: 2px 8px;
    border-radius: 12px;
    border: 1px solid #b8e6ca;
}

.btn-new-app[b-ckvlj6f3nh] {
    padding: 4px 10px;
    background: #f4ecdf;
    border: 1px solid #e7d8be;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 600;
    color: #711D42;
    cursor: pointer;
}

.security-badge-card[b-ckvlj6f3nh] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    background: #fcfbf7;
    border: 1px solid #e7dfd1;
    border-radius: 8px;
}

.shield-icon[b-ckvlj6f3nh] {
    font-size: 20px;
}

.security-badge-card strong[b-ckvlj6f3nh] {
    display: block;
    font-size: 11px;
    color: #1f7a4d;
}

.security-badge-card small[b-ckvlj6f3nh] {
    font-size: 10px;
    color: #746f68;
}

.iterations-history[b-ckvlj6f3nh] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: 260px;
    overflow-y: auto;
    padding: 8px;
    background: #faf8f5;
    border: 1px solid #ece7de;
    border-radius: 10px;
}

.chat-message[b-ckvlj6f3nh] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 8px 12px;
    border-radius: 8px;
    font-size: 12px;
}

.chat-message.system[b-ckvlj6f3nh] {
    background: #ffffff;
    border: 1px solid #ece7de;
    color: #342f2a;
}

.chat-message.user[b-ckvlj6f3nh] {
    background: #f7ede3;
    border: 1px solid #e7d1be;
    color: #711D42;
}

.chat-message strong[b-ckvlj6f3nh] {
    font-size: 11px;
}

.chat-message p[b-ckvlj6f3nh] {
    margin: 0;
    line-height: 1.5;
}

.chat-message small[b-ckvlj6f3nh] {
    font-size: 9px;
    color: #9a948c;
    align-self: flex-end;
}

.iteration-input-wrapper[b-ckvlj6f3nh] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.iteration-actions-row[b-ckvlj6f3nh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.btn-iterate[b-ckvlj6f3nh] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background: #711D42;
    color: #ffffff;
    border: none;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-iterate:hover:not(:disabled)[b-ckvlj6f3nh] {
    background: #812E52;
}

.btn-iterate:disabled[b-ckvlj6f3nh] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Main Stage */
.vibe-stage[b-ckvlj6f3nh] {
    flex: 1;
    display: flex;
    flex-direction: column;
    background: #f6f3ed;
    overflow: hidden;
}

.stage-tabs-header[b-ckvlj6f3nh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 16px;
    background: #ffffff;
    border-bottom: 1px solid #eadfcb;
}

.tabs-buttons[b-ckvlj6f3nh] {
    display: flex;
    gap: 4px;
}

.tab-btn[b-ckvlj6f3nh] {
    border: none;
    background: transparent;
    padding: 6px 14px;
    font-size: 13px;
    font-weight: 600;
    color: #746f68;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: all 0.15s;
}

.tab-btn.active[b-ckvlj6f3nh] {
    background: #faf4eb;
    color: #711D42;
}

.res-tag[b-ckvlj6f3nh] {
    font-size: 11px;
    font-weight: 600;
    color: #746f68;
    background: #f2eee6;
    padding: 3px 8px;
    border-radius: 4px;
}

/* Viewport Containers */
.stage-viewport-container[b-ckvlj6f3nh] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    overflow: auto;
}

.device-frame[b-ckvlj6f3nh] {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: all 0.25s ease;
}

/* Desktop */
.viewport-desktop .device-frame[b-ckvlj6f3nh] {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    border: 1px solid #e3d9c7;
}

/* Tablet */
.viewport-tablet .device-frame[b-ckvlj6f3nh] {
    width: 768px;
    height: 100%;
    max-height: 900px;
    border-radius: 16px;
    border: 8px solid #221f1c;
}

/* Mobile */
.viewport-mobile .device-frame[b-ckvlj6f3nh] {
    width: 375px;
    height: 720px;
    border-radius: 36px;
    border: 10px solid #221f1c;
    position: relative;
}

.mobile-speaker-notch[b-ckvlj6f3nh] {
    width: 80px;
    height: 5px;
    background: #333;
    border-radius: 4px;
    margin: 6px auto;
    position: absolute;
    top: 2px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 20;
}

.sandbox-iframe[b-ckvlj6f3nh] {
    width: 100%;
    height: 100%;
    border: none;
    background: #ffffff;
}

/* Code Inspector */
.code-inspector[b-ckvlj6f3nh] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    background: #1e1e1e;
    border-radius: 10px;
    overflow: hidden;
}

.code-header[b-ckvlj6f3nh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 16px;
    background: #2d2d2d;
    color: #e0e0e0;
    font-size: 12px;
    font-family: monospace;
}

.btn-copy-mini[b-ckvlj6f3nh] {
    padding: 4px 10px;
    background: #711D42;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 11px;
    cursor: pointer;
}

.code-content[b-ckvlj6f3nh] {
    flex: 1;
    margin: 0;
    padding: 16px;
    overflow: auto;
    color: #9cdcfe;
    font-family: Consolas, Monaco, "Courier New", monospace;
    font-size: 12px;
    line-height: 1.5;
}

/* Empty Stage State */
.empty-stage-state[b-ckvlj6f3nh] {
    max-width: 580px;
    text-align: center;
    padding: 40px 24px;
    background: #ffffff;
    border: 1px dashed #d8d0c4;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
}

.empty-glow[b-ckvlj6f3nh] {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #faf2e6;
    border: 1px solid #D9B26F;
    color: #711D42;
    font-size: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 24px rgba(217, 178, 111, 0.35);
}

.empty-stage-state h2[b-ckvlj6f3nh] {
    font-size: 20px;
    font-weight: 700;
    color: #221f1c;
    margin: 0;
}

.empty-stage-state p[b-ckvlj6f3nh] {
    font-size: 13px;
    color: #746f68;
    line-height: 1.7;
    margin: 0;
}

.empty-feature-bullets[b-ckvlj6f3nh] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    margin-top: 10px;
    text-align: start;
}

.f-bullet[b-ckvlj6f3nh] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 10px 14px;
    background: #fdfbf7;
    border: 1px solid #eee7dc;
    border-radius: 10px;
}

.f-bullet span[b-ckvlj6f3nh] {
    font-size: 20px;
}

.f-bullet strong[b-ckvlj6f3nh] {
    display: block;
    font-size: 12px;
    color: #221f1c;
}

.f-bullet small[b-ckvlj6f3nh] {
    font-size: 11px;
    color: #746f68;
}

/* Spinner */
.spinner[b-ckvlj6f3nh] {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255,255,255,0.3);
    border-radius: 50%;
    border-top-color: #fff;
    animation: spin-b-ckvlj6f3nh 0.8s ease-in-out infinite;
}

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

.vibe-alert.error[b-ckvlj6f3nh] {
    padding: 10px 14px;
    background: #fdf0ed;
    border: 1px solid #f3c2bc;
    border-radius: 8px;
    color: #b3261e;
    font-size: 12px;
}

@media (max-width: 960px) {
    .vibe-workspace[b-ckvlj6f3nh] {
        flex-direction: column;
    }
    .vibe-controls[b-ckvlj6f3nh] {
        width: 100%;
        max-width: 100%;
        height: 50vh;
        border-inline-end: none;
        border-bottom: 1px solid #eadfcb;
    }
    .vibe-stage[b-ckvlj6f3nh] {
        height: 50vh;
    }
}
/* /Components/Pages/Dashboard.razor.rz.scp.css */
.start-page[b-r4ujuls4nt] { max-width: 1240px; margin-inline: auto; color: #272c29; }
.start-heading[b-r4ujuls4nt] { display: flex; justify-content: space-between; gap: 16px; align-items: center; margin-bottom: 24px; }
.start-heading > span[b-r4ujuls4nt], .start-eyebrow[b-r4ujuls4nt], .example-label[b-r4ujuls4nt], .outcome-type[b-r4ujuls4nt] { font-size: 11px; font-weight: 600; letter-spacing: .06em; color: #58685f; }
.start-heading p[b-r4ujuls4nt] { margin: 0; font-size: 13px; color: #677168; }
.start-hero[b-r4ujuls4nt] { display: grid; grid-template-columns: 1.35fr 1fr; align-items: center; gap: 56px; padding: 46px; border: 1px solid #d9e1d9; border-radius: 22px; background: #eff3ed; }
.start-hero h1[b-r4ujuls4nt] { font-size: clamp(30px, 3vw, 46px); line-height: 1.45; letter-spacing: -.025em; margin: 14px 0; color: #243d32; }
.start-hero h1 em[b-r4ujuls4nt] { font-style: normal; color: #50755a; }
.start-hero p[b-r4ujuls4nt] { font-size: 15px; line-height: 1.9; color: #536157; max-width: 560px; }
.start-actions[b-r4ujuls4nt] { display: flex; gap: 10px; flex-wrap: wrap; margin: 25px 0 14px; }
.start-actions .btn-primary[b-r4ujuls4nt] { background: #294e3b; border-color: #294e3b; }
.start-hero small[b-r4ujuls4nt] { color: #667367; font-size: 12px; line-height: 1.7; }
.start-example[b-r4ujuls4nt] { background: #fffefa; padding: 25px; border-radius: 16px; border: 1px solid #dde3d8; box-shadow: 0 18px 45px #294e3b0b; transform: rotate(-2deg); }
.example-business[b-r4ujuls4nt] { display: flex; align-items: center; gap: 12px; margin: 24px 0; }
.example-business > span[b-r4ujuls4nt] { display: grid; place-items: center; width: 47px; height: 47px; background: #eadfc9; color: #625039; border-radius: 14px; font-size: 23px; }
.example-business strong[b-r4ujuls4nt], .example-business small[b-r4ujuls4nt], .example-result strong[b-r4ujuls4nt], .example-result small[b-r4ujuls4nt] { display: block; }
.example-brief[b-r4ujuls4nt] { border: 1px dashed #d8dacf; border-radius: 10px; padding: 14px; background: #faf9f4; }
.example-brief > span[b-r4ujuls4nt] { font-size: 10px; color: #798177; }
.example-brief p[b-r4ujuls4nt] { margin: 6px 0 0; font-size: 14px; }
.example-result[b-r4ujuls4nt] { display: flex; align-items: center; gap: 12px; padding: 16px 0 0; color: #315540; }
.example-result > span:last-child[b-r4ujuls4nt] { margin-inline-start: auto; }
.start-example .example-note[b-r4ujuls4nt] { font-size: 11px; margin: 18px 0 0; }
.start-section-heading[b-r4ujuls4nt] { display: flex; justify-content: space-between; align-items: end; gap: 16px; margin: 34px 0 20px; }
.start-section-heading h2[b-r4ujuls4nt], .start-bottom h2[b-r4ujuls4nt] { font-size: 21px; color: #293c31; margin: 6px 0 0; }
.start-section-heading > span[b-r4ujuls4nt] { font-size: 12px; color: #677168; }
.start-outcomes[b-r4ujuls4nt] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.outcome[b-r4ujuls4nt] { display: flex; flex-direction: column; align-items: start; border: 1px solid #e1e4db; border-radius: 16px; padding: 24px; background: #fffefa; text-decoration: none; color: inherit; transition: border-color .15s, box-shadow .15s; }
.outcome:hover[b-r4ujuls4nt] { border-color: #72927a; box-shadow: 0 8px 24px #274d3910; }
.outcome-icon[b-r4ujuls4nt] { display: grid; place-items: center; width: 42px; height: 42px; background: #eef2e9; border-radius: 12px; color: #365b42; margin-bottom: 22px; }
.outcome h3[b-r4ujuls4nt] { font-size: 20px; margin: 8px 0; color: #283c30; }
.outcome p[b-r4ujuls4nt] { font-size: 13px; color: #657063; line-height: 1.85; margin: 0 0 22px; }
.outcome footer[b-r4ujuls4nt] { display: flex; justify-content: space-between; width: 100%; margin-top: auto; padding-top: 15px; border-top: 1px solid #e9ebe4; color: #365b42; font-size: 13px; font-weight: 600; }
.start-bottom[b-r4ujuls4nt] { display: grid; grid-template-columns: 1.5fr 1fr; gap: 20px; margin-top: 24px; }
.start-process[b-r4ujuls4nt], .start-account[b-r4ujuls4nt] { border: 1px solid #e1e4db; padding: 24px; border-radius: 16px; background: #fffefa; }
.start-process ol[b-r4ujuls4nt] { list-style: none; counter-reset: step; padding: 0; display: grid; gap: 18px; margin: 24px 0 0; }
.start-process li[b-r4ujuls4nt] { counter-increment: step; display: grid; grid-template-columns: 32px 1fr; column-gap: 12px; }
.start-process li[b-r4ujuls4nt]::before { content: counter(step); grid-row: span 2; width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; background: #eff2e9; color: #50755a; font-size: 12px; }
.start-process li strong[b-r4ujuls4nt] { font-size: 13px; }
.start-process li span[b-r4ujuls4nt] { font-size: 12px; color: #657063; line-height: 1.8; }
.start-balance[b-r4ujuls4nt] { display: block; font-size: 36px; color: #315540; margin-top: 22px; }
.start-balance small[b-r4ujuls4nt] { font-size: 12px; font-weight: 400; }
.start-account p[b-r4ujuls4nt] { color: #657063; font-size: 13px; line-height: 1.8; }
.start-account-links[b-r4ujuls4nt] { display: flex; gap: 20px; flex-wrap: wrap; margin-top: 22px; }
.start-account-links a[b-r4ujuls4nt] { color: #315540; font-size: 12px; text-decoration: underline; text-underline-offset: 4px; }
.start-page a:focus-visible[b-r4ujuls4nt], .start-page button:focus-visible[b-r4ujuls4nt] { outline: 3px solid #50755a; outline-offset: 4px; }
@media (max-width: 1050px) { .start-hero[b-r4ujuls4nt] { gap: 24px; padding: 28px; } .start-outcomes[b-r4ujuls4nt] { gap: 12px; } .outcome[b-r4ujuls4nt] { padding: 18px; } }
@media (max-width: 760px) { .start-heading[b-r4ujuls4nt], .start-section-heading[b-r4ujuls4nt] { align-items: start; flex-direction: column; gap: 8px; } .start-hero[b-r4ujuls4nt], .start-bottom[b-r4ujuls4nt], .start-outcomes[b-r4ujuls4nt] { grid-template-columns: 1fr; } .start-hero[b-r4ujuls4nt] { padding: 24px; } .start-example[b-r4ujuls4nt] { transform: none; } .start-hero h1[b-r4ujuls4nt] { font-size: 32px; } }
@media (prefers-reduced-motion: reduce) { .outcome[b-r4ujuls4nt] { transition: none; } }

.ai-showcase[b-r4ujuls4nt]{min-width:0;background:#231d2b;border:1px solid #ffffff80;border-radius:24px;overflow:hidden;box-shadow:0 24px 55px #31203e22;transform:rotate(-1deg);}
.ai-showcase-toolbar[b-r4ujuls4nt]{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:15px 18px;color:#f8f0ff;}
.ai-showcase-toolbar>span[b-r4ujuls4nt]{display:flex;align-items:center;gap:7px;font-size:11px;letter-spacing:.05em;}.ai-showcase-toolbar svg[b-r4ujuls4nt]{width:16px;height:16px;}
.start-hero .ai-showcase-toolbar small[b-r4ujuls4nt]{color:#c9bbd3;font-size:10px;}
.ai-showcase-scene[b-r4ujuls4nt]{position:relative;height:350px;overflow:hidden;background:#b7a088;}
.ai-showcase-scene>img[b-r4ujuls4nt]{width:100%;height:100%;object-fit:cover;object-position:62% center;transition:transform .65s ease,filter .65s ease;}
.ai-showcase-scene.is-ad>img[b-r4ujuls4nt]{transform:scale(1.07);filter:brightness(.75);}
.ai-showcase-scene.is-ad[b-r4ujuls4nt]:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#17102055,transparent 65%);pointer-events:none;}
.ai-showcase-copy[b-r4ujuls4nt]{position:absolute;inset:25px 26px auto;z-index:1;color:white;animation:showcase-reveal-b-r4ujuls4nt .4s ease;}
.ai-showcase-copy>span[b-r4ujuls4nt]{font-size:11px;letter-spacing:.12em;color:#f5ddaf;}
.ai-showcase-copy h3[b-r4ujuls4nt]{font-size:clamp(28px,3vw,40px);line-height:1.45;margin:10px 0;color:white;}
.start-hero .ai-showcase-copy p[b-r4ujuls4nt]{font-size:13px;color:#fff4e7;margin:0;}
.ai-showcase-prompt[b-r4ujuls4nt]{position:absolute;inset:auto 16px 16px;z-index:2;padding:12px 16px;border-radius:14px;border:1px solid #ffffff50;background:#241b26ad;backdrop-filter:blur(16px);color:white;}
.ai-showcase-prompt>span[b-r4ujuls4nt]{color:#edcfa7;font-size:10px;}
.start-hero .ai-showcase-prompt p[b-r4ujuls4nt]{margin:4px 0 0;font-size:12px;color:white;line-height:1.7;}
.ai-showcase-footer[b-r4ujuls4nt]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px;background:#fff;}
.ai-showcase-footer strong[b-r4ujuls4nt]{font-size:13px;color:#42324e;}.start-hero .ai-showcase-footer small[b-r4ujuls4nt]{display:block;font-size:10px;color:#87748f;margin-top:4px;}
.ai-showcase-switch[b-r4ujuls4nt]{display:flex;background:#f0eaf4;padding:4px;border-radius:12px;gap:3px;}
.ai-showcase-switch button[b-r4ujuls4nt]{border:0;border-radius:9px;background:transparent;padding:8px 12px;color:#765f82;cursor:pointer;font:inherit;font-size:12px;}.ai-showcase-switch button.active[b-r4ujuls4nt]{background:#70416c;color:white;box-shadow:0 3px 8px #70416c20;}.ai-showcase-switch button:focus-visible[b-r4ujuls4nt]{outline:3px solid #aa86c1;outline-offset:2px;}
@keyframes showcase-reveal-b-r4ujuls4nt{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.ai-showcase-copy[b-r4ujuls4nt]{animation:none;}.ai-showcase-scene>img[b-r4ujuls4nt]{transition:none;}}
@media(max-width:760px){.ai-showcase[b-r4ujuls4nt]{transform:none;}.ai-showcase-scene[b-r4ujuls4nt]{height:320px;}.ai-showcase-footer[b-r4ujuls4nt]{padding:14px;}}

/* Decorative capability illustration, independent of customer projects. */
.ai-abstract[b-r4ujuls4nt]{height:350px;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 25% 15%,#573d70 0,transparent 58%),radial-gradient(ellipse at 85% 90%,#25616b 0,transparent 55%),#211b2d;}
.ai-ambient[b-r4ujuls4nt]{position:absolute;inset:15%;border-radius:50%;background:conic-gradient(from 35deg,#b08ddd66,#6acfc355,#c6a3e788,#b08ddd66);filter:blur(35px);}
.ai-core[b-r4ujuls4nt]{position:absolute;left:50%;top:50%;width:152px;height:152px;transform:translate(-50%,-50%) rotate(-18deg);border-radius:39%;padding:2px;background:linear-gradient(135deg,#f7e7ff,#ae84d5 35%,#73d7ce 73%,#fcf3ff);box-shadow:0 0 65px #c79af352,inset 0 0 30px #ffffff66;}
.ai-core-inner[b-r4ujuls4nt]{height:100%;display:grid;place-items:center;border-radius:inherit;background:radial-gradient(at 30% 20%,#ffffff55,transparent 65%),linear-gradient(135deg,#ad7bccb3,#4d3b6fde 60%,#65c6c8a8);backdrop-filter:blur(12px);}
.ai-core-inner[b-r4ujuls4nt]  svg{width:57px;height:57px;color:#fff2ff;filter:drop-shadow(0 0 12px #f7dfff88);transform:rotate(18deg);}
.ai-orbit[b-r4ujuls4nt]{position:absolute;left:50%;top:50%;border:1px solid #e6d5ff36;border-radius:50%;width:285px;height:200px;transform:translate(-50%,-50%) rotate(-32deg);}
.orbit-two[b-r4ujuls4nt]{width:230px;height:300px;transform:translate(-50%,-50%) rotate(-38deg);border-color:#afe8e42e;}
.ai-satellite[b-r4ujuls4nt]{position:absolute;display:grid;place-items:center;width:55px;height:55px;border:1px solid #ffffff40;border-radius:17px;background:linear-gradient(135deg,#ffffff28,#ffffff09);backdrop-filter:blur(12px);box-shadow:0 10px 30px #0e081c33;color:#f4eaff;}
.ai-satellite[b-r4ujuls4nt]  svg{width:24px;height:24px;}.satellite-image[b-r4ujuls4nt]{left:13%;top:18%;transform:rotate(-12deg);}.satellite-text[b-r4ujuls4nt]{right:12%;top:29%;transform:rotate(13deg);}.satellite-video[b-r4ujuls4nt]{left:32%;bottom:10%;transform:rotate(7deg);}
.ai-star[b-r4ujuls4nt]{position:absolute;width:4px;height:4px;border-radius:50%;background:#e6d1ff;box-shadow:0 0 12px #e6d1ff;}.star-one[b-r4ujuls4nt]{left:21%;top:63%;}.star-two[b-r4ujuls4nt]{right:26%;top:15%;}.star-three[b-r4ujuls4nt]{right:18%;bottom:19%;}
.ai-motion-toggle[b-r4ujuls4nt]{flex-shrink:0;width:34px;height:34px;border:1px solid #e4daec;border-radius:50%;background:#f5f0f8;color:#70416c;cursor:pointer;font-size:17px;}.ai-motion-toggle:focus-visible[b-r4ujuls4nt]{outline:3px solid #ad88c5;outline-offset:3px;}
.is-animated .ai-core[b-r4ujuls4nt]{animation:core-float-b-r4ujuls4nt 9s ease-in-out infinite;}.is-animated .ai-ambient[b-r4ujuls4nt]{animation:ambient-turn-b-r4ujuls4nt 24s linear infinite;}
@keyframes core-float-b-r4ujuls4nt{50%{transform:translate(-50%,-55%) rotate(-7deg);}}
@keyframes ambient-turn-b-r4ujuls4nt{to{transform:rotate(360deg);}}
@media(prefers-reduced-motion:reduce){.is-animated .ai-core[b-r4ujuls4nt],.is-animated .ai-ambient[b-r4ujuls4nt]{animation:none;}}
@media(max-width:760px){.ai-abstract[b-r4ujuls4nt]{height:320px;}}
/* /Components/Pages/ProjectMedia.razor.rz.scp.css */
.media-page[b-5yot82igd5]{max-width:960px;margin:auto}.media-compose[b-5yot82igd5],.media-item[b-5yot82igd5]{padding:24px;margin:20px 0}.media-page p[b-5yot82igd5]{line-height:1.8;color:var(--muted)}.media-page label[b-5yot82igd5]{display:block;margin:12px 0}.media-page .form-control[b-5yot82igd5]{width:100%;padding:12px;margin-top:8px}.media-options[b-5yot82igd5]{display:flex;gap:20px;flex-wrap:wrap}.media-history-head[b-5yot82igd5]{display:flex;justify-content:space-between;align-items:center}.media-item video[b-5yot82igd5],.media-item img[b-5yot82igd5]{display:block;max-width:100%;max-height:520px;margin:16px 0}.media-item img:not([src])[b-5yot82igd5],.media-item video:not([src])[b-5yot82igd5]{display:none}.media-page h1[b-5yot82igd5],.media-page h3[b-5yot82igd5]{overflow-wrap:anywhere}

.media-kind[b-5yot82igd5]{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.media-kind a[b-5yot82igd5]{text-decoration:none}.media-idea[b-5yot82igd5]{border:1px solid var(--border,#ddd);background:transparent;color:inherit;border-radius:24px;padding:8px 14px;cursor:pointer}.media-grid[b-5yot82igd5]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:16px}.media-grid .media-item[b-5yot82igd5]{margin:0;min-width:0}.media-empty[b-5yot82igd5]{text-align:center;padding:36px;border:1px dashed var(--border,#ddd);border-radius:18px}.media-compose[b-5yot82igd5]{border-radius:22px}.media-compose summary[b-5yot82igd5]{cursor:pointer;padding:12px 0}.media-page button:focus-visible[b-5yot82igd5],.media-page a:focus-visible[b-5yot82igd5]{outline:3px solid #a88b56;outline-offset:3px}.media-page textarea[b-5yot82igd5]{resize:vertical;min-height:120px}.media-history-head[b-5yot82igd5]{gap:12px;flex-wrap:wrap}@media(max-width:600px){.media-compose[b-5yot82igd5],.media-item[b-5yot82igd5]{padding:16px}.media-options[b-5yot82igd5]{display:block}}

.media-text[b-5yot82igd5]{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;margin:16px 0;max-height:450px;overflow:auto}

.media-page[b-5yot82igd5]{max-width:1160px}.creative-welcome[b-5yot82igd5]{display:grid;grid-template-columns:1.3fr .8fr;gap:30px;align-items:center;padding:26px 32px;background:linear-gradient(120deg,#f5eaf1,#fbf6ee 62%,#f1eee5);border-radius:24px;overflow:hidden;margin:18px 0 24px}.creative-kicker[b-5yot82igd5]{font-size:12px;color:#8a4767}.creative-welcome h2[b-5yot82igd5]{font-size:clamp(25px,2.5vw,36px);line-height:1.4;margin:10px 0}.creative-welcome p[b-5yot82igd5]{font-size:14px;max-width:540px;margin:0 0 16px}.creative-note[b-5yot82igd5]{font-size:11px;color:#795e73}.creative-art[b-5yot82igd5]{height:190px;position:relative;transform:rotate(-3deg);border:6px solid #fff;border-radius:18px;box-shadow:0 12px 30px #5e39351a;overflow:hidden}.creative-art img[b-5yot82igd5]{width:100%;height:100%;object-fit:cover}.creative-art-tag[b-5yot82igd5],.creative-art-caption[b-5yot82igd5]{position:absolute;background:#ffffffef;border-radius:8px;padding:7px 11px;color:#63374d;font-size:10px;box-shadow:0 3px 12px #00000012}.creative-art-tag[b-5yot82igd5]{top:12px;inset-inline-end:12px;letter-spacing:.12em}.creative-art-caption[b-5yot82igd5]{bottom:12px;inset-inline-start:12px}.creative-choices[b-5yot82igd5]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}.creative-choice[b-5yot82igd5]{display:block;min-width:0;padding:0;text-align:start;font:inherit;color:inherit;background:#fff;border:1px solid #e6ddd5;border-radius:18px;overflow:hidden;cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s}.creative-choice:hover[b-5yot82igd5]{transform:translateY(-3px);box-shadow:0 10px 24px #3826190e}.creative-choice.is-selected[b-5yot82igd5]{border-color:#8b3259;box-shadow:0 0 0 2px #8b325920}.choice-picture[b-5yot82igd5]{height:140px;display:block;position:relative;overflow:hidden}.choice-picture>img[b-5yot82igd5]{width:100%;height:100%;object-fit:cover;transition:transform .25s}.creative-choice:hover .choice-picture>img[b-5yot82igd5]{transform:scale(1.035)}.choice-image img[b-5yot82igd5]{object-position:center 70%}.choice-badge[b-5yot82igd5]{position:absolute;top:12px;inset-inline-start:12px;background:#fffc;color:#74304f;padding:5px 9px;border-radius:9px}.choice-play[b-5yot82igd5]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#fff9;color:#583945;border:1px solid #fff;font-size:15px}.choice-duration[b-5yot82igd5]{position:absolute;bottom:10px;right:10px;background:#302d2bd9;color:white;font-size:10px;border-radius:5px;padding:3px 7px}.choice-copy[b-5yot82igd5]{display:block;padding:15px 18px}.choice-copy strong[b-5yot82igd5]{display:block;font-size:16px}.choice-copy small[b-5yot82igd5]{display:block;font-size:12px;color:#897b70;margin-top:7px;line-height:1.6}.choice-link[b-5yot82igd5]{display:block;color:#7b3554;font-size:12px;margin-top:13px}.choice-writing[b-5yot82igd5]{background:linear-gradient(135deg,#e6eee7,#f0eee0);display:grid;place-items:center}.writing-paper[b-5yot82igd5]{width:65%;background:#fffdf8;border-radius:8px;padding:14px 18px;transform:rotate(5deg);box-shadow:0 5px 20px #435a3820}.writing-paper>span[b-5yot82igd5]{color:#ae935e;font-size:16px}.writing-paper b[b-5yot82igd5]{display:block;font-size:13px;margin:5px 0 9px;color:#53604e}.writing-paper i[b-5yot82igd5]{display:block;height:3px;background:#e7e6df;margin:5px 0;border-radius:4px}.writing-paper i:last-child[b-5yot82igd5]{width:55%}.writing-spark[b-5yot82igd5]{position:absolute;top:10px;inset-inline-end:20px;font-size:36px;color:#849782}.media-compose[b-5yot82igd5]{margin:0 0 32px;padding:24px 28px;box-shadow:0 8px 28px #5b423505;border-color:#e7ded5}.compose-heading[b-5yot82igd5]{display:flex;gap:12px;align-items:center}.compose-symbol[b-5yot82igd5]{width:38px;height:38px;background:#f5eaf0;color:#8a365a;display:grid;place-items:center;border-radius:12px;font-size:21px}.compose-heading h2[b-5yot82igd5]{margin:0;font-size:20px}.compose-heading small[b-5yot82igd5]{display:block;margin-top:5px;color:#95887c;font-size:12px}.media-compose>p[b-5yot82igd5]{font-size:12px;margin:14px 0}.media-compose textarea.form-control[b-5yot82igd5]{border:1px solid #e2d8ce;border-radius:14px;background:#fdfbf8;min-height:100px;font:inherit;font-size:14px;line-height:1.8}.media-compose .media-kind[b-5yot82igd5]{margin:12px 0}.media-idea[b-5yot82igd5]{font-size:12px;padding:7px 12px}.media-history-head h2[b-5yot82igd5]{font-size:22px}.media-empty[b-5yot82igd5]{background:linear-gradient(135deg,#faf6f0,#f6f3f6);border-style:solid}.media-empty h3[b-5yot82igd5]{font-size:18px}.media-empty p[b-5yot82igd5]{font-size:13px}.creative-choice:disabled[b-5yot82igd5]{opacity:.65;cursor:wait}.creative-choice:focus-visible[b-5yot82igd5]{outline:3px solid #873a60;outline-offset:4px}@media(max-width:700px){.creative-welcome[b-5yot82igd5]{padding:22px;grid-template-columns:1fr;gap:18px}.creative-art[b-5yot82igd5]{display:none}.creative-choices[b-5yot82igd5]{gap:10px}.choice-picture[b-5yot82igd5]{height:100px}.choice-copy[b-5yot82igd5]{padding:12px 10px}.choice-copy strong[b-5yot82igd5]{font-size:13px}.choice-copy small[b-5yot82igd5]{font-size:11px}.choice-link[b-5yot82igd5]{font-size:11px}.writing-paper[b-5yot82igd5]{padding:10px;width:80%}.writing-paper b[b-5yot82igd5]{font-size:10px}.media-compose[b-5yot82igd5]{padding:20px}.creative-welcome h2[b-5yot82igd5]{font-size:27px}}@media(max-width:440px){.creative-choices[b-5yot82igd5]{grid-template-columns:1fr}.creative-choice[b-5yot82igd5]{display:grid;grid-template-columns:105px 1fr;align-items:stretch}.choice-picture[b-5yot82igd5]{height:100%;min-height:120px}.choice-copy[b-5yot82igd5]{padding:13px}.choice-copy strong[b-5yot82igd5]{font-size:15px}.choice-copy small[b-5yot82igd5]{font-size:12px}}@media(prefers-reduced-motion:reduce){.creative-choice[b-5yot82igd5],.choice-picture>img[b-5yot82igd5]{transition:none}.creative-choice:hover[b-5yot82igd5]{transform:none}}

.media-compose .generation-unavailable[b-5yot82igd5]{background:#fff6e9;color:#785326;padding:14px 18px;border:1px solid #ead9b7;border-radius:12px;line-height:1.9}.media-page [role=alert][b-5yot82igd5]{padding:14px 18px;border:1px solid #dfb9bc;border-radius:12px;color:#8c3048;background:#fff4f5}

.media-page[b-5yot82igd5]{display:flex;flex-direction:column}.creative-welcome[b-5yot82igd5]{order:1}.creative-choices[b-5yot82igd5]{order:2}.media-compose[b-5yot82igd5]{order:3}.results-gallery[b-5yot82igd5]{order:0;margin:10px 0 32px}.media-page>[role=alert][b-5yot82igd5]{order:3}.results-gallery .media-grid[b-5yot82igd5]{align-items:start;grid-template-columns:repeat(2,minmax(0,1fr))}.results-gallery .latest-artwork[b-5yot82igd5]{grid-column:1/-1}.result-artwork[b-5yot82igd5]{padding:18px;border-radius:20px;overflow:hidden}.result-caption[b-5yot82igd5]{display:flex;justify-content:space-between;gap:12px;color:#8a8076;font-size:12px;margin-bottom:14px}.result-success[b-5yot82igd5]{background:#e9f3eb;color:#33724c;padding:4px 10px;border-radius:20px}.result-artwork img[b-5yot82igd5],.result-artwork video[b-5yot82igd5]{width:100%;max-height:650px;object-fit:contain;background:#f4f1ed;border-radius:12px;margin:14px 0}.result-actions[b-5yot82igd5]{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:12px 0}.result-actions a[b-5yot82igd5]{text-decoration:none}.result-description[b-5yot82igd5]{border-top:1px solid #eee6de;padding-top:12px;margin-top:12px}.result-description summary[b-5yot82igd5]{font-size:12px;color:#887b70;cursor:pointer}.result-description p[b-5yot82igd5]{font-size:13px}.request-log[b-5yot82igd5]{margin-top:20px;padding:16px 20px;background:#f7f3ee;border:1px solid #e7dfd5;border-radius:14px}.request-log>summary[b-5yot82igd5]{cursor:pointer;font-size:13px;color:#786b5f}.request-log-row[b-5yot82igd5]{padding:14px 0;border-bottom:1px solid #e7dfd5;display:flex;gap:10px;flex-wrap:wrap;font-size:12px}.request-log-row:last-child[b-5yot82igd5]{border:0}.request-log-row>p[b-5yot82igd5]{width:100%;margin:0;font-size:12px}.request-log-row>span[b-5yot82igd5]{color:#958779}@media(max-width:650px){.results-gallery .media-grid[b-5yot82igd5]{grid-template-columns:1fr}.result-artwork[b-5yot82igd5]{padding:12px}.result-actions>*[b-5yot82igd5]{flex:1;text-align:center}.result-caption[b-5yot82igd5]{font-size:11px}}

.results-gallery[b-5yot82igd5]{order:4}.results-gallery.has-results[b-5yot82igd5]{order:0}.result-actions [hidden][b-5yot82igd5]{display:none!important}

/* Creation workspace: controls alongside a bounded canvas, not a full-page result card. */
.creation-workspace[b-5yot82igd5]{display:grid;grid-template-columns:310px minmax(0,1fr);align-items:start;gap:20px;margin-top:22px}.creation-workspace .media-compose[b-5yot82igd5]{grid-column:1;grid-row:1;margin:0;padding:20px;border-radius:18px;min-width:0}.creation-workspace .results-gallery[b-5yot82igd5]{grid-column:2;grid-row:1;margin:0;min-width:0;background:#f1eeea;border:1px solid #e5dfd7;border-radius:18px;padding:16px}.creation-workspace>[role=alert][b-5yot82igd5]{grid-column:1/-1;grid-row:2}.creation-workspace .media-history-head[b-5yot82igd5]{margin-bottom:10px}.creation-workspace .media-history-head h2[b-5yot82igd5]{font-size:16px;margin:0}.creation-workspace .media-history-head button[b-5yot82igd5]{padding:6px 10px;font-size:10px}.creation-workspace .results-gallery>.media-kind[b-5yot82igd5]{margin:10px 0}.creation-workspace .result-artwork[b-5yot82igd5]{border:0!important;background:transparent!important;box-shadow:none!important;padding:0;border-radius:0;grid-column:1/-1}.creation-workspace .result-artwork img[b-5yot82igd5],.creation-workspace .result-artwork video[b-5yot82igd5]{height:clamp(260px,48vh,520px);max-height:520px;width:100%;object-fit:contain;margin:0;border-radius:10px;background:#e6e2dd}.creation-workspace .result-caption[b-5yot82igd5]{margin:0 0 10px;font-size:10px}.creation-workspace .result-actions[b-5yot82igd5]{margin:12px 0 8px}.creation-workspace .result-actions>*[b-5yot82igd5]{font-size:11px;padding:8px 12px}.creation-workspace .result-description[b-5yot82igd5]{margin-top:10px}.creation-workspace .request-log[b-5yot82igd5]{background:transparent;margin-top:12px;padding:10px;border-radius:8px}.creation-workspace .request-log>summary[b-5yot82igd5]{font-size:11px}.creation-workspace .compose-heading h2[b-5yot82igd5]{font-size:18px}.creation-workspace .compose-heading small[b-5yot82igd5]{display:none}.creation-workspace .compose-symbol[b-5yot82igd5]{display:none}.creation-workspace .media-compose>p[b-5yot82igd5]{font-size:11px;line-height:1.8}.creation-workspace .media-compose label[b-5yot82igd5]{font-size:12px}.creation-workspace .media-compose textarea.form-control[b-5yot82igd5]{min-height:150px}.creation-workspace .media-compose summary[b-5yot82igd5]{font-size:12px}.creation-workspace .media-compose>.btn-gold[b-5yot82igd5]{width:100%;margin-top:14px}.workspace-modes[b-5yot82igd5]{display:flex;gap:4px;background:#f1ece6;padding:4px;border-radius:10px;margin-bottom:20px}.workspace-modes button[b-5yot82igd5]{flex:1;border:0;border-radius:7px;padding:8px;background:transparent;color:#84776d;cursor:pointer;font:inherit;font-size:12px}.workspace-modes button.selected[b-5yot82igd5]{background:#fff;color:#7b2850;box-shadow:0 2px 5px #3022180b}.result-version-strip[b-5yot82igd5]{display:flex;gap:8px;overflow:auto;padding:12px 0}.result-version-strip button[b-5yot82igd5]{flex-shrink:0;padding:9px 12px;border:1px solid #d9d1c8;border-radius:8px;background:#faf8f5;font:inherit;font-size:11px;color:#82756a;cursor:pointer}.result-version-strip button.selected[b-5yot82igd5]{border-color:#8d4264;color:#79294e;background:#fff}.creation-workspace button:focus-visible[b-5yot82igd5]{outline:2px solid #873b60;outline-offset:3px}@media(max-width:1050px){.creation-workspace[b-5yot82igd5]{grid-template-columns:270px minmax(0,1fr);gap:12px}.creation-workspace .media-compose[b-5yot82igd5]{padding:16px}.creation-workspace .results-gallery[b-5yot82igd5]{padding:12px}}@media(max-width:760px){.creation-workspace[b-5yot82igd5]{grid-template-columns:1fr}.creation-workspace .results-gallery[b-5yot82igd5]{grid-column:1;grid-row:1}.creation-workspace .media-compose[b-5yot82igd5]{grid-column:1;grid-row:2}.creation-workspace>[role=alert][b-5yot82igd5]{grid-row:3}.creation-workspace .result-artwork img[b-5yot82igd5],.creation-workspace .result-artwork video[b-5yot82igd5]{height:auto;max-height:55vh}.result-actions[b-5yot82igd5]{flex-wrap:wrap}}

/* Dedicated media canvas, with the file information kept inside its frame. */
.media-canvas[b-5yot82igd5]{border:1px solid #d8d3cf;border-radius:16px;overflow:hidden;background:#fff}.canvas-toolbar[b-5yot82igd5]{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;background:#fcfbfa;border-bottom:1px solid #e6e1dc;font-size:11px}.canvas-toolbar strong[b-5yot82igd5]{margin-inline-end:auto;color:#803052}.canvas-toolbar>span[b-5yot82igd5]{color:#766d65}.canvas-tool[b-5yot82igd5]{font:inherit;border:1px solid #ded8d2;background:#fff;padding:5px 9px;border-radius:6px;cursor:pointer}.canvas-stage[b-5yot82igd5]{height:clamp(260px,48vh,520px);overflow:auto;display:grid;place-items:center;background-color:#eae8e5;background-image:radial-gradient(#c7c2bc .8px,transparent .8px);background-size:16px 16px;padding:20px;position:relative}.creation-workspace .result-artwork .canvas-stage img[b-5yot82igd5],.creation-workspace .result-artwork .canvas-stage video[b-5yot82igd5]{width:100%;height:100%;max-height:460px;object-fit:contain;border-radius:0;background:transparent;box-shadow:none;margin:0;min-height:0}.canvas-stage.actual-size[b-5yot82igd5]{display:block;direction:ltr}.creation-workspace .result-artwork .canvas-stage.actual-size img[b-5yot82igd5],.creation-workspace .result-artwork .canvas-stage.actual-size video[b-5yot82igd5]{max-width:none;max-height:none;object-fit:initial}.canvas-file-info[b-5yot82igd5]{font-size:11px;color:#797168;text-align:center;padding:9px 14px;border-bottom:1px solid #eee8e1;min-height:30px}.media-canvas .result-actions[b-5yot82igd5]{padding:10px 14px;margin:0;gap:8px}.canvas-details[b-5yot82igd5]{padding:14px;border-top:1px solid #eee8e1}.canvas-details h3[b-5yot82igd5]{font-size:13px;margin:0 0 12px}.canvas-details dl[b-5yot82igd5]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}.canvas-details dt[b-5yot82igd5]{font-size:10px;color:#8b8075;margin-bottom:5px}.canvas-details dd[b-5yot82igd5]{font-size:11px;margin:0;overflow-wrap:anywhere}.canvas-details .result-description[b-5yot82igd5]{margin-top:14px}.canvas-loading[b-5yot82igd5]{position:absolute;background:#fff;padding:10px;border-radius:10px}.canvas-stage:focus-visible[b-5yot82igd5]{outline:2px solid #873b60;outline-offset:-3px}@media(max-width:760px){.canvas-stage[b-5yot82igd5]{height:350px;max-height:55vh;padding:12px}.canvas-details dl[b-5yot82igd5]{grid-template-columns:1fr 1fr}.canvas-toolbar[b-5yot82igd5]{gap:6px}}

.simple-studio[b-5yot82igd5]{grid-template-columns:minmax(320px,.85fr) minmax(0,1.4fr)}.simple-studio .results-gallery[b-5yot82igd5]{background:#faf9f7}.generation-drawer[b-5yot82igd5]{border-top:1px solid #e6ded7;padding-top:8px}.generation-drawer>summary[b-5yot82igd5]{font-size:13px!important;font-weight:600;color:#873659}.generation-drawer .compose-heading[b-5yot82igd5],.generation-drawer>.media-kind[b-5yot82igd5]{display:none}.generation-drawer .workspace-modes[b-5yot82igd5]{margin-top:12px;margin-bottom:12px}.canvas-details>summary[b-5yot82igd5]{cursor:pointer;font-size:12px;color:#807369}.canvas-details[open]>dl[b-5yot82igd5]{margin-top:14px}.simple-studio .canvas-toolbar>strong[b-5yot82igd5]{font-size:10px}.simple-studio .result-caption[b-5yot82igd5]{display:none}.simple-studio .canvas-file-info[b-5yot82igd5]{font-size:10px}.simple-studio .media-history-head h2[b-5yot82igd5]{font-size:18px}.simple-studio .media-compose[b-5yot82igd5]{padding:22px}@media(max-width:900px){.simple-studio[b-5yot82igd5]{grid-template-columns:1fr}.simple-studio .media-compose[b-5yot82igd5]{grid-column:1;grid-row:1}.simple-studio .results-gallery[b-5yot82igd5]{grid-column:1;grid-row:2}}

/* Product request first, results below. */
.product-studio[b-5yot82igd5]{display:flex;flex-direction:column;gap:24px;max-width:1100px}.product-studio .media-compose[b-5yot82igd5]{order:0;width:100%;box-sizing:border-box;padding:26px;margin:0}.product-studio>[role=alert][b-5yot82igd5]{order:1}.product-studio .results-gallery[b-5yot82igd5],.product-studio .results-gallery.has-results[b-5yot82igd5]{order:2;width:100%;box-sizing:border-box;padding:20px;background:#faf9f7}.product-heading h2[b-5yot82igd5]{font-size:22px;margin:0 0 8px}.product-heading p[b-5yot82igd5]{font-size:13px;margin:0 0 20px}.product-studio .product-picker[b-5yot82igd5]{background:transparent;gap:10px;padding:0;flex-wrap:wrap;margin-bottom:18px}.product-studio .product-picker button[b-5yot82igd5]{padding:14px;border:1px solid #e0d7cf;border-radius:12px;background:#fff;color:#655b53;font-size:14px}.product-studio .product-picker button.selected[b-5yot82igd5]{border-color:#873959;color:#7c2c50;background:#faf0f5;box-shadow:none}.product-studio .media-compose textarea.form-control[b-5yot82igd5]{min-height:120px}.product-studio .media-compose>.btn-gold[b-5yot82igd5]{width:auto;min-width:160px;display:block;margin-inline-start:auto}.product-studio .canvas-stage[b-5yot82igd5]{height:420px;max-height:55vh}.product-studio .canvas-details>summary[b-5yot82igd5]{cursor:pointer}.product-studio .media-compose>.media-kind[b-5yot82igd5]{display:none}@media(max-width:600px){.product-studio .media-compose[b-5yot82igd5]{padding:18px}.product-studio .product-picker[b-5yot82igd5]{display:grid;grid-template-columns:1fr 1fr}.product-studio .product-picker button[b-5yot82igd5]{font-size:12px;padding:12px}.product-heading h2[b-5yot82igd5]{font-size:19px}.product-studio .results-gallery[b-5yot82igd5]{padding:12px}}

/* Active Video Pipeline Banner & Progress */
.active-video-pipeline[b-5yot82igd5] {
    background: linear-gradient(135deg, #fdf9fc 0%, #f7f1f8 100%);
    border: 1px solid #e3d3e8;
    border-radius: 18px;
    padding: 20px 24px;
    margin-bottom: 20px;
    box-shadow: 0 6px 20px rgba(112, 65, 108, 0.06);
}
.pipeline-header[b-5yot82igd5] {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 14px;
}
.pipeline-pulse[b-5yot82igd5] {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    background: #ede3f2;
    color: #70416c;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    box-shadow: 0 0 0 0 rgba(112, 65, 108, 0.4);
    animation: videoPulse-b-5yot82igd5 2s infinite ease-in-out;
}
@keyframes videoPulse-b-5yot82igd5 {
    0% { box-shadow: 0 0 0 0 rgba(112, 65, 108, 0.35); transform: scale(1); }
    50% { box-shadow: 0 0 0 10px rgba(112, 65, 108, 0); transform: scale(1.04); }
    100% { box-shadow: 0 0 0 0 rgba(112, 65, 108, 0); transform: scale(1); }
}
.pipeline-header strong[b-5yot82igd5] {
    font-size: 15px;
    color: #4c2d4b;
    display: block;
}
.pipeline-header p[b-5yot82igd5] {
    font-size: 12px;
    color: #70697c;
    margin: 3px 0 0;
    line-height: 1.6;
}
.pipeline-header .btn-secondary[b-5yot82igd5] {
    margin-inline-start: auto;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    padding: 7px 14px;
}
.pipeline-job-item[b-5yot82igd5] {
    background: #ffffffd6;
    border: 1px solid #eadfe0;
    border-radius: 12px;
    padding: 12px 16px;
    margin-top: 10px;
}
.pipeline-job-info[b-5yot82igd5] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
    font-size: 12px;
}
.pipeline-prompt[b-5yot82igd5] {
    color: #302b3b;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
}
.pipeline-progress-bar[b-5yot82igd5] {
    width: 100%;
    height: 6px;
    background: #eedef0;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}
.pipeline-progress-shimmer[b-5yot82igd5] {
    width: 45%;
    height: 100%;
    background: linear-gradient(90deg, #855d84, #70416c, #a789b7);
    border-radius: 10px;
    animation: pipelineSlide-b-5yot82igd5 1.8s infinite ease-in-out;
}
@keyframes pipelineSlide-b-5yot82igd5 {
    0% { transform: translateX(-100%); }
    50% { transform: translateX(120%); }
    100% { transform: translateX(250%); }
}

/* Gallery Video Card Overlays */
.gallery-cover[b-5yot82igd5] {
    position: relative;
}
.gallery-play[b-5yot82igd5] {
    position: absolute;
    inset: 0;
    margin: auto;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.9);
    color: #70416c;
    display: grid;
    place-items: center;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
    pointer-events: none;
    transition: transform 0.2s, opacity 0.2s;
}
.gallery-cover:hover .gallery-play[b-5yot82igd5] {
    transform: scale(1.12);
    background: #ffffff;
}

.product-studio .media-compose.trend-surface[b-5yot82igd5]{background:transparent;border:0;box-shadow:none;padding:8px 0}.trend-surface .compose-submit-row[b-5yot82igd5]{position:sticky;bottom:0;z-index:3;background:#fff;padding:18px;border:1px solid #eadde6;border-radius:14px;margin-top:20px}.trend-surface .compose-options[b-5yot82igd5]{background:#fff;border-radius:12px;padding:0 16px}
/* /Components/Pages/ProjectStudio.razor.rz.scp.css */
.project-home[b-4yyxp6dc8t]{max-width:1040px;margin:0 auto;padding:8px 0 32px}.project-heading[b-4yyxp6dc8t],.project-identity[b-4yyxp6dc8t],.project-save[b-4yyxp6dc8t]{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.project-home h1[b-4yyxp6dc8t]{font-size:32px;margin:0 0 8px}.project-home h2[b-4yyxp6dc8t]{font-size:20px;margin:0 0 12px}.project-home p[b-4yyxp6dc8t]{color:var(--muted);line-height:1.8;margin:6px 0 18px}.project-panel[b-4yyxp6dc8t]{background:var(--surface,#fff);border:1px solid var(--line,#e7e2dc);border-radius:18px;padding:24px;margin:20px 0}.project-cards[b-4yyxp6dc8t]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.project-card[b-4yyxp6dc8t]{display:flex;align-items:center;gap:16px;flex-wrap:wrap;text-decoration:none;color:var(--text);padding:22px;border:1px solid var(--line,#e7e2dc);border-radius:18px;background:var(--surface,#fff)}.project-card:hover[b-4yyxp6dc8t]{border-color:var(--gold)}.project-card>div[b-4yyxp6dc8t]{flex:1;min-width:0}.project-card h2[b-4yyxp6dc8t],.project-card small[b-4yyxp6dc8t]{overflow-wrap:anywhere}.project-card small[b-4yyxp6dc8t]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--muted)}.project-open[b-4yyxp6dc8t]{width:100%;font-size:13px;color:var(--burgundy)}.project-logo[b-4yyxp6dc8t]{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:var(--line,#eee);overflow:hidden;font-weight:bold;flex-shrink:0}.project-logo img[b-4yyxp6dc8t]{width:100%;height:100%;object-fit:contain;background:white}.project-logo-large[b-4yyxp6dc8t]{width:96px;height:96px}.project-identity[b-4yyxp6dc8t]{justify-content:flex-start;margin-top:24px}.project-title[b-4yyxp6dc8t]{flex:1;min-width:0}.project-name[b-4yyxp6dc8t]{display:block;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);font:inherit;font-size:30px;font-weight:700;width:100%;padding:8px 0}.project-home label[b-4yyxp6dc8t]{display:block;font-size:14px;line-height:1.6;margin-bottom:16px}.project-home .form-control[b-4yyxp6dc8t]{display:block;width:100%;margin-top:7px;padding:11px 12px;border:1px solid var(--line,#ddd);border-radius:10px;box-sizing:border-box;background:var(--surface,#fff);color:var(--text);font:inherit}.project-fields[b-4yyxp6dc8t]{display:grid;grid-template-columns:1fr 1fr;gap:18px}.project-actions[b-4yyxp6dc8t],.project-palettes[b-4yyxp6dc8t],.project-colors[b-4yyxp6dc8t]{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.project-actions[b-4yyxp6dc8t]{margin-top:18px}.project-actions a[b-4yyxp6dc8t]{text-decoration:none}.project-palettes button[b-4yyxp6dc8t]{display:flex;gap:4px;background:transparent;border:1px solid var(--line);border-radius:12px;padding:8px;cursor:pointer}.project-palettes i[b-4yyxp6dc8t]{width:30px;height:30px;border-radius:50%}.project-colors[b-4yyxp6dc8t]{margin-top:22px;gap:32px}.project-colors label[b-4yyxp6dc8t]{display:flex;align-items:center;gap:10px}.project-colors input[b-4yyxp6dc8t]{width:44px;height:44px;padding:0;border:0;background:transparent;cursor:pointer}.project-home summary[b-4yyxp6dc8t]{cursor:pointer;font-weight:600}.project-home details[open] summary[b-4yyxp6dc8t]{margin-bottom:24px}.project-back[b-4yyxp6dc8t]{color:var(--muted);text-decoration:none}.project-upload[b-4yyxp6dc8t]{position:relative;overflow:hidden;color:var(--burgundy);cursor:pointer;margin-top:8px;text-align:center}.project-upload[b-4yyxp6dc8t]  input[type=file]{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.project-text-button[b-4yyxp6dc8t]{background:none;border:0;color:var(--muted);cursor:pointer;width:100%}.project-empty[b-4yyxp6dc8t]{text-align:center;padding:44px 24px}.project-save[b-4yyxp6dc8t]{padding:16px 0}.project-save span[b-4yyxp6dc8t],.project-coming[b-4yyxp6dc8t]{font-size:13px;color:var(--muted)}.project-error[b-4yyxp6dc8t]{color:var(--danger)!important}.project-success[b-4yyxp6dc8t]{color:#246c48!important}.project-ai[b-4yyxp6dc8t]{background:var(--bg,#faf8f5)}.project-home button:focus-visible[b-4yyxp6dc8t],.project-home a:focus-visible[b-4yyxp6dc8t]{outline:3px solid var(--gold);outline-offset:3px}@media(max-width:640px){.project-cards[b-4yyxp6dc8t],.project-fields[b-4yyxp6dc8t]{grid-template-columns:1fr}.project-heading[b-4yyxp6dc8t],.project-save[b-4yyxp6dc8t]{align-items:flex-start;flex-wrap:wrap;gap:14px}.project-panel[b-4yyxp6dc8t]{padding:18px}.project-identity[b-4yyxp6dc8t]{gap:14px;align-items:flex-start}.project-name[b-4yyxp6dc8t]{font-size:24px}.project-logo-large[b-4yyxp6dc8t]{width:72px;height:72px}.project-colors[b-4yyxp6dc8t]{gap:16px}.project-heading h1[b-4yyxp6dc8t]{font-size:28px}.project-title p[b-4yyxp6dc8t]{font-size:13px}}

.project-photo-row[b-4yyxp6dc8t]{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:12px}@media(max-width:640px){.project-photo-row[b-4yyxp6dc8t]{grid-template-columns:1fr}.project-photo-row button[b-4yyxp6dc8t]{margin-bottom:20px}}

.project-list-tools[b-4yyxp6dc8t]{display:flex;gap:12px;margin:20px 0}.project-list-tools input[b-4yyxp6dc8t]{flex:1;min-width:0}.project-list-tools select[b-4yyxp6dc8t]{width:auto}.project-editor[b-4yyxp6dc8t]{border:1px solid var(--border,#ddd);border-radius:20px;padding:20px;margin:20px 0}.project-title h1[b-4yyxp6dc8t]{overflow-wrap:anywhere}.project-identity[b-4yyxp6dc8t]{flex-wrap:wrap}.project-title[b-4yyxp6dc8t]{min-width:180px;flex:1}@media(max-width:600px){.project-list-tools[b-4yyxp6dc8t]{flex-direction:column}.project-editor[b-4yyxp6dc8t]{padding:12px}.project-identity[b-4yyxp6dc8t]{gap:12px}}

.project-home[b-4yyxp6dc8t]{max-width:1160px}.project-overview[b-4yyxp6dc8t]{margin:18px 0 24px;padding:22px 26px;border:1px solid #e9e1d8;background:linear-gradient(110deg,#fff,#faf5ef);border-radius:22px;gap:20px}.project-overview .project-logo-large[b-4yyxp6dc8t]{width:72px;height:72px;border:4px solid white;box-shadow:0 5px 18px #3220160a}.project-overview h1[b-4yyxp6dc8t]{font-size:26px;margin:5px 0}.project-overview p[b-4yyxp6dc8t]{margin:0;font-size:13px}.project-eyebrow[b-4yyxp6dc8t]{font-size:11px;color:#8a6a41;letter-spacing:.03em}.project-palette-summary[b-4yyxp6dc8t]{display:flex;align-items:center;gap:5px;margin-top:10px}.project-palette-summary i[b-4yyxp6dc8t]{width:13px;height:13px;border-radius:50%;border:1px solid #0000000d}.project-palette-summary span[b-4yyxp6dc8t]{font-size:11px;color:#897b70;margin-inline-start:5px}.project-overview>button[b-4yyxp6dc8t]{font-size:12px;padding:10px 16px}.project-list-tools input.form-control[b-4yyxp6dc8t]{width:auto;flex:1 1 65%}.project-list-tools select.form-control[b-4yyxp6dc8t]{flex:0 1 220px;max-width:40%}@media(max-width:640px){.project-overview[b-4yyxp6dc8t]{padding:18px;gap:12px}.project-overview h1[b-4yyxp6dc8t]{font-size:23px}.project-overview>button[b-4yyxp6dc8t]{width:100%}.project-list-tools input.form-control[b-4yyxp6dc8t],.project-list-tools select.form-control[b-4yyxp6dc8t]{width:100%;max-width:100%;flex:auto}}

.project-setup-invite[b-4yyxp6dc8t]{flex:1 1 320px;max-width:470px;border-inline-start:1px solid #e7dbcf;padding-inline-start:24px}.project-setup-invite strong[b-4yyxp6dc8t]{font-size:15px;color:#733451}.project-setup-invite p[b-4yyxp6dc8t]{font-size:12px;line-height:1.9;margin:8px 0}.setup-hints[b-4yyxp6dc8t]{display:flex;flex-wrap:wrap;gap:6px}.setup-hints span[b-4yyxp6dc8t]{font-size:10px;padding:5px 8px;background:#fff9;border-radius:8px;color:#786751}@media(max-width:700px){.project-setup-invite[b-4yyxp6dc8t]{max-width:none;flex-basis:100%;border-inline-start:0;border-top:1px solid #e7dbcf;padding:16px 0 0}}

/* --- Hero Banner for Interactive Web Apps (Base44 Studio) --- */
.vibe-hero-banner[b-4yyxp6dc8t]{background:linear-gradient(135deg,#711D42 0%,#4A122B 100%);border:1px solid #D9B26F;border-radius:20px;padding:24px 28px;margin-bottom:28px;color:#fff;box-shadow:0 8px 24px rgba(113,29,66,0.18);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.vibe-hero-content[b-4yyxp6dc8t]{flex:1;min-width:280px}
.vibe-hero-tag[b-4yyxp6dc8t]{display:inline-flex;align-items:center;gap:6px;background:rgba(217,178,111,0.2);color:#F7E3B5;border:1px solid rgba(217,178,111,0.4);padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;margin-bottom:10px;letter-spacing:0.02em}
.vibe-hero-title[b-4yyxp6dc8t]{font-size:22px;font-weight:700;color:#fff;margin:0 0 8px;line-height:1.3}
.vibe-hero-desc[b-4yyxp6dc8t]{color:#EAD3D9;font-size:13px;line-height:1.7;margin:0}
.vibe-hero-features[b-4yyxp6dc8t]{display:flex;gap:12px;margin-top:12px;flex-wrap:wrap}
.vibe-hero-feature-item[b-4yyxp6dc8t]{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.12);padding:4px 10px;border-radius:8px;font-size:11px;color:#FCEEF2}
.vibe-hero-action[b-4yyxp6dc8t]{flex-shrink:0}
.btn-vibe-hero[b-4yyxp6dc8t]{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#D9B26F 0%,#C29B53 100%);color:#2B1911;font-weight:700;font-size:14px;padding:12px 24px;border-radius:12px;text-decoration:none;border:none;box-shadow:0 4px 14px rgba(0,0,0,0.2);transition:all 0.2s ease;cursor:pointer}
.btn-vibe-hero:hover[b-4yyxp6dc8t]{transform:translateY(-2px);box-shadow:0 6px 20px rgba(217,178,111,0.4);color:#1A0F0A}

/* --- Project Workspace Primary Tabs --- */
.project-tabs[b-4yyxp6dc8t]{display:flex;gap:8px;border-bottom:2px solid #E8E2D9;margin:24px 0 20px;padding-bottom:2px}
.project-tab-btn[b-4yyxp6dc8t]{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:none;background:transparent;font-size:14px;font-weight:600;color:var(--muted,#746F68);border-radius:10px 10px 0 0;cursor:pointer;position:relative;transition:all 0.15s ease}
.project-tab-btn:hover[b-4yyxp6dc8t]{color:#711D42;background:rgba(113,29,66,0.03)}
.project-tab-btn.active[b-4yyxp6dc8t]{color:#711D42;font-weight:700;background:transparent}
.project-tab-btn.active[b-4yyxp6dc8t]::after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:3px;background:linear-gradient(90deg,#711D42,#D9B26F);border-radius:3px}
.tab-badge-gold[b-4yyxp6dc8t]{background:#D9B26F;color:#2E1A0F;font-size:10px;padding:2px 7px;border-radius:10px;font-weight:700}
.tab-badge-count[b-4yyxp6dc8t]{background:#E8E2D9;color:#554F49;font-size:11px;padding:1px 6px;border-radius:10px}

/* --- Apps Tab Content --- */
.apps-panel-header[b-4yyxp6dc8t]{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid #ECE7DE}
.apps-panel-header h2[b-4yyxp6dc8t]{font-size:18px;margin:0;color:var(--ink,#181715)}
.apps-panel-header p[b-4yyxp6dc8t]{margin:4px 0 0;font-size:13px;color:var(--muted,#746F68)}

.apps-grid[b-4yyxp6dc8t]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-bottom:24px}
.app-card-vibe[b-4yyxp6dc8t]{background:var(--surface,#fff);border:1px solid var(--line,#E7E2DC);border-radius:14px;padding:18px;display:flex;flex-direction:column;justify-content:space-between;gap:12px;transition:all 0.2s ease;box-shadow:0 2px 8px rgba(0,0,0,0.03)}
.app-card-vibe:hover[b-4yyxp6dc8t]{border-color:#D9B26F;transform:translateY(-2px);box-shadow:0 6px 18px rgba(113,29,66,0.08)}
.app-card-top[b-4yyxp6dc8t]{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.app-card-badge[b-4yyxp6dc8t]{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:#711D42;background:rgba(113,29,66,0.08);padding:3px 8px;border-radius:6px}
.app-card-date[b-4yyxp6dc8t]{font-size:11px;color:var(--muted,#746F68)}
.app-card-body h3[b-4yyxp6dc8t]{font-size:15px;font-weight:700;margin:4px 0 6px;color:var(--ink,#181715)}
.app-card-body p[b-4yyxp6dc8t]{font-size:12px;color:var(--muted,#746F68);line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.app-card-actions[b-4yyxp6dc8t]{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:10px;border-top:1px solid var(--line-light,#ECE7DE)}
.app-card-actions .btn-sm-edit[b-4yyxp6dc8t]{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;background:linear-gradient(135deg,#711D42 0%,#812E52 100%);color:#fff;text-decoration:none;border:none}
.app-card-actions .btn-sm-edit:hover[b-4yyxp6dc8t]{background:#5A1433}
.app-card-actions .btn-sm-action[b-4yyxp6dc8t]{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border-radius:8px;font-size:12px;background:#F7F3ED;color:#4A443E;border:1px solid #E0D9CE;cursor:pointer;text-decoration:none}
.app-card-actions .btn-sm-action:hover[b-4yyxp6dc8t]{background:#EFE8DE}

/* Templates Section in Project */
.apps-templates-section[b-4yyxp6dc8t]{background:linear-gradient(135deg,#FBF9F6 0%,#F6F1EA 100%);border:1px dashed #D9B26F;border-radius:16px;padding:20px 22px;margin-top:20px}
.apps-templates-header[b-4yyxp6dc8t]{margin-bottom:14px}
.apps-templates-header h3[b-4yyxp6dc8t]{font-size:15px;font-weight:700;margin:0;color:#711D42}
.apps-templates-header p[b-4yyxp6dc8t]{font-size:12px;color:#746F68;margin:4px 0 0}
.apps-templates-grid[b-4yyxp6dc8t]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.app-template-pill[b-4yyxp6dc8t]{background:#fff;border:1px solid #E4DCD2;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:6px;text-align:start;cursor:pointer;transition:all 0.15s ease;text-decoration:none;color:inherit}
.app-template-pill:hover[b-4yyxp6dc8t]{border-color:#711D42;box-shadow:0 3px 12px rgba(113,29,66,0.09);transform:translateY(-1px)}
.app-template-pill strong[b-4yyxp6dc8t]{font-size:13px;color:var(--ink,#181715)}
.app-template-pill small[b-4yyxp6dc8t]{font-size:11px;color:var(--muted,#746F68);line-height:1.5}
.app-template-pill .pill-tag[b-4yyxp6dc8t]{font-size:10px;color:#8A6A41;font-weight:600}

/* Sidebar highlight badge */
.sidebar-badge-new[b-4yyxp6dc8t]{display:inline-block;margin-inline-start:auto;background:linear-gradient(135deg,#D9B26F 0%,#C29B53 100%);color:#2B1911;font-size:9px;font-weight:800;padding:2px 6px;border-radius:10px;line-height:1.2;letter-spacing:0.02em}

/* Keep uploaded brand artwork complete, including wide and transparent logos. */
.project-home .project-card-logo[b-4yyxp6dc8t] {
    width: 72px;
    height: 72px;
    box-sizing: border-box;
    border-radius: 16px;
    transform: none;
}
.project-home .project-card-logo.has-logo[b-4yyxp6dc8t] {
    background: #fff !important;
    border: 1px solid #e7e2dc;
    padding: 8px;
}
.project-home .project-card-logo img[b-4yyxp6dc8t] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
.project-card-logo[b-4yyxp6dc8t]  .studio-icon {
    width: 32px;
    height: 32px;
}
@media (max-width: 640px) {
    .project-home .project-card-logo[b-4yyxp6dc8t] {
        width: 60px;
        height: 60px;
    }
}
/* /Components/Shared/ProjectAgentPanel.razor.rz.scp.css */
.project-agent[b-ai6o79q40e] { margin: 24px 0 36px; padding: 28px; border: 1px solid #e7dbe3; border-radius: 22px; background: #fcfafb; }
.project-agent header[b-ai6o79q40e] { display: flex; align-items: start; justify-content: space-between; gap: 20px; }
.project-agent h2[b-ai6o79q40e] { margin: 8px 0; font-size: 1.5rem; }
.project-agent p[b-ai6o79q40e] { color: var(--muted, #746b7c); line-height: 1.8; }
.agent-eyebrow[b-ai6o79q40e] { font-size: .7rem; font-weight: 700; letter-spacing: .15em; color: #711d42; }
.agent-scope[b-ai6o79q40e] { border-radius: 999px; padding: 8px 15px; background: #f1e8ed; color: #711d42; font-size: .85rem; }
.agent-facts[b-ai6o79q40e] { display: flex; flex-wrap: wrap; gap: 16px; margin: 14px 0 24px; color: #746b7c; font-size: .85rem; }
.agent-facts code[b-ai6o79q40e] { direction: ltr; overflow-wrap: anywhere; }
.project-agent fieldset[b-ai6o79q40e] { border: 0; padding: 0; min-width: 0; display: grid; gap: 20px; }
.project-agent label[b-ai6o79q40e] { display: grid; gap: 8px; font-weight: 600; }
.project-agent textarea[b-ai6o79q40e] { resize: vertical; line-height: 1.8; font-weight: 400; }
.agent-grid[b-ai6o79q40e] { display: grid; grid-template-columns: 2fr 1fr; gap: 20px; }
.agent-actions[b-ai6o79q40e] { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.project-agent .agent-toggle[b-ai6o79q40e] { display: flex; align-items: center; gap: 10px; }
.agent-note[b-ai6o79q40e] { font-size: .85rem; margin-top: 20px; }
@media (max-width: 700px) { .project-agent[b-ai6o79q40e] { padding: 18px; } .agent-grid[b-ai6o79q40e] { grid-template-columns: 1fr; } .project-agent header[b-ai6o79q40e] { flex-direction: column; } }
/* /Components/Shared/ProjectDiscussion.razor.rz.scp.css */
.project-discussion h2[b-u8ivji4303]{font-size:20px;margin:0 0 8px}.intro[b-u8ivji4303]{color:#8b8077;font-size:12px;line-height:1.8}.discussion-thread[b-u8ivji4303]{max-height:420px;overflow:auto;display:flex;flex-direction:column;gap:14px;padding:12px 0;overflow-wrap:anywhere}.discussion-message[b-u8ivji4303]{font-size:13px;line-height:1.9;white-space:pre-wrap}.discussion-message small[b-u8ivji4303]{display:block;color:#917e86;font-size:10px}.discussion-message.user[b-u8ivji4303]{background:#f6f0f3;padding:12px;border-radius:14px}.discussion-message button[b-u8ivji4303]{display:block;border:1px solid #ddd1d7;background:#fff;border-radius:8px;font:inherit;font-size:11px;color:#822e54;padding:7px 10px;margin-top:8px;cursor:pointer}.project-discussion textarea[b-u8ivji4303]{width:100%;box-sizing:border-box;border:1px solid #e0d6ce;border-radius:14px;resize:vertical;min-height:90px;padding:14px;font:inherit;font-size:13px;margin-top:16px}.discussion-send[b-u8ivji4303]{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0 20px}.discussion-send small[b-u8ivji4303]{font-size:10px;color:#96877d}.discussion-send button[b-u8ivji4303]{border:0;border-radius:10px;background:#812e52;color:#fff;padding:10px 18px;font:inherit;cursor:pointer}.discussion-send button:disabled[b-u8ivji4303]{opacity:.5;cursor:default}button:focus-visible[b-u8ivji4303],textarea:focus-visible[b-u8ivji4303]{outline:2px solid #843455;outline-offset:3px}[role=alert][b-u8ivji4303]{color:#9d3652;font-size:12px}
/* /Components/Shared/ProjectModal.razor.rz.scp.css */
.project-dialog-overlay[b-k5dvllycdq]{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:24px;background:#19162299;backdrop-filter:blur(12px);animation:dialog-fade-b-k5dvllycdq .18s ease-out}
.project-dialog[b-k5dvllycdq]{width:min(1000px,100%);max-height:calc(100dvh - 48px);border:1px solid #ffffffb3;border-radius:28px;background:#fdfcfe;color:#292430;box-shadow:0 35px 100px #100c2845;overflow:hidden;text-align:start;outline:none;animation:dialog-in-b-k5dvllycdq .25s ease-out}
.project-dialog-form[b-k5dvllycdq]{display:flex;flex-direction:column;max-height:inherit}
.project-dialog-header[b-k5dvllycdq]{display:flex;align-items:center;gap:14px;padding:25px 30px 22px;border-bottom:1px solid #edeaf1;background:#fff}
.dialog-heading-icon[b-k5dvllycdq]{width:43px;height:43px;display:grid;place-items:center;background:#f1e8f4;border-radius:15px;color:#773461;flex-shrink:0}
.dialog-eyebrow[b-k5dvllycdq]{font-size:10px;letter-spacing:.1em;color:#96768d;font-weight:600}
.project-dialog-header h2[b-k5dvllycdq]{font-size:23px;line-height:1.5;margin:4px 0 0;color:#302333}
.dialog-close[b-k5dvllycdq]{margin-inline-start:auto;flex-shrink:0;display:grid;place-items:center;border:1px solid #ede9f0;border-radius:50%;width:36px;height:36px;font-size:25px;background:#faf9fc;color:#766c7b;cursor:pointer}
.dialog-close:hover[b-k5dvllycdq]{background:#f0e8f3;color:#592e53}
.project-dialog-scroll[b-k5dvllycdq]{overflow:auto;overscroll-behavior:contain;min-height:0;scrollbar-width:thin;scrollbar-color:#d8ccdd transparent}
.project-dialog-grid[b-k5dvllycdq]{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.85fr);gap:30px;padding:28px 30px}
.project-dialog-fields>p[b-k5dvllycdq]{font-size:13px;line-height:1.9;color:#7b7180;margin:0 0 23px}
.dialog-section-label[b-k5dvllycdq]{display:flex;align-items:center;gap:9px;margin-bottom:18px;font-size:13px}
.dialog-section-label>span[b-k5dvllycdq],.details-number[b-k5dvllycdq]{display:grid;place-items:center;width:26px;height:26px;border-radius:9px;background:#f0e8f4;color:#89587e;font-size:10px;flex-shrink:0}
.dialog-section-label small[b-k5dvllycdq]{margin-inline-start:auto;color:#a79cac;font-size:10px;letter-spacing:.05em}
.dialog-field[b-k5dvllycdq]{margin-bottom:18px}
.dialog-field>label[b-k5dvllycdq]{display:flex;align-items:center;gap:6px;margin-bottom:8px;font-size:13px;font-weight:500;color:#403347}
.dialog-field label small[b-k5dvllycdq]{margin-inline-start:auto;color:#a399a8;font-size:10px}
.field-required[b-k5dvllycdq]{color:#a45d82}
.dialog-input[b-k5dvllycdq]{width:100%;min-width:0;border:1px solid #e7e1eb;border-radius:13px;background:#f8f6fa;color:#32283a;padding:12px 14px;font-size:13px;line-height:1.6;outline:none;transition:border-color .15s,box-shadow .15s,background .15s}
.dialog-input[b-k5dvllycdq]::placeholder{color:#a49aab;font-size:12px}
.dialog-input:hover[b-k5dvllycdq]{border-color:#cfc1d6}
.dialog-input:focus[b-k5dvllycdq]{background:#fff;border-color:#9e74b0;box-shadow:0 0 0 4px #a77dbe12}
textarea.dialog-input[b-k5dvllycdq]{resize:vertical;min-height:90px;max-height:200px}
.dialog-field-hint[b-k5dvllycdq]{display:block;font-size:10.5px;color:#948799;line-height:1.8;margin-top:7px}
.dialog-brand-details[b-k5dvllycdq]{border:1px solid #e9e1ee;border-radius:15px;background:#fff;margin-top:22px}
.dialog-brand-details>summary[b-k5dvllycdq]{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none;padding:15px}
.dialog-brand-details>summary[b-k5dvllycdq]::-webkit-details-marker{display:none}
.dialog-brand-details strong[b-k5dvllycdq]{display:block;font-size:13px;font-weight:500}
.dialog-brand-details summary small[b-k5dvllycdq]{display:block;font-size:10px;color:#a093a5;margin-top:3px}
.details-plus[b-k5dvllycdq]{margin-inline-start:auto;font-size:20px;color:#97779f;transition:transform .2s}
.dialog-brand-details[open] .details-plus[b-k5dvllycdq]{transform:rotate(45deg)}
.dialog-details-content[b-k5dvllycdq]{border-top:1px solid #f0ebf3;padding:18px 15px 0}
.dialog-upload-row[b-k5dvllycdq]{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}
.dialog-upload-preview[b-k5dvllycdq]{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;color:white;overflow:hidden}
.dialog-upload-preview img[b-k5dvllycdq],.preview-logo img[b-k5dvllycdq]{width:100%;height:100%;object-fit:contain}
.dialog-upload[b-k5dvllycdq]{position:relative;display:block;color:#814973;font-size:12px;cursor:pointer}
.dialog-upload[b-k5dvllycdq]  input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}
.dialog-upload:focus-within[b-k5dvllycdq]{outline:2px solid #9152a3;outline-offset:4px}
.dialog-upload-row small[b-k5dvllycdq]{font-size:9px;color:#ac9fb0;display:block;margin-top:4px}
.dialog-remove[b-k5dvllycdq]{border:0;background:none;color:#ab4969;font-size:11px;margin-inline-start:auto;cursor:pointer}
.dialog-colours[b-k5dvllycdq]{display:flex;gap:8px;flex-wrap:wrap;border:0;padding:0;margin:0 0 18px}
.dialog-colours legend[b-k5dvllycdq]{font-size:12px;color:#77617e;margin-bottom:10px}
.dialog-colours label[b-k5dvllycdq]{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #ebe3ef;border-radius:10px;font-size:11px}
.dialog-colours input[b-k5dvllycdq]{border:0;width:24px;height:24px;padding:0;background:transparent;cursor:pointer}
.dialog-preview[b-k5dvllycdq]{position:relative;isolation:isolate;overflow:hidden;border-radius:23px;background:radial-gradient(ellipse at 10% 5%,#9475a55e,transparent 60%),radial-gradient(ellipse at 85% 80%,#994f7952,transparent 55%),#292035;color:#fff;min-height:410px;display:flex;flex-direction:column;padding:25px;align-self:stretch}
.preview-orbit[b-k5dvllycdq]{position:absolute;z-index:-1;border:1px solid #f4d5ff12;border-radius:50%;pointer-events:none}
.orbit-one[b-k5dvllycdq]{width:380px;height:380px;top:-160px;inset-inline-start:-140px}
.orbit-two[b-k5dvllycdq]{width:340px;height:340px;bottom:-170px;inset-inline-end:-110px}
.preview-topline[b-k5dvllycdq]{display:flex;justify-content:space-between;align-items:center;color:#ddc9e7;font-size:9px;letter-spacing:.06em}
.preview-topline>span:first-child[b-k5dvllycdq]{font-size:24px;color:#e3bddd}
.preview-identity[b-k5dvllycdq]{margin:auto 0;text-align:center;padding:25px 0 32px}
.preview-logo[b-k5dvllycdq]{display:grid;place-items:center;width:76px;height:76px;margin:0 auto 18px;border:1px solid #ffffff26;border-radius:25px;color:#fff;font-size:28px;box-shadow:0 12px 30px #11091d33;overflow:hidden;transform:rotate(-7deg);transition:background .25s}
.preview-logo>*[b-k5dvllycdq]{transform:rotate(7deg)}
.preview-identity h3[b-k5dvllycdq]{font-size:24px;line-height:1.5;color:#fff;margin:0 0 6px;overflow-wrap:anywhere}
.preview-identity p[b-k5dvllycdq]{font-size:12px;color:#c4afce;line-height:1.7;margin:0;overflow-wrap:anywhere}
.preview-palette[b-k5dvllycdq]{display:flex;justify-content:center;margin-top:18px;gap:7px}
.preview-palette i[b-k5dvllycdq]{width:12px;height:12px;border-radius:50%;border:1px solid #ffffff55;box-shadow:0 0 0 3px #ffffff06}
.preview-note[b-k5dvllycdq]{border-top:1px solid #ffffff18;padding-top:20px}
.preview-note>span[b-k5dvllycdq]{font-size:9px;letter-spacing:.09em;color:#be97cc}
.preview-note h4[b-k5dvllycdq]{font-size:17px;color:#f7eefb;margin:7px 0}
.preview-note p[b-k5dvllycdq]{font-size:11px;line-height:1.9;color:#bba9c6;margin:0 0 16px}
.preview-tags[b-k5dvllycdq]{display:flex;gap:7px;flex-wrap:wrap}
.preview-tags span[b-k5dvllycdq]{padding:5px 12px;background:#ffffff09;border:1px solid #ffffff14;border-radius:20px;color:#d4c2df;font-size:10px}
.project-dialog-footer[b-k5dvllycdq]{padding:18px 30px;border-top:1px solid #ece6f0;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.dialog-footer-note[b-k5dvllycdq]{font-size:11px;color:#a395a8}
.project-dialog-footer>div:last-child[b-k5dvllycdq]{display:flex;gap:12px;align-items:center}
.dialog-cancel[b-k5dvllycdq]{border:0;background:none;color:#93829d;padding:10px 12px;font-size:12px;cursor:pointer}
.dialog-submit[b-k5dvllycdq]{display:flex;align-items:center;justify-content:center;gap:18px;border:0;border-radius:13px;padding:12px 23px;color:#fff;background:linear-gradient(110deg,#723058,#563874);font-size:13px;box-shadow:0 5px 15px #78377125;cursor:pointer;transition:box-shadow .2s,transform .2s}
.dialog-submit:hover[b-k5dvllycdq]{box-shadow:0 7px 20px #78377140;transform:translateY(-1px)}
.dialog-submit:disabled[b-k5dvllycdq]{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}
.dialog-error[b-k5dvllycdq]{width:100%;background:#fff2f3;border:1px solid #f2cdd6;color:#a03b57;border-radius:11px;padding:10px 13px;font-size:12px;line-height:1.7}
.dialog-spinner[b-k5dvllycdq]{width:14px;height:14px;border:2px solid #ffffff44;border-top-color:#fff;border-radius:50%;animation:dialog-spin-b-k5dvllycdq .8s linear infinite}
.project-dialog :is(button,summary,input,select,textarea):focus-visible[b-k5dvllycdq]{outline:2px solid #ab7ac4;outline-offset:3px}
@keyframes dialog-fade-b-k5dvllycdq{from{opacity:0}to{opacity:1}}
@keyframes dialog-in-b-k5dvllycdq{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
@keyframes dialog-spin-b-k5dvllycdq{to{transform:rotate(360deg)}}
@media(max-width:760px){.project-dialog-overlay[b-k5dvllycdq]{padding:12px}.project-dialog[b-k5dvllycdq]{border-radius:22px;max-height:calc(100dvh - 24px)}.project-dialog-header[b-k5dvllycdq]{padding:19px;gap:10px}.project-dialog-header h2[b-k5dvllycdq]{font-size:19px}.dialog-heading-icon[b-k5dvllycdq]{display:none}.project-dialog-grid[b-k5dvllycdq]{grid-template-columns:1fr;padding:20px;gap:18px}.dialog-preview[b-k5dvllycdq]{min-height:0;padding:16px;order:-1}.preview-topline[b-k5dvllycdq],.preview-note[b-k5dvllycdq],.preview-palette[b-k5dvllycdq]{display:none}.preview-identity[b-k5dvllycdq]{display:grid;grid-template-columns:46px 1fr;column-gap:14px;align-items:center;text-align:start;padding:0}.preview-logo[b-k5dvllycdq]{width:46px;height:46px;border-radius:15px;font-size:18px;margin:0;grid-row:span 2}.preview-identity h3[b-k5dvllycdq]{font-size:18px;margin:0}.preview-identity p[b-k5dvllycdq]{font-size:10px}.project-dialog-footer[b-k5dvllycdq]{padding:14px 20px}.dialog-footer-note[b-k5dvllycdq]{display:none}.project-dialog-footer>div:last-child[b-k5dvllycdq]{width:100%;justify-content:space-between}.dialog-submit[b-k5dvllycdq]{flex:1}.dialog-eyebrow[b-k5dvllycdq]{font-size:9px}}
@media(prefers-reduced-motion:reduce){.project-dialog-overlay[b-k5dvllycdq],.project-dialog[b-k5dvllycdq],.dialog-spinner[b-k5dvllycdq]{animation:none}.dialog-submit[b-k5dvllycdq],.dialog-input[b-k5dvllycdq],.details-plus[b-k5dvllycdq]{transition:none}}
/* Draft identity is local to this dialog until a successful save. */
.project-dialog .dialog-preview[b-k5dvllycdq]{background:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--project-accent) 45%,transparent),transparent 65%),linear-gradient(145deg,var(--project-primary),var(--project-secondary));color:var(--project-on-primary)}
.project-dialog .preview-identity[b-k5dvllycdq]{background:var(--project-primary);color:var(--project-on-primary);border-radius:20px;padding:24px 12px;margin:20px 0;box-shadow:0 16px 40px #00000018}
.project-dialog .preview-identity h3[b-k5dvllycdq],.project-dialog .preview-identity p[b-k5dvllycdq]{color:inherit}
.project-dialog .preview-note[b-k5dvllycdq]{background:var(--project-secondary);color:var(--project-on-secondary);padding:20px;border-radius:18px;margin-top:auto}
.project-dialog .preview-note :is(h4,p,span)[b-k5dvllycdq]{color:inherit}
.project-dialog .preview-topline[b-k5dvllycdq]{color:var(--project-on-primary);background:var(--project-primary);padding:8px 12px;border-radius:12px}
.project-dialog .preview-logo[b-k5dvllycdq],.project-dialog .dialog-upload-preview[b-k5dvllycdq]{color:var(--project-on-primary)}
.project-dialog .preview-logo:has(img)[b-k5dvllycdq],.project-dialog .dialog-upload-preview:has(img)[b-k5dvllycdq]{background:white!important;transform:none;padding:5px}
.project-dialog .preview-logo img[b-k5dvllycdq]{transform:none}
.project-dialog .dialog-submit[b-k5dvllycdq]{background:var(--project-primary);color:var(--project-on-primary)}
.project-dialog .dialog-heading-icon[b-k5dvllycdq],.project-dialog .details-number[b-k5dvllycdq]{background:var(--project-primary);color:var(--project-on-primary)}
.project-dialog .dialog-input:focus[b-k5dvllycdq]{border-color:var(--project-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--project-primary) 15%,transparent)}
.brand-help[b-k5dvllycdq]{font-size:12px;line-height:1.9;color:#65586c;margin:0 0 18px}
.project-dialog .dialog-upload[b-k5dvllycdq]{background:var(--project-primary);color:var(--project-on-primary);padding:10px 14px;border-radius:12px}
@media(max-width:760px){.project-dialog .preview-identity[b-k5dvllycdq]{margin:8px 0;padding:12px}.project-dialog .preview-note[b-k5dvllycdq]{display:none}}
.website-import[b-k5dvllycdq],.project-logo-section[b-k5dvllycdq]{padding:18px;margin:0 0 22px;border:1px solid #d9dce9;border-radius:16px;background:#f7f9ff}
.website-import>label[b-k5dvllycdq],.project-logo-section>label[b-k5dvllycdq]{display:block;font-weight:700;margin:0 0 10px}.project-logo-section h3[b-k5dvllycdq]{margin:0 0 14px;font-size:18px}
.import-actions[b-k5dvllycdq]{display:flex;gap:10px;align-items:stretch;margin:8px 0}.import-actions input[b-k5dvllycdq]{flex:1;min-width:0}.import-button[b-k5dvllycdq]{border:0;border-radius:10px;background:#243cb2;color:white;font:inherit;font-weight:700;padding:12px 16px;cursor:pointer;flex-shrink:0}.import-button:disabled[b-k5dvllycdq]{opacity:.55;cursor:wait}
.website-import small[b-k5dvllycdq],.website-preview small[b-k5dvllycdq]{display:block;line-height:1.7;margin-top:8px;color:#655e71}.website-preview[b-k5dvllycdq]{padding:14px;background:white;border-radius:12px;margin-top:12px;overflow-wrap:anywhere}.website-preview p[b-k5dvllycdq]{white-space:pre-wrap;line-height:1.7}.project-logo-section .dialog-upload[b-k5dvllycdq]{background:#243cb2;color:#fff;padding:14px 20px;border:2px solid #243cb2;border-radius:10px;font-size:15px;font-weight:700;min-height:48px;cursor:pointer}.project-logo-section .dialog-upload:focus-within[b-k5dvllycdq]{outline:3px solid #8398f2;outline-offset:3px}
@media(max-width:600px){.import-actions[b-k5dvllycdq]{flex-direction:column}.import-button[b-k5dvllycdq]{width:100%}.project-logo-section .dialog-upload-row[b-k5dvllycdq]{flex-wrap:wrap}}
/* /Components/Shared/TrendComposer.razor.rz.scp.css */
.trend-maker[b-jhqx8o6den]{color:#302b3b;max-width:1160px;margin:auto}.back-to-feed[b-jhqx8o6den]{color:#873959;text-decoration:none;font-size:14px;display:inline-block;margin:0 0 22px}.maker-heading[b-jhqx8o6den]{margin-bottom:25px}.maker-heading>span[b-jhqx8o6den]{color:#88707e;font-size:12px}.maker-heading h1[b-jhqx8o6den]{font-size:clamp(26px,3vw,36px);margin:10px 0}.maker-heading p[b-jhqx8o6den]{line-height:1.8;color:#746774}.maker-layout[b-jhqx8o6den]{display:grid;grid-template-columns:minmax(230px,.7fr) minmax(0,1.3fr);gap:36px;align-items:start}.maker-reference[b-jhqx8o6den]{position:sticky;top:24px;min-width:0}.maker-reference video[b-jhqx8o6den]{width:100%;max-height:540px;background:#17131a;border-radius:18px;display:block;object-fit:contain}.maker-reference>span[b-jhqx8o6den]{display:block;margin-top:12px;font-size:12px;color:#873959}.maker-reference p[b-jhqx8o6den]{font-size:14px}.maker-reference small[b-jhqx8o6den]{display:block;line-height:1.8;color:#81717c}.maker-form[b-jhqx8o6den]{min-width:0}.maker-form fieldset[b-jhqx8o6den]{border:1px solid #e8dfe5;border-radius:18px;margin:0 0 24px;padding:20px;background:#fff;min-width:0}.maker-form legend[b-jhqx8o6den]{font-weight:700;font-size:17px;padding:0 8px}.maker-form legend b[b-jhqx8o6den]{color:#a87892;font-size:12px;margin-inline-end:8px}.maker-form label[b-jhqx8o6den]{display:grid;gap:9px;margin:14px 0;font-size:14px}.maker-form input[b-jhqx8o6den],.maker-form select[b-jhqx8o6den]{box-sizing:border-box;width:100%;padding:12px;font:inherit;background:#fcfafb;border:1px solid #dfd4dd;color:#302b3b;border-radius:10px;min-width:0}.maker-form input:focus[b-jhqx8o6den],.maker-form select:focus[b-jhqx8o6den]{outline:2px solid #b6819e;outline-offset:2px}.maker-form small[b-jhqx8o6den]{font-size:12px;color:#887581;line-height:1.8}.asset-slot[b-jhqx8o6den]{border-bottom:1px solid #eadfe7;padding:12px 0 18px}.asset-slot:last-of-type[b-jhqx8o6den]{border:0}.asset-slot header[b-jhqx8o6den]{display:flex;justify-content:space-between;gap:10px;align-items:center}.asset-slot header small[b-jhqx8o6den]{color:#873959;background:#f7edf2;padding:3px 10px;border-radius:20px}.asset-slot p[b-jhqx8o6den]{font-size:12px;color:#7a6875}.asset-preview[b-jhqx8o6den]{width:80px;height:80px;object-fit:contain;border-radius:10px;border:1px solid #e1d6df;background:#fafafa}.upload-slot[b-jhqx8o6den]{padding:14px;border:1px dashed #c4a9ba;border-radius:12px;background:#fcf7fa;color:#873959}.upload-slot input[b-jhqx8o6den]{font-size:12px;padding:4px;border:0;background:transparent}.caption-preview[b-jhqx8o6den]{padding:15px;background:#f8f2f6;line-height:2;overflow-wrap:anywhere;border-radius:12px}.caption-preview span[b-jhqx8o6den]{color:#b68da5;padding:0 8px}.maker-error[b-jhqx8o6den]{color:#a22d41}.maker-validation[b-jhqx8o6den]{padding:12px;background:#faf4e9;border-radius:10px;font-size:13px;line-height:1.8}@media(max-width:750px){.maker-layout[b-jhqx8o6den]{grid-template-columns:1fr;gap:22px}.maker-reference[b-jhqx8o6den]{position:static;display:grid;grid-template-columns:140px 1fr;gap:10px 16px}.maker-reference video[b-jhqx8o6den]{grid-row:span 3;max-height:250px}.maker-reference>span[b-jhqx8o6den]{margin:0}.maker-reference p[b-jhqx8o6den]{margin:0}.maker-form fieldset[b-jhqx8o6den]{padding:15px}.maker-heading[b-jhqx8o6den]{margin-bottom:18px}}
/* /Components/Shared/TrendFeed.razor.rz.scp.css */
.trend-discover[b-am7yhcf0uy]{max-width:1060px;margin:auto;color:#302b3b}.discover-heading[b-am7yhcf0uy]{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:10px 0 24px}.discover-heading h2[b-am7yhcf0uy]{font-size:clamp(23px,3vw,34px);margin:9px 0}.discover-heading p[b-am7yhcf0uy]{color:#706574;line-height:1.8;margin:0}.discover-heading span[b-am7yhcf0uy]{font-size:12px;color:#873959}.discover-count[b-am7yhcf0uy]{border:1px solid #e2d5df;border-radius:30px;padding:10px 16px;white-space:nowrap}.feed-shell[b-am7yhcf0uy]{display:flex;justify-content:center;gap:28px;align-items:center}.reels-feed[b-am7yhcf0uy]{height:min(76vh,760px);min-height:470px;width:min(100%,440px);overflow-y:auto;scroll-snap-type:y mandatory;border-radius:24px;background:#111;scrollbar-width:none;box-shadow:0 16px 50px #3c203320}.reels-feed[b-am7yhcf0uy]::-webkit-scrollbar{display:none}.trend-reel[b-am7yhcf0uy]{height:100%;position:relative;scroll-snap-align:start;scroll-snap-stop:always;isolation:isolate;background:#111}.trend-reel video[b-am7yhcf0uy]{width:100%;height:100%;object-fit:contain;display:block}.reel-caption[b-am7yhcf0uy]{position:absolute;bottom:48px;inset-inline:0;padding:45px 24px 18px;background:linear-gradient(transparent,#000c);color:#fff;pointer-events:none}.reel-caption h3[b-am7yhcf0uy]{font-size:26px;margin:10px 0}.reel-caption p[b-am7yhcf0uy]{font-size:13px;line-height:1.7;margin:0 0 16px;max-width:320px}.reel-tag[b-am7yhcf0uy]{font-size:11px;border:1px solid #ffffff50;padding:5px 10px;border-radius:20px}.make-this[b-am7yhcf0uy]{display:flex;justify-content:space-between;align-items:center;background:#fff;color:#352330;border-radius:12px;padding:14px 18px;text-decoration:none;font-weight:750;pointer-events:auto}.make-this:hover[b-am7yhcf0uy]{background:#f6e8ef}.make-this:focus-visible[b-am7yhcf0uy],.reel-navigation button:focus-visible[b-am7yhcf0uy]{outline:3px solid #b39a6d;outline-offset:4px}.reel-navigation[b-am7yhcf0uy]{display:grid;justify-items:center;gap:18px}.reel-navigation span[b-am7yhcf0uy]{font-size:12px;writing-mode:vertical-rl;color:#776472}.reel-navigation button[b-am7yhcf0uy]{height:46px;width:46px;border-radius:50%;border:1px solid #ddd0d9;background:#fff;color:#873959;font-size:23px;cursor:pointer}@media(max-width:650px){.discover-heading[b-am7yhcf0uy]{margin:5px 0 16px}.discover-count[b-am7yhcf0uy]{display:none}.feed-shell[b-am7yhcf0uy]{gap:0}.reels-feed[b-am7yhcf0uy]{border-radius:18px;height:72svh;min-height:420px;width:100%}.reel-navigation[b-am7yhcf0uy]{display:none}.reel-caption[b-am7yhcf0uy]{padding-inline:18px}.reel-caption h3[b-am7yhcf0uy]{font-size:23px}}@media(prefers-reduced-motion:reduce){.reels-feed[b-am7yhcf0uy]{scroll-behavior:auto}}
/* /Components/Shared/TrendVideoExport.razor.rz.scp.css */
.trend-export[b-hqm13bu6cz]{margin:16px 0;padding:16px;background:#faf6f9;border:1px solid #e0d7cf;border-radius:12px;color:#302b3b}.trend-export p[b-hqm13bu6cz]{font-size:.85rem;line-height:1.7}.trend-export fieldset[b-hqm13bu6cz]{border:0;padding:0;min-width:0}.trend-export label[b-hqm13bu6cz]{display:grid;gap:6px;margin:10px 0}.trend-export input[b-hqm13bu6cz],.trend-export textarea[b-hqm13bu6cz]{box-sizing:border-box;max-width:100%;padding:9px;border:1px solid #d5cbd2;border-radius:8px;font:inherit;color:#302b3b;background:white}.trend-export canvas[b-hqm13bu6cz]{margin:12px auto;border-radius:12px}.trend-export a[hidden][b-hqm13bu6cz]{display:none}.trend-export button[b-hqm13bu6cz],.trend-export a[b-hqm13bu6cz]{margin:8px 0}.trend-export input[type=file][b-hqm13bu6cz]{font-size:.8rem}