/* The desktop Creation Centre content. The shared application chrome stays outside this scope. */
#fuuvo-creation-centre-desktop {
    --fcc-ink: #1b2c3d;
    --fcc-muted: #788b99;
    --fcc-faint: #91a1ac;
    --fcc-line: #e2eaee;
    --fcc-surface: #fff;
    --fcc-soft: #f4f8f9;
    --fcc-glass: rgba(255, 255, 255, .86);
    --fcc-accent: #008c99;
    --fcc-accent-strong: #006f7c;
    --fcc-accent-soft: #eaf7f5;
    --fcc-shadow: 0 5px 20px rgba(36, 70, 91, .045);
    --fcc-gallery-gap: 12px;
    display: none;
}
#fuuvo-creation-centre-desktop[hidden] { display: none !important; }

@media (min-width: 921px) {
    #fuuvo-creation-centre-desktop {
        position: relative;
        isolation: isolate;
        display: block;
        width: 100%;
        max-width: 1536px;
        min-width: 0;
        margin-inline: auto;
        padding: 22px 0 34px;
        color: var(--fcc-ink);
        font-family: inherit;
        font-size: 14px;
        line-height: 1.5;
        -webkit-font-smoothing: antialiased;
    }

    #fuuvo-creation-centre-desktop::before {
        position: absolute;
        z-index: -1;
        inset: 0 0 auto;
        height: min(1050px, 90vh);
        content: '';
        pointer-events: none;
        background: radial-gradient(78% 58% at 50% -8%, color-mix(in srgb, var(--home-bg-glow-a, transparent) 42%, transparent), transparent 74%), radial-gradient(55% 44% at 54% -3%, color-mix(in srgb, var(--home-bg-glow-b, transparent) 34%, transparent), transparent 76%), radial-gradient(93% 51% at 47% -5%, color-mix(in srgb, var(--home-bg-glow-c, transparent) 35%, transparent), transparent 80%);
    }

    #fuuvo-creation-centre-desktop *,
    #fuuvo-creation-centre-desktop *::before,
    #fuuvo-creation-centre-desktop *::after { box-sizing: border-box; }
    #fuuvo-creation-centre-desktop [hidden] { display: none !important; }
    #fuuvo-creation-centre-desktop :is(h1, h2, h3, p) { margin: 0; color: inherit; }
    #fuuvo-creation-centre-desktop :is(button, input, textarea) { font: inherit; color: inherit; }
    #fuuvo-creation-centre-desktop button { cursor: pointer; }
    #fuuvo-creation-centre-desktop a { color: inherit; text-decoration: none; }
    #fuuvo-creation-centre-desktop :is(button, a, summary, input) { -webkit-tap-highlight-color: transparent; touch-action: manipulation; outline-offset: 4px; }
    #fuuvo-creation-centre-desktop :is(button, a, summary, input, [tabindex]):focus-visible { outline: 3px solid color-mix(in srgb, var(--fcc-accent) 35%, transparent); }
    #fuuvo-creation-centre-desktop button:disabled { cursor: not-allowed; opacity: .55; }
    #fuuvo-creation-centre-desktop :is(img, video) { display: block; max-width: 100%; }
    #fuuvo-creation-centre-desktop svg { display: block; width: 20px; height: 20px; flex-shrink: 0; }
    #fuuvo-creation-centre-desktop :is(button, a) svg { pointer-events: none; }
    #fuuvo-creation-centre-desktop [data-icon] { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }

    #fuuvo-creation-centre-desktop .fcc-tools {
        margin: 0 0 27px;
        overflow: hidden;
        border: 1px solid var(--fcc-line);
        border-radius: 10px;
        background: color-mix(in srgb, var(--fcc-surface) 64%, transparent);
    }
    #fuuvo-creation-centre-desktop .fcc-tools summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 48px; padding: 12px 16px; cursor: pointer; list-style: none; }
    #fuuvo-creation-centre-desktop .fcc-tools summary::-webkit-details-marker { display: none; }
    #fuuvo-creation-centre-desktop .fcc-tools summary > span:first-child { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; min-width: 0; }
    #fuuvo-creation-centre-desktop .fcc-tools strong { color: var(--fcc-accent-strong); font-size: 12px; font-weight: 650; }
    #fuuvo-creation-centre-desktop .fcc-tools small { color: var(--fcc-muted); font-size: 11px; font-weight: 400; }
    #fuuvo-creation-centre-desktop .fcc-tools summary svg { width: 15px; height: 15px; color: var(--fcc-muted); transition: transform .2s; }
    #fuuvo-creation-centre-desktop .fcc-tools[open] summary > :last-child svg,
    #fuuvo-creation-centre-desktop .fcc-tools[open] summary > svg { transform: rotate(180deg); }
    #fuuvo-creation-centre-desktop .fcc-tool-links { display: flex; flex-wrap: wrap; gap: 9px; padding: 13px 16px; border-top: 1px solid var(--fcc-line); }
    #fuuvo-creation-centre-desktop .fcc-tool-links a { display: inline-flex; align-items: center; gap: 7px; min-height: 34px; padding: 7px 12px; border: 1px solid var(--fcc-line); border-radius: 7px; background: var(--fcc-surface); color: var(--fcc-muted); font-size: 12px; }
    #fuuvo-creation-centre-desktop .fcc-tool-links svg { width: 15px; height: 15px; }
    #fuuvo-creation-centre-desktop .fcc-tool-links a:hover { border-color: color-mix(in srgb, var(--fcc-accent) 35%, var(--fcc-line)); color: var(--fcc-accent-strong); }

    #fuuvo-creation-centre-desktop .fcc-categories { display: inline-flex; gap: 3px; max-width: 100%; margin-bottom: 26px; padding: 4px; border: 1px solid var(--fcc-line); border-radius: 10px; background: color-mix(in srgb, var(--fcc-soft) 85%, transparent); }
    #fuuvo-creation-centre-desktop .fcc-categories a { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 32px; padding: 5px 16px; border: 1px solid transparent; border-radius: 7px; color: var(--fcc-muted); font-size: 11px; font-weight: 600; }
    #fuuvo-creation-centre-desktop .fcc-categories a svg { width: 14px; height: 14px; }
    #fuuvo-creation-centre-desktop .fcc-categories :is(.active, [aria-current="page"]) { border-color: color-mix(in srgb, var(--fcc-accent) 15%, var(--fcc-line)); background: var(--fcc-surface); color: var(--fcc-accent); box-shadow: 0 1px 4px rgba(25, 66, 85, .04); }
    #fuuvo-creation-centre-desktop .fcc-categories a:hover { color: var(--fcc-accent-strong); }

    #fuuvo-creation-centre-desktop .fcc-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 25px; margin-bottom: 25px; }
    #fuuvo-creation-centre-desktop .fcc-heading > div { min-width: 0; }
    #fuuvo-creation-centre-desktop .fcc-eyebrow { display: block; margin-bottom: 7px; color: var(--fcc-accent); font-size: 10px; font-weight: 750; line-height: 1.4; letter-spacing: 1.45px; }
    #fuuvo-creation-centre-desktop .fcc-heading h1 { color: var(--fcc-ink); font-size: clamp(30px, 2.7vw, 38px); font-weight: 700; line-height: 1.2; letter-spacing: -1.1px; }
    #fuuvo-creation-centre-desktop .fcc-heading p { margin-top: 9px; color: var(--fcc-muted); font-size: 13px; line-height: 1.6; }
    #fuuvo-creation-centre-desktop .fcc-history { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; gap: 13px; min-height: 36px; padding: 8px 13px; border: 1px solid var(--fcc-line); border-radius: 8px; background: color-mix(in srgb, var(--fcc-surface) 86%, transparent); color: var(--fcc-muted); box-shadow: var(--fcc-shadow); font-size: 11px; font-weight: 600; }
    #fuuvo-creation-centre-desktop .fcc-history svg { width: 14px; height: 14px; }
    #fuuvo-creation-centre-desktop .fcc-history:hover { border-color: color-mix(in srgb, var(--fcc-accent) 30%, var(--fcc-line)); color: var(--fcc-accent); }
    #fuuvo-creation-centre-desktop :is(.fcc-quick-section, .fcc-section-heading) h2 { font-size: 24px; font-weight: 650; line-height: 1.25; letter-spacing: -.55px; }
    #fuuvo-creation-centre-desktop :is(.fcc-section-description, .fcc-quick-section > p, .fcc-section-heading p) { margin-top: 7px; color: var(--fcc-muted); font-size: 12px; line-height: 1.65; }
    #fuuvo-creation-centre-desktop .fcc-quick-section { margin-bottom: 36px; }
    #fuuvo-creation-centre-desktop .fcc-quick-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 18px; }
    #fuuvo-creation-centre-desktop .fcc-quick-card { display: block; min-width: 0; overflow: hidden; border: 1px solid var(--fcc-line); border-radius: 10px; background: var(--fcc-surface); box-shadow: var(--fcc-shadow); text-align: left; transition: border-color .2s, box-shadow .2s; }
    #fuuvo-creation-centre-desktop .fcc-quick-card:hover { border-color: color-mix(in srgb, var(--fcc-accent) 32%, var(--fcc-line)); box-shadow: 0 8px 24px rgba(36, 70, 91, .1); }
    #fuuvo-creation-centre-desktop .fcc-quick-art { position: relative; isolation: isolate; overflow: hidden; aspect-ratio: 16 / 9; background: var(--fcc-soft); }
    #fuuvo-creation-centre-desktop .fcc-quick-art :is(img, video) { width: 100%; height: 100%; object-fit: cover; transition: transform .45s; }
    #fuuvo-creation-centre-desktop .fcc-quick-art > video { position: absolute; inset: 0; pointer-events: none; }
    #fuuvo-creation-centre-desktop .fcc-quick-card:hover .fcc-quick-art > img { transform: scale(1.025); }
    #fuuvo-creation-centre-desktop .fcc-quick-badge { position: absolute; z-index: 3; top: 12px; right: 12px; padding: 4px 7px; border: 1px solid rgba(255, 255, 255, .45); border-radius: 5px; background: rgba(20, 35, 43, .66); color: #fff; font-size: 9px; font-weight: 550; line-height: 1.2; backdrop-filter: blur(8px); }
    #fuuvo-creation-centre-desktop .fcc-quick-copy { position: relative; min-height: 89px; padding: 17px 46px 17px 17px; }
    #fuuvo-creation-centre-desktop .fcc-quick-copy :is(h3, .fcc-quick-title) { color: var(--fcc-ink); font-size: 14px; font-weight: 650; line-height: 1.4; letter-spacing: -.15px; }
    #fuuvo-creation-centre-desktop .fcc-quick-copy :is(p, .fcc-quick-description) { margin-top: 5px; color: var(--fcc-muted); font-size: 11px; line-height: 1.5; }
    #fuuvo-creation-centre-desktop .fcc-quick-arrow { position: absolute; top: 50%; right: 15px; display: flex; align-items: center; justify-content: center; width: 27px; height: 27px; transform: translateY(-50%); border: 1px solid color-mix(in srgb, var(--fcc-accent) 15%, var(--fcc-line)); border-radius: 50%; background: var(--fcc-soft); color: #69a6b4; }
    #fuuvo-creation-centre-desktop .fcc-quick-arrow svg { width: 13px; height: 13px; }
    #fuuvo-creation-centre-desktop :is(.fcc-quick-art-image, [data-quick="image"]) img { object-position: 50% 14%; }
    #fuuvo-creation-centre-desktop :is(.fcc-quick-art-video, [data-quick="video"]) :is(img, video) { object-position: 50% 42%; }
    #fuuvo-creation-centre-desktop .fcc-edit-original { position: absolute; inset: 0; filter: grayscale(1); clip-path: inset(0 50% 0 0); object-position: 50% 30%; }
    #fuuvo-creation-centre-desktop :is(.fcc-edit-divider, .fcc-anime-divider) { position: absolute; z-index: 2; inset: 0 auto 0 50%; width: 2px; background: rgba(255, 255, 255, .9); color: #fff; }
    #fuuvo-creation-centre-desktop .fcc-edit-divider { display: flex; align-items: center; justify-content: center; font-size: 19px; text-shadow: 0 2px 8px #304151; }
    #fuuvo-creation-centre-desktop .fcc-edit-divider::before { position: absolute; z-index: -1; top: calc(50% - 13px); left: -12px; width: 26px; height: 26px; border: 1px solid #fff; border-radius: 50%; background: rgba(17, 40, 51, .3); content: ''; }
    #fuuvo-creation-centre-desktop .fcc-art-label { position: absolute; z-index: 3; bottom: 10px; padding: 5px 6px; border: 1px solid rgba(255, 255, 255, .3); border-radius: 4px; background: rgba(20, 33, 45, .68); color: #fff; font-size: 8px; line-height: 1; backdrop-filter: blur(6px); }
    #fuuvo-creation-centre-desktop .fcc-original-label { left: 9px; }
    #fuuvo-creation-centre-desktop .fcc-edited-label { right: 9px; }
    #fuuvo-creation-centre-desktop :is(.fcc-quick-art-animate, .fcc-quick-art-anime) :is(.fcc-quick-main-image, .fcc-motion-result) { position: absolute; inset-block: 0; width: 50%; height: 100%; object-fit: cover; object-position: 50% 35%; }
    #fuuvo-creation-centre-desktop :is(.fcc-quick-art-animate, .fcc-quick-art-anime) .fcc-quick-main-image { left: 0; }
    #fuuvo-creation-centre-desktop .fcc-motion-result { right: 0; border-left: 2px solid #fff; }
    #fuuvo-creation-centre-desktop .fcc-motion-cue { position: absolute; z-index: 3; top: 50%; left: 50%; display: flex; align-items: center; justify-content: center; width: 29px; height: 29px; transform: translate(-50%, -50%); border: 1px solid rgba(255, 255, 255, .75); border-radius: 50%; background: var(--fcc-accent); color: #fff; }
    #fuuvo-creation-centre-desktop .fcc-motion-cue svg { width: 12px; height: 12px; fill: currentColor; }
    #fuuvo-creation-centre-desktop .fcc-poster-type { position: absolute; z-index: 2; inset: 0; padding: 22px 17px 13px; background: linear-gradient(180deg, rgba(2, 53, 75, .48), transparent 80%); color: #fff9dd; text-shadow: 0 1px 2px rgba(22, 50, 54, .1); pointer-events: none; }
    #fuuvo-creation-centre-desktop .fcc-poster-type small { font-size: 7px; font-weight: 650; letter-spacing: 1.8px; }
    #fuuvo-creation-centre-desktop .fcc-poster-type strong { display: block; margin-top: 7px; font-size: clamp(34px, 3.4vw, 62px); font-weight: 750; line-height: .94; letter-spacing: -1.5px; }
    #fuuvo-creation-centre-desktop .fcc-poster-type :is(small, strong) { color: inherit !important; }
    #fuuvo-creation-centre-desktop .fcc-quick-art-poster .fcc-quick-badge { display: none; }

    #fuuvo-creation-centre-desktop .fcc-inspiration { position: relative; min-width: 0; padding-top: 29px; border-top: 1px solid var(--fcc-line); }
    #fuuvo-creation-centre-desktop .fcc-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 25px; margin-bottom: 21px; }
    #fuuvo-creation-centre-desktop .fcc-section-heading > div { min-width: 0; }
    #fuuvo-creation-centre-desktop .fcc-section-heading h2 { font-size: 28px; letter-spacing: -.8px; }
    #fuuvo-creation-centre-desktop .fcc-section-heading p { max-width: 650px; }
    #fuuvo-creation-centre-desktop .fcc-toolbar { position: sticky; z-index: 8; top: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px; min-width: 0; margin: 0; padding: 12px 0; border-bottom: 1px solid var(--fcc-line); border-radius: 12px 12px 0 0; background: var(--fcc-glass); backdrop-filter: blur(20px); }
    #fuuvo-creation-centre-desktop .fcc-search { display: flex; align-items: center; gap: 9px; min-width: 0; padding: 0 13px; border: 1px solid var(--fcc-line); border-radius: 10px; background: var(--fcc-surface); color: var(--fcc-faint); }
    #fuuvo-creation-centre-desktop .fcc-search svg { width: 17px; height: 17px; }
    #fuuvo-creation-centre-desktop .fcc-search input { width: 100%; height: 43px; min-width: 0; padding: 0; border: 0; outline: 0; background: transparent; box-shadow: none; color: var(--fcc-ink); font-size: 12px; }
    #fuuvo-creation-centre-desktop .fcc-search input::placeholder { color: var(--fcc-faint); }
    #fuuvo-creation-centre-desktop .fcc-search input:focus-visible { outline: none; }
    #fuuvo-creation-centre-desktop .fcc-search:focus-within { border-color: color-mix(in srgb, var(--fcc-accent) 50%, var(--fcc-line)); box-shadow: 0 0 0 3px color-mix(in srgb, var(--fcc-accent) 7%, transparent); }
    #fuuvo-creation-centre-desktop .fcc-saved { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 44px; padding: 10px 15px; border: 1px solid var(--fcc-line); border-radius: 8px; background: var(--fcc-surface); color: var(--fcc-muted); font-size: 11px; font-weight: 550; white-space: nowrap; }
    #fuuvo-creation-centre-desktop .fcc-saved svg { width: 14px; height: 14px; }
    #fuuvo-creation-centre-desktop .fcc-saved[aria-pressed="true"] { border-color: color-mix(in srgb, var(--fcc-accent) 38%, var(--fcc-line)); background: var(--fcc-accent-soft); color: var(--fcc-accent-strong); }
    #fuuvo-creation-centre-desktop .fcc-saved:hover { border-color: color-mix(in srgb, var(--fcc-accent) 35%, var(--fcc-line)); color: var(--fcc-accent-strong); }
    #fuuvo-creation-centre-desktop .fcc-results { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 18px; margin: 17px 0 19px; color: var(--fcc-muted); font-size: 10px; }
    #fuuvo-creation-centre-desktop .fcc-results > :last-child { color: var(--fcc-faint); text-align: right; }
    #fuuvo-creation-centre-desktop .fcc-feed { min-width: 0; overflow-anchor: none; }
    #fuuvo-creation-centre-desktop .fcc-chapter { min-width: 0; scroll-margin-top: 88px; }
    #fuuvo-creation-centre-desktop .fcc-chapter-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 22px; padding: 4px 0 21px; border-bottom: 1px solid var(--fcc-line); }
    #fuuvo-creation-centre-desktop .fcc-chapter-heading h2 { font-size: 29px; font-weight: 650; line-height: 1.2; letter-spacing: -.8px; }
    #fuuvo-creation-centre-desktop .fcc-chapter-heading p { max-width: 640px; margin-top: 8px; color: var(--fcc-muted); font-size: 11px; line-height: 1.65; }
    #fuuvo-creation-centre-desktop .fcc-chapter-total { flex-shrink: 0; margin-bottom: 2px; padding: 7px 10px; border: 1px solid var(--fcc-line); border-radius: 7px; background: var(--fcc-accent-soft); color: var(--fcc-accent-strong); font-size: 10px; font-weight: 550; white-space: nowrap; }
    #fuuvo-creation-centre-desktop .fcc-collection { min-width: 0; margin-bottom: 39px; scroll-margin-top: 88px; }
    #fuuvo-creation-centre-desktop .fcc-collection.is-compact { margin-bottom: 28px; }
    #fuuvo-creation-centre-desktop .fcc-collection-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 14px; }
    #fuuvo-creation-centre-desktop .fcc-collection-heading > div { min-width: 0; }
    #fuuvo-creation-centre-desktop .fcc-collection-kicker { display: block; margin-bottom: 5px; color: var(--fcc-faint); font-size: 8px; font-weight: 650; line-height: 1.5; letter-spacing: 1px; }
    #fuuvo-creation-centre-desktop .fcc-collection-heading h3 { color: var(--fcc-ink); font-size: 22px; font-weight: 650; line-height: 1.25; letter-spacing: -.55px; }
    #fuuvo-creation-centre-desktop .fcc-collection-heading p { max-width: 760px; margin-top: 6px; color: var(--fcc-muted); font-size: 11px; line-height: 1.65; }
    #fuuvo-creation-centre-desktop .fcc-expand { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; gap: 7px; min-height: 36px; padding: 8px 12px; border: 1px solid var(--fcc-line); border-radius: 8px; background: var(--fcc-surface); color: var(--fcc-accent-strong); box-shadow: 0 3px 9px rgba(24, 71, 84, .025); font-size: 10px; font-weight: 600; line-height: 1.4; white-space: nowrap; transition: border-color .18s, background .18s; }
    #fuuvo-creation-centre-desktop .fcc-expand svg { width: 13px; height: 13px; }
    #fuuvo-creation-centre-desktop .fcc-expand:hover,
    #fuuvo-creation-centre-desktop .fcc-expand[aria-expanded="true"] { border-color: color-mix(in srgb, var(--fcc-accent) 32%, var(--fcc-line)); background: var(--fcc-accent-soft); }
    #fuuvo-creation-centre-desktop .fcc-gallery { display: flex; align-items: flex-start; gap: var(--fcc-gallery-gap); min-width: 0; overflow-anchor: none; }
    #fuuvo-creation-centre-desktop .fcc-column { display: flex; flex: 1 1 0; flex-direction: column; gap: var(--fcc-gallery-gap); min-width: 0; }
    #fuuvo-creation-centre-desktop .fcc-gallery > .fcc-card { flex: 1 1 0; min-width: 0; }
    #fuuvo-creation-centre-desktop :is(.fcc-gallery.is-compact, .fcc-collection.is-compact .fcc-gallery) { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); align-items: end; gap: var(--fcc-gallery-gap); }
    #fuuvo-creation-centre-desktop .fcc-gallery.is-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: var(--fcc-gallery-gap); }
    #fuuvo-creation-centre-desktop .fcc-gallery.is-grid > .fcc-card.is-featured { grid-column: span 2; }
    #fuuvo-creation-centre-desktop .fcc-card { position: relative; isolation: isolate; width: 100%; min-width: 0; overflow: hidden; border: 1px solid var(--fcc-line); border-radius: 12px; background: var(--fcc-surface); box-shadow: 0 3px 13px rgba(31, 69, 89, .035); transition: border-color .22s, box-shadow .22s; }
    #fuuvo-creation-centre-desktop .fcc-card:hover,
    #fuuvo-creation-centre-desktop .fcc-card:focus-within { border-color: color-mix(in srgb, var(--fcc-accent) 20%, var(--fcc-line)); box-shadow: 0 9px 26px rgba(31, 69, 89, .12); }
    #fuuvo-creation-centre-desktop .fcc-media { position: relative; isolation: isolate; display: block; width: 100%; height: auto; min-height: 0; margin: 0; padding: 0; overflow: hidden; aspect-ratio: var(--fcc-ratio, 1); border: 0; border-radius: 0; background: var(--fcc-soft); text-align: left; }
    #fuuvo-creation-centre-desktop .fcc-media :is(img, video) { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
    #fuuvo-creation-centre-desktop .fcc-media img { z-index: 0; }
    #fuuvo-creation-centre-desktop .fcc-media video { z-index: 1; pointer-events: none; }
    #fuuvo-creation-centre-desktop .fcc-media:focus-visible { outline-offset: -3px; }
    #fuuvo-creation-centre-desktop .fcc-duration { position: absolute; z-index: 3; bottom: 10px; left: 9px; padding: 4px 6px; border: 1px solid rgba(255, 255, 255, .25); border-radius: 5px; background: rgba(19, 32, 43, .58); color: #fff; font-size: 9px; font-weight: 550; line-height: 1.1; backdrop-filter: blur(8px); pointer-events: none; }
    #fuuvo-creation-centre-desktop .fcc-save { position: absolute; z-index: 5; top: 9px; right: 9px; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0; border: 1px solid rgba(255, 255, 255, .3); border-radius: 8px; background: rgba(26, 42, 50, .42); color: #fff; opacity: 0; backdrop-filter: blur(10px); transition: opacity .18s, background .18s; }
    #fuuvo-creation-centre-desktop .fcc-save svg { width: 15px; height: 15px; }
    #fuuvo-creation-centre-desktop .fcc-card:is(:hover, :focus-within) .fcc-save,
    #fuuvo-creation-centre-desktop .fcc-save[aria-pressed="true"] { opacity: 1; }
    #fuuvo-creation-centre-desktop .fcc-save:hover,
    #fuuvo-creation-centre-desktop .fcc-save[aria-pressed="true"] { border-color: rgba(255, 255, 255, .55); background: var(--fcc-accent); }
    #fuuvo-creation-centre-desktop .fcc-save[aria-pressed="true"] svg { fill: rgba(255, 255, 255, .2); }
    #fuuvo-creation-centre-desktop .fcc-card-copy { display: flex; flex-direction: column; justify-content: center; min-width: 0; min-height: 64px; padding: 10px; }
    #fuuvo-creation-centre-desktop .fcc-card-copy :is(h3, h4, .fcc-card-title) { margin: 0; overflow: hidden; color: var(--fcc-ink); font-size: 11px; font-weight: 600; line-height: 1.4; letter-spacing: -.15px; text-overflow: ellipsis; white-space: nowrap; }
    #fuuvo-creation-centre-desktop .fcc-card.is-featured .fcc-card-copy :is(h3, h4, .fcc-card-title) { font-size: 12px; }
    #fuuvo-creation-centre-desktop .fcc-card-copy :is(p, .fcc-card-meta) { margin-top: 4px; overflow: hidden; color: var(--fcc-faint); font-size: 9px; line-height: 1.5; text-overflow: ellipsis; white-space: nowrap; }
    #fuuvo-creation-centre-desktop .fcc-card-cta { position: absolute; z-index: 4; right: 10px; bottom: 75px; display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-height: 31px; padding: 7px 10px; transform: translateY(3px); border: 1px solid rgba(255, 255, 255, .65); border-radius: 7px; background: rgba(255, 255, 255, .96); color: #285762; font-size: 10px; font-weight: 650; opacity: 0; transition: opacity .18s, transform .18s; }
    #fuuvo-creation-centre-desktop .fcc-card-cta svg { width: 13px; height: 13px; }
    #fuuvo-creation-centre-desktop .fcc-card:is(:hover, :focus-within) .fcc-card-cta { transform: none; opacity: 1; }
    #fuuvo-creation-centre-desktop .fcc-footnote { padding-top: 9px; color: var(--fcc-faint); font-size: 9px; line-height: 1.5; text-align: right; }
    #fuuvo-creation-centre-desktop .fcc-more-collections { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: -6px; padding: 0 0 28px; }
    #fuuvo-creation-centre-desktop .fcc-more-collections a { display: inline-flex; align-items: center; gap: 7px; min-height: 40px; color: var(--fcc-accent); font-size: 12px; font-weight: 650; }
    #fuuvo-creation-centre-desktop .fcc-more-collections svg { width: 14px; height: 14px; }
    #fuuvo-creation-centre-desktop .fcc-chapter + .fcc-chapter { margin-top: 5px; padding-top: 28px; border-top: 1px solid var(--fcc-line); }
    #fuuvo-creation-centre-desktop .fcc-loading { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 84px; padding: 28px 15px; color: var(--fcc-muted); font-size: 11px; text-align: center; }
    #fuuvo-creation-centre-desktop .fcc-spinner { width: 14px; height: 14px; border: 2px solid var(--fcc-line); border-top-color: var(--fcc-accent); border-radius: 50%; animation: fcc-desktop-spin .8s linear infinite; }
    #fuuvo-creation-centre-desktop .fcc-empty { padding: 60px 20px; border: 1px dashed var(--fcc-line); border-radius: 13px; background: var(--fcc-soft); text-align: center; }
    #fuuvo-creation-centre-desktop .fcc-empty h3 { font-size: 17px; font-weight: 600; letter-spacing: -.3px; }
    #fuuvo-creation-centre-desktop .fcc-empty p { margin-top: 8px; color: var(--fcc-muted); font-size: 12px; }
    #fuuvo-creation-centre-desktop .fcc-empty button { margin-top: 20px; }
    #fuuvo-creation-centre-desktop .fcc-primary,
    #fuuvo-creation-centre-desktop .fcc-secondary { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 11px 16px; border-radius: 9px; font-size: 12px; font-weight: 650; line-height: 1.3; }
    #fuuvo-creation-centre-desktop .fcc-primary { border: 1px solid var(--fcc-accent); background: var(--fcc-accent); color: #fff; box-shadow: 0 4px 10px rgba(0, 140, 153, .1); }
    #fuuvo-creation-centre-desktop .fcc-primary:hover { border-color: var(--fcc-accent-strong); background: var(--fcc-accent-strong); }
    #fuuvo-creation-centre-desktop .fcc-secondary { border: 1px solid var(--fcc-line); background: var(--fcc-surface); color: var(--fcc-muted); }
    #fuuvo-creation-centre-desktop .fcc-secondary:hover { border-color: color-mix(in srgb, var(--fcc-accent) 35%, var(--fcc-line)); color: var(--fcc-accent-strong); }
    #fuuvo-creation-centre-desktop :is(.fcc-primary, .fcc-secondary) svg { width: 16px; height: 16px; }

    #fuuvo-creation-centre-desktop .fcc-dialog { width: min(1100px, calc(100vw - 64px)); max-width: none; max-height: min(90dvh, calc(100dvh - 48px)); margin: auto; padding: 0; overflow: auto; overscroll-behavior: contain; border: 1px solid var(--fcc-line); border-radius: 19px; background: var(--fcc-surface); color: var(--fcc-ink); box-shadow: 0 25px 100px rgba(23, 48, 60, .25); }
    #fuuvo-creation-centre-desktop .fcc-dialog::backdrop { background: rgba(18, 41, 52, .48); backdrop-filter: blur(10px); }
    #fuuvo-creation-centre-desktop .fcc-dialog-close { position: absolute; z-index: 10; top: 14px; right: 14px; display: flex; align-items: center; justify-content: center; width: 35px; height: 35px; padding: 0; border: 1px solid var(--fcc-line); border-radius: 50%; background: var(--fcc-glass); color: var(--fcc-muted); box-shadow: 0 2px 10px rgba(28, 57, 72, .06); }
    #fuuvo-creation-centre-desktop .fcc-dialog-close svg { width: 17px; height: 17px; }
    #fuuvo-creation-centre-desktop .fcc-dialog-close:hover { color: var(--fcc-accent); }
    #fuuvo-creation-centre-desktop .fcc-dialog-layout { display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(320px, 1fr); min-height: 530px; }
    #fuuvo-creation-centre-desktop .fcc-dialog-media { position: relative; display: flex; align-items: center; justify-content: center; min-width: 0; padding: 20px; overflow: hidden; background: var(--fcc-soft); }
    #fuuvo-creation-centre-desktop .fcc-dialog-media :is(img, video) { width: auto; height: auto; max-width: 100%; max-height: calc(90dvh - 44px); border-radius: 11px; object-fit: contain; }
    #fuuvo-creation-centre-desktop .fcc-dialog-media video { outline: none; }
    #fuuvo-creation-centre-desktop .fcc-video-error { position: absolute; inset: auto 20px 20px; padding: 15px; border: 1px solid var(--fcc-line); border-radius: 10px; background: var(--fcc-glass); color: var(--fcc-muted); font-size: 12px; text-align: center; }
    #fuuvo-creation-centre-desktop .fcc-dialog-copy { display: flex; flex-direction: column; min-width: 0; padding: 43px 30px 28px; }
    #fuuvo-creation-centre-desktop .fcc-dialog-type { color: var(--fcc-accent); font-size: 10px; font-weight: 700; letter-spacing: 1px; }
    #fuuvo-creation-centre-desktop .fcc-dialog-title { margin-top: 5px; color: var(--fcc-ink); font-size: 25px; font-weight: 650; line-height: 1.3; letter-spacing: -.65px; }
    #fuuvo-creation-centre-desktop .fcc-dialog-meta { margin-top: 13px; color: var(--fcc-muted); font-size: 11px; line-height: 1.65; }
    #fuuvo-creation-centre-desktop .fcc-dialog-reference { margin-top: 15px; padding: 10px 12px; border: 1px solid color-mix(in srgb, var(--fcc-accent) 17%, var(--fcc-line)); border-radius: 8px; background: var(--fcc-accent-soft); color: var(--fcc-accent-strong); font-size: 11px; line-height: 1.65; }
    #fuuvo-creation-centre-desktop .fcc-dialog-copy h3 { margin-top: 22px; color: var(--fcc-muted); font-size: 11px; font-weight: 650; }
    #fuuvo-creation-centre-desktop .fcc-dialog-prompt { min-height: 130px; max-height: min(320px, 39dvh); margin-top: 9px; padding: 14px; overflow: auto; overscroll-behavior: contain; border: 1px solid var(--fcc-line); border-radius: 10px; background: var(--fcc-soft); color: var(--fcc-muted); font-family: inherit; font-size: 12px; line-height: 1.8; white-space: pre-wrap; overflow-wrap: anywhere; }
    #fuuvo-creation-centre-desktop .fcc-dialog-controls { display: flex; align-items: center; gap: 9px; margin-top: auto; padding-top: 23px; }
    #fuuvo-creation-centre-desktop .fcc-dialog-controls .fcc-primary { flex: 1; }
    #fuuvo-creation-centre-desktop .fcc-dialog-controls .fcc-secondary { flex-shrink: 0; }
    #fuuvo-creation-centre-desktop .fcc-toast { position: fixed; z-index: 120; right: 30px; bottom: 30px; max-width: min(480px, calc(100vw - 60px)); padding: 13px 20px; border-radius: 11px; background: rgba(29, 63, 75, .96); color: #fff; box-shadow: 0 10px 30px rgba(23, 48, 62, .15); font-size: 12px; text-align: center; backdrop-filter: blur(12px); }
}

@media (min-width: 921px) and (max-width: 1199px) {
    #fuuvo-creation-centre-desktop { --fcc-gallery-gap: 10px; padding-inline: 0; }
    #fuuvo-creation-centre-desktop .fcc-quick-grid { gap: 12px; }
    #fuuvo-creation-centre-desktop .fcc-quick-copy { min-height: 86px; padding: 14px 33px 14px 12px; }
    #fuuvo-creation-centre-desktop .fcc-quick-copy :is(h3, .fcc-quick-title) { font-size: 12px; }
    #fuuvo-creation-centre-desktop .fcc-quick-copy :is(p, .fcc-quick-description) { font-size: 10px; }
    #fuuvo-creation-centre-desktop .fcc-quick-arrow { right: 8px; width: 22px; height: 22px; }
    #fuuvo-creation-centre-desktop .fcc-quick-badge { top: 9px; right: 9px; font-size: 8px; }
    #fuuvo-creation-centre-desktop :is(.fcc-gallery.is-compact, .fcc-collection.is-compact .fcc-gallery, .fcc-gallery.is-grid) { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    #fuuvo-creation-centre-desktop .fcc-collection-heading h3 { font-size: 21px; }
    #fuuvo-creation-centre-desktop .fcc-dialog-copy { padding: 43px 24px 25px; }
}

@media (min-width: 921px) {
    [data-ui-theme="dark"] #fuuvo-creation-centre-desktop {
        --fcc-ink: #e4edf2;
        --fcc-muted: #a2b2bd;
        --fcc-faint: #889da9;
        --fcc-line: #2b3d48;
        --fcc-surface: #17252e;
        --fcc-soft: #1c2d37;
        --fcc-glass: rgba(19, 31, 40, .92);
        --fcc-accent: #62c8ce;
        --fcc-accent-strong: #8edce0;
        --fcc-accent-soft: #203c42;
        --fcc-shadow: 0 5px 20px rgba(0, 0, 0, .12);
        /* Shared dark rules use these inherited tokens with !important. Keep them local. */
        --fuuvo-dark-text: var(--fcc-ink);
        --fuuvo-dark-text-soft: var(--fcc-ink);
        --fuuvo-dark-muted: var(--fcc-muted);
        color-scheme: dark;
    }
    [data-ui-theme="dark"] #fuuvo-creation-centre-desktop .fcc-tools strong { color: var(--fcc-accent-strong) !important; }
    [data-ui-theme="dark"] #fuuvo-creation-centre-desktop .fcc-search input { background: transparent !important; color: var(--fcc-ink) !important; -webkit-text-fill-color: var(--fcc-ink) !important; }
    [data-ui-theme="dark"] #fuuvo-creation-centre-desktop :is(.fcc-heading p, .fcc-section-description, .fcc-section-heading p, .fcc-quick-copy p, .fcc-collection-heading p, .fcc-card-copy p, .fcc-dialog-meta, .fcc-dialog-prompt) { color: var(--fcc-muted) !important; }
    [data-ui-theme="dark"] #fuuvo-creation-centre-desktop .fcc-primary { border-color: #008c99; background: #008c99; color: #fff; }
    [data-ui-theme="dark"] #fuuvo-creation-centre-desktop .fcc-primary:hover { border-color: #007b87; background: #007b87; }
    [data-ui-theme="dark"] #fuuvo-creation-centre-desktop .fcc-card-cta { border-color: #36515f; background: #1b3541; color: #c2e5eb; }
    [data-ui-theme="dark"] #fuuvo-creation-centre-desktop .fcc-save[aria-pressed="true"] { background: #008c99; color: #fff; }
    [data-ui-theme="dark"] #fuuvo-creation-centre-desktop .fcc-dialog::backdrop { background: rgba(0, 8, 13, .68); }
}

@media (min-width: 921px) and (hover: none) {
    #fuuvo-creation-centre-desktop :is(.fcc-save, .fcc-card-cta) { transform: none; opacity: 1; }
    #fuuvo-creation-centre-desktop .fcc-quick-card:hover .fcc-quick-art > img { transform: none; }
}

@media (prefers-reduced-motion: reduce) {
    #fuuvo-creation-centre-desktop *,
    #fuuvo-creation-centre-desktop *::before,
    #fuuvo-creation-centre-desktop *::after { animation: none !important; transition: none !important; }
    #fuuvo-creation-centre-desktop .fcc-quick-card:hover .fcc-quick-art > img { transform: none; }
}

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

/* October 24 revision: routes, editable briefs, and purpose-led discovery.
   Every selector stays inside the desktop centre, including its nested views. */
@media (min-width: 921px) {
    #fuuvo-creation-centre-desktop .fcc-route-nav {
        display: flex;
        align-items: center;
        gap: 27px;
        min-width: 0;
        min-height: 43px;
        margin: 0 0 25px;
        border-bottom: 1px solid var(--fcc-line);
    }
    #fuuvo-creation-centre-desktop .fcc-route-nav a {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 7px;
        min-height: 43px;
        padding: 0 0 11px;
        color: var(--fcc-muted);
        font-size: 12px;
        font-weight: 600;
        white-space: nowrap;
    }
    #fuuvo-creation-centre-desktop .fcc-route-nav a::after { position: absolute; right: 0; bottom: -1px; left: 0; height: 2px; border-radius: 2px; background: transparent; content: ''; }
    #fuuvo-creation-centre-desktop .fcc-route-nav a:is(:hover, .is-active, [aria-current="page"]) { color: var(--fcc-accent-strong); }
    #fuuvo-creation-centre-desktop .fcc-route-nav a:is(.is-active, [aria-current="page"])::after { background: var(--fcc-accent); }
    #fuuvo-creation-centre-desktop .fcc-route-nav svg { width: 15px; height: 15px; }

    #fuuvo-creation-centre-desktop:is([data-view="image"], [data-view="video"]) .fcc-heading { margin-bottom: 22px; }
    #fuuvo-creation-centre-desktop:is([data-view="image"], [data-view="video"]) .fcc-heading h1 { font-size: 32px; letter-spacing: -.8px; }
    #fuuvo-creation-centre-desktop .fcc-creator { min-width: 0; margin: 0 0 35px; scroll-margin-top: 18px; }
    #fuuvo-creation-centre-desktop .fcc-composer-shell {
        display: grid;
        grid-template-columns: minmax(0, 1.65fr) minmax(240px, 1fr);
        min-width: 0;
        overflow: hidden;
        border: 1px solid var(--fcc-line);
        border-radius: 16px;
        background: color-mix(in srgb, var(--fcc-surface) 94%, transparent);
        box-shadow: var(--fcc-shadow);
    }
    #fuuvo-creation-centre-desktop .fcc-composer-form { min-width: 0; padding: 23px 25px 21px; }
    #fuuvo-creation-centre-desktop .fcc-selected-template { display: block; min-height: 20px; margin: 0 0 10px; color: var(--fcc-accent-strong); font-size: 12px; font-weight: 550; line-height: 1.65; overflow-wrap: anywhere; }
    #fuuvo-creation-centre-desktop #fcc-template-error { margin: 0 0 15px; padding: 12px 14px; border: 1px solid var(--fcc-line); border-radius: 9px; background: var(--fcc-accent-soft); color: var(--fcc-ink); font-size: 12px; line-height: 1.65; }
    #fuuvo-creation-centre-desktop #fcc-template-error p { margin: 0 0 10px; color: inherit; font: inherit; }
    #fuuvo-creation-centre-desktop #fcc-template-retry { min-height: 39px; padding: 8px 12px; font-size: 12px; line-height: 1.5; }
    #fuuvo-creation-centre-desktop .fcc-composer-form > label:not(.fcc-upload-reference) { display: block; margin-bottom: 8px; color: var(--fcc-ink); font-size: 12px; font-weight: 600; }
    #fuuvo-creation-centre-desktop .fcc-compose-prompt {
        display: block;
        width: 100%;
        min-height: 146px;
        max-height: 420px;
        margin: 0;
        padding: 15px 16px;
        resize: vertical;
        border: 1px solid var(--fcc-line);
        border-radius: 10px;
        outline: none;
        background: color-mix(in srgb, var(--fcc-soft) 38%, var(--fcc-surface));
        box-shadow: none;
        color: var(--fcc-ink);
        font-size: 13px;
        line-height: 1.85;
        -webkit-text-fill-color: currentColor;
        transition: border-color .18s, box-shadow .18s;
    }
    #fuuvo-creation-centre-desktop .fcc-compose-prompt::placeholder { color: var(--fcc-faint); opacity: 1; }
    #fuuvo-creation-centre-desktop .fcc-compose-prompt:focus { border-color: color-mix(in srgb, var(--fcc-accent) 55%, var(--fcc-line)); box-shadow: 0 0 0 3px color-mix(in srgb, var(--fcc-accent) 7%, transparent); }
    #fuuvo-creation-centre-desktop .fcc-composer-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; min-width: 0; margin-top: 12px; }
    #fuuvo-creation-centre-desktop .fcc-upload-reference {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        min-height: 42px;
        max-width: 100%;
        padding: 9px 12px;
        border: 1px dashed color-mix(in srgb, var(--fcc-accent) 25%, var(--fcc-line));
        border-radius: 8px;
        background: color-mix(in srgb, var(--fcc-soft) 35%, var(--fcc-surface));
        color: var(--fcc-muted);
        font-size: 11px;
        font-weight: 550;
        cursor: pointer;
    }
    #fuuvo-creation-centre-desktop .fcc-upload-reference svg { width: 16px; height: 16px; }
    #fuuvo-creation-centre-desktop .fcc-upload-reference:hover { border-color: var(--fcc-accent); background: var(--fcc-accent-soft); color: var(--fcc-accent-strong); }
    #fuuvo-creation-centre-desktop .fcc-upload-reference:focus-within { outline: 3px solid color-mix(in srgb, var(--fcc-accent) 25%, transparent); outline-offset: 3px; }
    #fuuvo-creation-centre-desktop .fcc-upload-reference input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; opacity: 0; }
    #fuuvo-creation-centre-desktop .fcc-ratio-field { display: flex; align-items: center; gap: 9px; min-width: 0; color: var(--fcc-muted); font-size: 11px; }
    #fuuvo-creation-centre-desktop .fcc-ratio-field select { min-height: 39px; max-width: 110px; padding: 7px 28px 7px 11px; border: 1px solid var(--fcc-line); border-radius: 8px; background: var(--fcc-surface); color: var(--fcc-ink); font: inherit; font-size: 12px; }
    #fuuvo-creation-centre-desktop .fcc-reference-previews { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 10px; min-width: 0; margin-top: 12px; }
    #fuuvo-creation-centre-desktop .fcc-reference-previews:empty { display: none; }
    #fuuvo-creation-centre-desktop .fcc-reference-previews > :is(div, figure) { position: relative; flex: 0 0 auto; max-width: 76px; margin: 0; }
    #fuuvo-creation-centre-desktop .fcc-reference-previews img { width: 55px; height: 55px; border: 1px solid var(--fcc-line); border-radius: 8px; background: var(--fcc-soft); object-fit: cover; }
    #fuuvo-creation-centre-desktop .fcc-reference-previews figcaption { max-width: 76px; margin-top: 4px; overflow: hidden; color: var(--fcc-muted); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
    #fuuvo-creation-centre-desktop .fcc-reference-previews button { position: absolute; top: -6px; right: -6px; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; min-height: 24px; padding: 0; border: 1px solid var(--fcc-line); border-radius: 50%; background: var(--fcc-surface); box-shadow: 0 2px 4px rgba(20, 60, 75, .08); color: var(--fcc-muted); font-size: 13px; line-height: 1; }
    #fuuvo-creation-centre-desktop .fcc-reference-previews button:hover { background: var(--fcc-accent-soft); color: var(--fcc-accent-strong); }
    #fuuvo-creation-centre-desktop .fcc-composer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-width: 0; margin-top: 20px; }
    #fuuvo-creation-centre-desktop .fcc-composer-bottom > :is(a, button) { flex-shrink: 0; min-width: 156px; min-height: 44px; padding-inline: 18px; white-space: nowrap; }
    #fuuvo-creation-centre-desktop :is(.fcc-composer-help, .fcc-composer-status, .fcc-composer-upload-limit, .fcc-composer-handoff-note, .fcc-reference-privacy, .fcc-duration-field) { min-width: 0; color: var(--fcc-muted); font-size: 12px; line-height: 1.65; overflow-wrap: anywhere; }
    #fuuvo-creation-centre-desktop .fcc-composer-help { max-width: 38em; }
    #fuuvo-creation-centre-desktop .fcc-composer-status { display: block; min-height: 20px; margin-top: 7px; color: var(--fcc-accent-strong); }
    #fuuvo-creation-centre-desktop .fcc-composer-upload-limit { display: block; margin-top: 7px; }
    #fuuvo-creation-centre-desktop .fcc-composer-handoff-note { display: block; margin-top: 10px; }
    #fuuvo-creation-centre-desktop .fcc-reference-privacy { margin-top: 9px; }
    #fuuvo-creation-centre-desktop .fcc-duration-field { white-space: nowrap; }
    #fuuvo-creation-centre-desktop .fcc-composer-reference { position: relative; display: flex; align-items: center; justify-content: center; min-width: 0; min-height: 294px; padding: 42px 20px 20px; overflow: hidden; border-left: 1px solid var(--fcc-line); background: color-mix(in srgb, var(--fcc-accent-soft) 52%, var(--fcc-soft)); }
    #fuuvo-creation-centre-desktop .fcc-composer-reference > :is(img, video) { width: 100%; height: 100%; max-height: 338px; border-radius: 9px; object-fit: contain; }
    #fuuvo-creation-centre-desktop .fcc-composer-reference-label { position: absolute; z-index: 2; top: 17px; left: 20px; padding: 3px 7px; border-radius: 5px; background: var(--fcc-glass); color: var(--fcc-muted); font-size: 10px; font-weight: 550; }
    #fuuvo-creation-centre-desktop .fcc-composer-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 9px; max-width: 230px; padding: 32px 12px; color: var(--fcc-faint); text-align: center; }
    #fuuvo-creation-centre-desktop .fcc-composer-empty svg { width: 34px; height: 34px; margin-bottom: 5px; color: var(--fcc-faint); stroke-width: 1.25; }
    #fuuvo-creation-centre-desktop .fcc-composer-empty :is(h3, strong) { color: var(--fcc-muted); font-size: 13px; font-weight: 550; line-height: 1.6; }
    #fuuvo-creation-centre-desktop .fcc-composer-empty :is(p, span) { color: var(--fcc-faint); font-size: 11px; line-height: 1.7; }

    #fuuvo-creation-centre-desktop .fcc-catalog-nav { min-width: 0; margin: 0 0 4px; }
    #fuuvo-creation-centre-desktop .fcc-purpose-nav { display: flex; align-items: center; gap: 23px; min-width: 0; padding: 1px 1px 0; overflow-x: auto; border-bottom: 1px solid var(--fcc-line); scrollbar-width: none; overscroll-behavior-inline: contain; }
    #fuuvo-creation-centre-desktop .fcc-purpose-nav::-webkit-scrollbar { display: none; }
    #fuuvo-creation-centre-desktop .fcc-purpose-tab { position: relative; display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; gap: 6px; min-height: 47px; margin: 0; padding: 10px 0 13px; border: 0; border-radius: 0; background: transparent; box-shadow: none; color: var(--fcc-muted); font-size: 12px; font-weight: 550; white-space: nowrap; }
    #fuuvo-creation-centre-desktop .fcc-purpose-tab :is(small, .count) { color: var(--fcc-faint); font-size: 10px; font-weight: 400; }
    #fuuvo-creation-centre-desktop .fcc-purpose-tab::after { position: absolute; right: 0; bottom: 0; left: 0; height: 2px; border-radius: 2px; background: transparent; content: ''; }
    #fuuvo-creation-centre-desktop .fcc-purpose-tab:hover,
    #fuuvo-creation-centre-desktop .fcc-purpose-tab[aria-pressed="true"] { color: var(--fcc-accent-strong); }
    #fuuvo-creation-centre-desktop .fcc-purpose-tab[aria-pressed="true"] { font-weight: 650; }
    #fuuvo-creation-centre-desktop .fcc-purpose-tab[aria-pressed="true"]::after { background: var(--fcc-accent); }
    #fuuvo-creation-centre-desktop .fcc-purpose-tab[aria-pressed="true"] :is(small, .count) { color: var(--fcc-accent); }
    #fuuvo-creation-centre-desktop .fcc-subtype-nav { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; min-width: 0; margin: 11px 0 7px; }
    #fuuvo-creation-centre-desktop .fcc-subtype-nav:empty { display: none; }
    #fuuvo-creation-centre-desktop .fcc-subtype-chip { display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-height: 34px; margin: 0; padding: 6px 11px; border: 1px solid transparent; border-radius: 7px; background: transparent; box-shadow: none; color: var(--fcc-muted); font-size: 12px; line-height: 1.5; white-space: nowrap; }
    #fuuvo-creation-centre-desktop .fcc-subtype-chip:hover { background: color-mix(in srgb, var(--fcc-accent-soft) 72%, transparent); color: var(--fcc-accent-strong); }
    #fuuvo-creation-centre-desktop .fcc-subtype-chip[aria-pressed="true"] { border-color: color-mix(in srgb, var(--fcc-accent) 20%, var(--fcc-line)); background: var(--fcc-accent-soft); color: var(--fcc-accent-strong); }
    #fuuvo-creation-centre-desktop .fcc-browse-facets { min-width: 0; margin: 2px 0 11px; }
    #fuuvo-creation-centre-desktop .fcc-browse-facets > summary { display: flex; align-items: center; gap: 6px; width: fit-content; min-height: 37px; padding: 4px 0; color: var(--fcc-muted); font-size: 10px; cursor: pointer; list-style: none; }
    #fuuvo-creation-centre-desktop .fcc-browse-facets > summary::-webkit-details-marker { display: none; }
    #fuuvo-creation-centre-desktop .fcc-browse-facets > summary::after { color: var(--fcc-faint); font-size: 13px; line-height: 1; transform: translateY(-2px); content: '⌄'; }
    #fuuvo-creation-centre-desktop .fcc-browse-facets[open] > summary::after { transform: rotate(180deg) translateY(-1px); }
    #fuuvo-creation-centre-desktop .fcc-browse-facets > summary:hover { color: var(--fcc-accent-strong); }
    #fuuvo-creation-centre-desktop .fcc-facet-fields { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 14px; padding: 12px 14px 14px; border: 1px solid var(--fcc-line); border-radius: 9px; background: color-mix(in srgb, var(--fcc-soft) 72%, var(--fcc-surface)); }
    #fuuvo-creation-centre-desktop .fcc-facet-fields label { display: grid; flex: 1; gap: 6px; min-width: 135px; color: var(--fcc-muted); font-size: 10px; }
    #fuuvo-creation-centre-desktop .fcc-facet-fields select { width: 100%; min-width: 0; min-height: 38px; padding: 8px 27px 8px 10px; border: 1px solid var(--fcc-line); border-radius: 7px; background: var(--fcc-surface); color: var(--fcc-ink); font: inherit; font-size: 11px; }
    #fuuvo-creation-centre-desktop .fcc-active-filter-summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 44px; margin: 1px 0 9px; color: var(--fcc-muted); font-size: 12px; line-height: 1.6; }
    #fuuvo-creation-centre-desktop .fcc-active-filter-summary > span { flex: 1; min-width: 0; overflow-wrap: anywhere; }
    #fuuvo-creation-centre-desktop .fcc-clear-filters { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 9px 4px 9px 10px; border: 0; border-radius: 6px; background: transparent; color: var(--fcc-accent-strong); font-size: 12px; font-weight: 600; line-height: 1.4; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
    #fuuvo-creation-centre-desktop .fcc-clear-filters:hover { background: var(--fcc-accent-soft); }
    #fuuvo-creation-centre-desktop .fcc-catalog-sentinel { display: flex; align-items: center; justify-content: center; min-height: 62px; padding: 16px; color: var(--fcc-muted); font-size: 12px; line-height: 1.65; text-align: center; }
    #fuuvo-creation-centre-desktop .fcc-single-catalog { margin-bottom: 0; }
    #fuuvo-creation-centre-desktop .fcc-single-catalog > :is(.fcc-collection-heading, .fcc-footnote) { display: none; }
    #fuuvo-creation-centre-desktop .fcc-catalog-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: start; gap: var(--fcc-gallery-gap); min-width: 0; }
    #fuuvo-creation-centre-desktop .fcc-catalog-grid > .fcc-card { min-width: 0; width: 100%; }
    #fuuvo-creation-centre-desktop .fcc-catalog-grid .fcc-media { object-fit: contain; }
    #fuuvo-creation-centre-desktop .fcc-catalog-grid .fcc-media :is(img, video) { object-fit: contain; }
    #fuuvo-creation-centre-desktop .fcc-featured-collection { margin-block: 0 30px; }
    #fuuvo-creation-centre-desktop .fcc-featured-grid { min-width: 0; }
    #fuuvo-creation-centre-desktop .fcc-card-cta { visibility: hidden; pointer-events: none; }
    #fuuvo-creation-centre-desktop .fcc-card:is(:hover, :focus-within) .fcc-card-cta { visibility: visible; pointer-events: auto; }
    #fuuvo-creation-centre-desktop .fcc-card-cta:hover { border-color: var(--fcc-line); background: var(--fcc-surface); color: var(--fcc-accent-strong); }
    #fuuvo-creation-centre-desktop .fcc-card-cta:focus-visible { outline-offset: 2px; }
    #fuuvo-creation-centre-desktop :is(.fcc-gallery.is-compact, .fcc-collection.is-compact) .fcc-card-cta,
    #fuuvo-creation-centre-desktop .fcc-card[data-compact="true"] .fcc-card-cta { display: none; }
    #fuuvo-creation-centre-desktop:is([data-view="image"], [data-view="video"]) .fcc-inspiration { padding-top: 25px; }
    #fuuvo-creation-centre-desktop:is([data-view="image"], [data-view="video"]) .fcc-section-heading { margin-bottom: 12px; }
    #fuuvo-creation-centre-desktop:is([data-view="image"], [data-view="video"]) .fcc-section-heading h2 { font-size: 24px; }
    #fuuvo-creation-centre-desktop:is([data-view="image"], [data-view="video"]) .fcc-results { margin: 10px 0 15px; }
    #fuuvo-creation-centre-desktop .fcc-video-error .fcc-secondary { min-width: 90px; min-height: 44px; margin-top: 10px; }
}

@media (min-width: 921px) and (hover: none) {
    #fuuvo-creation-centre-desktop .fcc-card-cta { visibility: visible; pointer-events: auto; }
}

@media (min-width: 1600px) {
    #fuuvo-creation-centre-desktop .fcc-composer-shell { grid-template-columns: minmax(0, 1.65fr) minmax(290px, 1fr); }
    #fuuvo-creation-centre-desktop .fcc-composer-form { padding: 27px 30px; }
    #fuuvo-creation-centre-desktop .fcc-compose-prompt { min-height: 166px; }
}

@media (min-width: 921px) and (max-width: 1199px) {
    #fuuvo-creation-centre-desktop .fcc-composer-shell { grid-template-columns: minmax(0, 1.5fr) minmax(210px, 1fr); }
    #fuuvo-creation-centre-desktop .fcc-composer-form { padding: 20px; }
    #fuuvo-creation-centre-desktop .fcc-composer-bottom { align-items: flex-end; gap: 12px; }
    #fuuvo-creation-centre-desktop .fcc-composer-bottom > :is(a, button) { min-width: 125px; padding-inline: 11px; font-size: 11px; }
    #fuuvo-creation-centre-desktop .fcc-composer-reference { padding-inline: 15px; }
    #fuuvo-creation-centre-desktop .fcc-ratio-field { gap: 6px; }
    #fuuvo-creation-centre-desktop .fcc-ratio-field select { max-width: 92px; }
    #fuuvo-creation-centre-desktop .fcc-purpose-nav { gap: 20px; }
    #fuuvo-creation-centre-desktop .fcc-catalog-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (min-width: 921px) {
    [data-ui-theme="dark"] #fuuvo-creation-centre-desktop :is(.fcc-compose-prompt, .fcc-ratio-field select, .fcc-facet-fields select) { border-color: var(--fcc-line) !important; background: var(--fcc-soft) !important; color: var(--fcc-ink) !important; -webkit-text-fill-color: var(--fcc-ink) !important; }
    [data-ui-theme="dark"] #fuuvo-creation-centre-desktop :is(.fcc-composer-help, .fcc-composer-upload-limit, .fcc-composer-handoff-note, .fcc-reference-privacy, .fcc-duration-field, .fcc-composer-empty p) { color: var(--fcc-muted) !important; }
    [data-ui-theme="dark"] #fuuvo-creation-centre-desktop :is(.fcc-composer-status, .fcc-selected-template, .fcc-clear-filters) { color: var(--fcc-accent-strong) !important; }
    [data-ui-theme="dark"] #fuuvo-creation-centre-desktop :is(.fcc-purpose-tab, .fcc-subtype-chip):not([aria-pressed="true"]) { color: var(--fcc-muted) !important; }
    [data-ui-theme="dark"] #fuuvo-creation-centre-desktop :is(.fcc-purpose-tab, .fcc-subtype-chip)[aria-pressed="true"] { color: var(--fcc-accent-strong) !important; }
    [data-ui-theme="dark"] #fuuvo-creation-centre-desktop .fcc-route-nav a:is(.is-active, [aria-current="page"]) { color: var(--fcc-accent-strong) !important; }
}