/* /Components/Layout/CustomerCatalogLayout.razor.rz.scp.css */
.catalog-layout[b-osrvjs2k84]{min-height:100vh;background:radial-gradient(circle at top right,#40101755,transparent 34%),#171719;color:#f5efe3}.catalog-topbar[b-osrvjs2k84]{position:sticky;top:0;z-index:50;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:10px clamp(14px,4vw,58px);border-bottom:1px solid #e3ad2834;background:#171719ed;backdrop-filter:blur(16px);box-shadow:0 12px 36px #0006}.catalog-brand[b-osrvjs2k84]{display:flex;align-items:center;gap:11px;color:#f5efe3;text-decoration:none}.catalog-brand>span:last-child[b-osrvjs2k84]{display:flex;flex-direction:column;gap:1px}.catalog-brand strong[b-osrvjs2k84]{color:#e3ad28;font-size:25px;line-height:1.1}.catalog-brand small[b-osrvjs2k84]{color:#bfb3b5;font-size:9px}.catalog-mark[b-osrvjs2k84]{width:48px;height:48px;display:grid;place-items:center;border:1px solid #e3ad2870;border-radius:15px;background:linear-gradient(145deg,#4a1119,#21080c);color:#e3ad28;font-size:25px;font-weight:950;box-shadow:0 0 28px #e3ad2826}.desktop-customer-nav[b-osrvjs2k84]{display:flex;align-items:center;gap:6px}.desktop-customer-nav a[b-osrvjs2k84]{padding:9px 12px;border-radius:9px;color:#e7dfe0;text-decoration:none;font-size:11px;font-weight:800}.desktop-customer-nav a:hover[b-osrvjs2k84]{background:#e3ad2815;color:#ffd66b}.mobile-customer-menu[b-osrvjs2k84]{display:none;position:relative}.mobile-customer-menu summary[b-osrvjs2k84]{width:44px;height:44px;display:grid;place-items:center;border:1px solid #e3ad2848;border-radius:12px;color:#e3ad28;cursor:pointer;font-size:24px;list-style:none}.mobile-customer-menu summary[b-osrvjs2k84]::-webkit-details-marker{display:none}.mobile-customer-menu nav[b-osrvjs2k84]{position:absolute;top:53px;left:0;width:210px;display:flex;flex-direction:column;padding:8px;border:1px solid #e3ad283d;border-radius:14px;background:#242426;box-shadow:0 18px 50px #000a}.mobile-customer-menu nav a[b-osrvjs2k84]{padding:11px;border-radius:9px;color:#f5efe3;text-decoration:none;font-size:11px}.mobile-customer-menu nav a:hover[b-osrvjs2k84]{background:#e3ad2817;color:#ffd66b}.customer-footer[b-osrvjs2k84]{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px clamp(18px,4vw,58px);border-top:1px solid #e3ad282b;background:#120f10}.customer-footer>div[b-osrvjs2k84]{display:flex;align-items:baseline;gap:10px}.customer-footer strong[b-osrvjs2k84]{color:#e3ad28;font-size:22px}.customer-footer span[b-osrvjs2k84],.customer-footer small[b-osrvjs2k84]{color:#94898b;font-size:10px}@media(max-width:760px){.catalog-topbar[b-osrvjs2k84]{min-height:66px}.desktop-customer-nav[b-osrvjs2k84]{display:none}.mobile-customer-menu[b-osrvjs2k84]{display:block}.catalog-mark[b-osrvjs2k84]{width:42px;height:42px}.catalog-brand strong[b-osrvjs2k84]{font-size:21px}.customer-footer[b-osrvjs2k84]{align-items:flex-start;flex-direction:column}.customer-footer>div[b-osrvjs2k84]{align-items:flex-start;flex-direction:column;gap:4px}}
/* /Components/Layout/DesignFinderLayout.razor.rz.scp.css */
.finder-layout[b-ioghttqcsh] {
    min-height: 100vh;
    background:
        radial-gradient(circle at 12% 0, rgba(126, 87, 194, .11), transparent 30rem),
        linear-gradient(180deg, #fbfaff 0, #f5f6fa 42rem);
    color: #211b2b;
}

.finder-topbar[b-ioghttqcsh] {
    position: sticky;
    top: 0;
    z-index: 50;
    min-height: 74px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    padding: 10px clamp(18px, 4vw, 52px);
    border-bottom: 1px solid rgba(63, 43, 83, .11);
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 8px 30px rgba(39, 25, 53, .06);
    backdrop-filter: blur(16px);
}

.finder-brand[b-ioghttqcsh] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #211b2b;
    text-decoration: none;
}

.finder-brand-mark[b-ioghttqcsh] {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    background: linear-gradient(145deg, #5d3c78, #2d1c3b);
    color: white;
    font-size: 25px;
    font-weight: 900;
    box-shadow: 0 9px 22px rgba(74, 43, 96, .22);
}

.finder-brand > span:last-child[b-ioghttqcsh],
.finder-user > span:last-child[b-ioghttqcsh] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.finder-brand strong[b-ioghttqcsh] {
    font-size: 18px;
}

.finder-brand small[b-ioghttqcsh],
.finder-user small[b-ioghttqcsh] {
    color: #756a7e;
    font-size: 12px;
}

.finder-topbar-actions[b-ioghttqcsh],
.finder-user[b-ioghttqcsh] {
    display: flex;
    align-items: center;
}

.finder-space-switch[b-ioghttqcsh]{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;border:1px solid #ddd2e2;border-radius:13px;background:#f4eff6}.finder-space-switch a[b-ioghttqcsh]{min-width:112px;padding:9px 12px;border-radius:9px;color:#705f79;text-align:center;text-decoration:none;font-size:12px;font-weight:900}.finder-space-switch a.active[b-ioghttqcsh]{background:#5d3c78;color:#fff;box-shadow:0 4px 14px #4b2f6020}

.finder-topbar-actions[b-ioghttqcsh] {
    gap: 14px;
}

.finder-module-nav[b-ioghttqcsh] {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 4px;
    border-radius: 11px;
    background: #f3eef6;
}

.finder-module-nav a[b-ioghttqcsh] {
    padding: 7px 9px;
    border-radius: 8px;
    color: #624578;
    text-decoration: none;
    font-size: 11px;
    font-weight: 800;
}

.finder-module-nav a:hover[b-ioghttqcsh] {
    background: white;
}

.finder-user[b-ioghttqcsh] {
    gap: 9px;
}

.finder-user-avatar[b-ioghttqcsh] {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    background: #f0eaf5;
    color: #5d3c78;
    font-weight: 900;
}

.finder-user strong[b-ioghttqcsh] {
    font-size: 13px;
}

.finder-back-link[b-ioghttqcsh] {
    padding: 10px 14px;
    border: 1px solid #d9cedf;
    border-radius: 12px;
    background: #fff;
    color: #55356d;
    text-decoration: none;
    font-size: 13px;
    font-weight: 800;
}

.finder-back-link:hover[b-ioghttqcsh] {
    border-color: #9b7daf;
    background: #faf7fc;
}

.finder-main[b-ioghttqcsh] {
    min-height: calc(100vh - 74px);
}

.finder-layout-loading[b-ioghttqcsh] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 24px;
}

.finder-layout-spinner[b-ioghttqcsh] {
    width: 24px;
    height: 24px;
    border: 3px solid #e4d9ea;
    border-top-color: #5d3c78;
    border-radius: 50%;
    animation: finder-layout-spin-b-ioghttqcsh .8s linear infinite;
}

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

@media (max-width: 720px) {
    .finder-topbar[b-ioghttqcsh] {
        position: static;
        align-items: stretch;
        flex-direction: column;
        gap: 10px;
        padding: 12px 16px;
    }

    .finder-topbar-actions[b-ioghttqcsh] {
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .finder-user > span:last-child[b-ioghttqcsh] {
        display: none;
    }

    .finder-module-nav[b-ioghttqcsh] {
        order: 3;
        width: 100%;
        justify-content: center;
    }

    .finder-space-switch[b-ioghttqcsh]{width:100%;box-sizing:border-box;order:-1}.finder-space-switch a[b-ioghttqcsh]{min-width:0}

    .finder-back-link[b-ioghttqcsh] {
        flex: 1;
        text-align: center;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-qsrco2pjl0],
.components-reconnect-repeated-attempt-visible[b-qsrco2pjl0],
.components-reconnect-failed-visible[b-qsrco2pjl0],
.components-pause-visible[b-qsrco2pjl0],
.components-resume-failed-visible[b-qsrco2pjl0],
.components-rejoining-animation[b-qsrco2pjl0] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-qsrco2pjl0],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-qsrco2pjl0],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-qsrco2pjl0],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-qsrco2pjl0],
#components-reconnect-modal.components-reconnect-retrying[b-qsrco2pjl0],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-qsrco2pjl0],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-qsrco2pjl0],
#components-reconnect-modal.components-reconnect-failed[b-qsrco2pjl0],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-qsrco2pjl0] {
    display: block;
}


#components-reconnect-modal[b-qsrco2pjl0] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-qsrco2pjl0 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-qsrco2pjl0 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-qsrco2pjl0 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-qsrco2pjl0]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-qsrco2pjl0 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-qsrco2pjl0 {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-qsrco2pjl0 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-qsrco2pjl0 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-qsrco2pjl0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-qsrco2pjl0] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-qsrco2pjl0] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-qsrco2pjl0] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-qsrco2pjl0] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-qsrco2pjl0] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-qsrco2pjl0] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-qsrco2pjl0 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-qsrco2pjl0] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-qsrco2pjl0 {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/DesignFinder/CustomerCatalog.razor.rz.scp.css */
.customer-catalog[b-p9yrle762p]{max-width:1500px;margin:auto;padding:22px clamp(10px,3vw,38px) 75px;color:#f5efe3}.catalog-breadcrumb[b-p9yrle762p]{display:flex;align-items:center;gap:8px;margin-bottom:14px;color:#776e70;font-size:10px}.catalog-breadcrumb a[b-p9yrle762p]{color:#d7c9ca;text-decoration:none}.catalog-breadcrumb strong[b-p9yrle762p]{color:#e3ad28}.catalog-hero[b-p9yrle762p]{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:34px 38px;border:1px solid #e3ad2838;border-radius:27px;background:radial-gradient(circle at 85% 20%,#6b18242e,transparent 35%),linear-gradient(135deg,#26080d,#1c1819 70%);box-shadow:0 20px 65px #0007}.catalog-hero>div:first-child>span[b-p9yrle762p]{color:#ffd66b;font-size:11px}.catalog-hero h1[b-p9yrle762p]{margin:8px 0;font-size:38px}.catalog-hero p[b-p9yrle762p]{margin:0;color:#cbbfc1;line-height:1.9}.catalog-total[b-p9yrle762p]{min-width:130px;display:flex;flex-direction:column;align-items:center;padding:19px;border:1px solid #e3ad2843;border-radius:18px;background:#e3ad280d}.catalog-total strong[b-p9yrle762p]{color:#ffd66b;font-size:31px}.catalog-total span[b-p9yrle762p]{color:#b9acae;font-size:10px}
.catalog-controls[b-p9yrle762p]{margin-top:20px;padding:10px 24px 20px;border:1px solid #e3ad282b;border-radius:22px;background:#222224;box-shadow:0 14px 45px #0005}.control-block[b-p9yrle762p]{display:grid;grid-template-columns:140px 1fr;align-items:start;gap:16px;padding:17px 0;border-bottom:1px dashed #e3ad2828}.control-title[b-p9yrle762p]{display:flex;flex-direction:column;gap:4px}.control-title small[b-p9yrle762p]{color:#977522;font-size:9px}.control-title strong[b-p9yrle762p]{font-size:12px}.catalog-chips[b-p9yrle762p]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.catalog-chips button[b-p9yrle762p]{position:relative;isolation:isolate;overflow:hidden;min-height:72px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;padding:12px 15px;border:0;border-radius:14px;background:transparent;color:#f5efe3;cursor:pointer;text-align:right;font:inherit}.catalog-chips button[b-p9yrle762p]::before{content:"";position:absolute;inset:-250%;z-index:-2;background:conic-gradient(transparent 0 40%,#895d18 46%,#ffd66b 50%,#895d18 54%,transparent 60% 100%);animation:catalog-gold-spin-b-p9yrle762p 7s linear infinite}.catalog-chips button:nth-child(2)[b-p9yrle762p]::before{animation-delay:-2.3s}.catalog-chips button:nth-child(3)[b-p9yrle762p]::before{animation-delay:-4.6s}.catalog-chips button[b-p9yrle762p]::after{content:"";position:absolute;inset:2px;z-index:-1;border-radius:12px;background:linear-gradient(135deg,#38383b,#2e2e31)}.catalog-chips button:hover[b-p9yrle762p]::before,.catalog-chips button.selected[b-p9yrle762p]::before{animation-duration:2.5s}.catalog-chips button.selected[b-p9yrle762p]::after{background:linear-gradient(135deg,#4e171e,#2e1115)}.catalog-chips button span[b-p9yrle762p]{font-size:12px;font-weight:900}.catalog-chips button small[b-p9yrle762p]{color:#afa4a6;font-size:9px}.catalog-chips button.selected small[b-p9yrle762p]{color:#e3c98a}.group-chips[b-p9yrle762p]{grid-template-columns:repeat(4,minmax(0,1fr))}.catalog-search[b-p9yrle762p]{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;padding-top:18px}.catalog-search label[b-p9yrle762p]{width:min(360px,100%);display:flex;flex-direction:column;gap:6px}.catalog-search label span[b-p9yrle762p]{color:#c1b5b7;font-size:10px}.catalog-search input[b-p9yrle762p]{padding:12px 14px;border:1px solid #e3ad2842;border-radius:11px;background:#171719;color:#fff;font:inherit}.catalog-search input[b-p9yrle762p]::placeholder{color:#746c6e}.catalog-search>small[b-p9yrle762p]{color:#847a7c;font-size:9px}.catalog-state[b-p9yrle762p]{margin-top:20px;padding:34px;border:1px dashed #e3ad2833;border-radius:18px;background:#222224;text-align:center;color:#a99da0}
.results-heading[b-p9yrle762p]{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-top:28px}.results-heading>div[b-p9yrle762p]{display:flex;flex-direction:column;gap:5px}.results-heading span[b-p9yrle762p],.results-heading small[b-p9yrle762p]{color:#928789;font-size:10px}.results-heading strong[b-p9yrle762p]{color:#ffd66b;font-size:19px}.catalog-grid[b-p9yrle762p]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:13px}.catalog-card[b-p9yrle762p]{position:relative;overflow:hidden;border:1px solid #e3ad282d;border-radius:18px;background:#252527;cursor:pointer;box-shadow:0 12px 34px #0005;transition:.2s}.catalog-card:hover[b-p9yrle762p]{transform:translateY(-3px);border-color:#e3ad287a;box-shadow:0 16px 40px #0008,0 0 24px #e3ad2818}.catalog-image[b-p9yrle762p]{height:340px}.protected-design[b-p9yrle762p]{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at center,#4411196b,transparent 55%),linear-gradient(135deg,#242426,#151517)}.protected-design[b-p9yrle762p]::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(45deg,transparent 47%,#e3ad2808 48% 52%,transparent 53%),linear-gradient(-45deg,transparent 47%,#e3ad2808 48% 52%,transparent 53%);background-size:58px 58px}.protected-design img[b-p9yrle762p]{width:100%;height:100%;object-fit:contain;filter:invert(1) grayscale(1) contrast(1.22);mix-blend-mode:screen;opacity:.78;user-select:none;-webkit-user-drag:none;pointer-events:none}.watermark-grid[b-p9yrle762p]{position:absolute;inset:-20%;z-index:3;display:grid;grid-template-columns:repeat(2,1fr);align-items:center;justify-items:center;gap:24px;pointer-events:none;transform:rotate(-24deg)}.watermark-grid span[b-p9yrle762p]{color:#ffd66b24;font-size:28px;font-weight:950;letter-spacing:2px;text-shadow:0 0 10px #000}.design-code-stamp[b-p9yrle762p]{position:absolute;right:12px;bottom:12px;z-index:4;padding:6px 9px;border:1px solid #e3ad2845;border-radius:8px;background:#160d0fd9;color:#ffd66b;font-size:9px;letter-spacing:1px}.catalog-card-info[b-p9yrle762p]{display:flex;align-items:center;gap:10px;padding:14px 17px;border-top:1px solid #e3ad2824;background:#272729}.catalog-card-info span[b-p9yrle762p]{color:#8f8587;font-size:9px}.catalog-card-info strong[b-p9yrle762p]{color:#ffd66b;font-size:24px}.catalog-card-info small[b-p9yrle762p]{margin-right:auto;color:#c7b8ba;font-size:9px}
.catalog-preview[b-p9yrle762p]{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:#090708e8;backdrop-filter:blur(7px)}.preview-card[b-p9yrle762p]{width:min(1250px,96vw);height:92vh;display:flex;flex-direction:column;padding:12px;border:1px solid #e3ad2847;border-radius:20px;background:#1d1d1f;box-shadow:0 30px 100px #000}.preview-toolbar[b-p9yrle762p]{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:10px}.preview-toolbar button[b-p9yrle762p]{padding:9px 13px;border:1px solid #e3ad2847;border-radius:10px;background:#2b2022;color:#ffd66b;cursor:pointer;font:inherit}.preview-toolbar>div[b-p9yrle762p]{display:flex;align-items:center;gap:8px}.preview-toolbar span[b-p9yrle762p]{color:#94888a;font-size:9px}.preview-toolbar strong[b-p9yrle762p]{color:#ffd66b;font-size:23px}.preview-image[b-p9yrle762p]{min-height:0;flex:1;border-radius:14px}.large-watermark[b-p9yrle762p]{grid-template-columns:repeat(3,1fr)}.large-watermark span[b-p9yrle762p]{font-size:40px}
@keyframes catalog-gold-spin-b-p9yrle762p{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.catalog-chips button[b-p9yrle762p]::before{animation:none}}
@media(max-width:1050px){.group-chips[b-p9yrle762p]{grid-template-columns:repeat(3,1fr)}.catalog-grid[b-p9yrle762p]{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.customer-catalog[b-p9yrle762p]{padding:12px 9px 45px}.catalog-hero[b-p9yrle762p]{align-items:flex-start;flex-direction:column;padding:23px 19px}.catalog-hero h1[b-p9yrle762p]{font-size:30px}.catalog-total[b-p9yrle762p]{width:100%;box-sizing:border-box}.catalog-controls[b-p9yrle762p]{padding:8px 13px 16px}.control-block[b-p9yrle762p]{grid-template-columns:1fr}.catalog-chips[b-p9yrle762p],.group-chips[b-p9yrle762p]{grid-template-columns:1fr 1fr}.catalog-chips button[b-p9yrle762p]{min-height:66px}.catalog-search[b-p9yrle762p]{align-items:stretch;flex-direction:column}.catalog-grid[b-p9yrle762p]{grid-template-columns:1fr}.catalog-image[b-p9yrle762p]{height:310px}.results-heading[b-p9yrle762p]{align-items:flex-start;flex-direction:column}.catalog-preview[b-p9yrle762p]{padding:7px}.preview-card[b-p9yrle762p]{width:96vw;height:94vh;padding:8px}.large-watermark[b-p9yrle762p]{grid-template-columns:repeat(2,1fr)}.large-watermark span[b-p9yrle762p]{font-size:26px}}
/* /Components/Pages/DesignFinder/CustomerHome.razor.rz.scp.css */
.public-home[b-n7gx536ae3]{--banol-burgundy:#26080d;--banol-burgundy-soft:#451117;--banol-gold:#e3ad28;--banol-gold-light:#ffd66b;--banol-charcoal:#171719;--banol-panel:#29292c;--banol-cream:#f5efe3;max-width:1500px;margin:auto;padding:28px clamp(12px,3vw,40px) 80px;color:var(--banol-cream)}
.public-hero[b-n7gx536ae3]{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);align-items:center;gap:46px;min-height:540px;padding:52px clamp(24px,5vw,74px);border:1px solid #e3ad2840;border-radius:34px;background:radial-gradient(circle at 15% 20%,#6f1c263e,transparent 38%),linear-gradient(135deg,#120d0f,#26080d 58%,#171719);box-shadow:0 28px 90px #0008}
.public-hero[b-n7gx536ae3]::before,.public-hero[b-n7gx536ae3]::after{content:"";position:absolute;z-index:-1;border:1px solid #e3ad281d;transform:rotate(45deg)}
.public-hero[b-n7gx536ae3]::before{width:420px;height:420px;right:-250px;top:-210px}.public-hero[b-n7gx536ae3]::after{width:280px;height:280px;left:-170px;bottom:-150px}
.hero-copy[b-n7gx536ae3]{position:relative;z-index:2}.hero-eyebrow[b-n7gx536ae3]{display:inline-flex;padding:8px 13px;border:1px solid #e3ad2855;border-radius:999px;background:#e3ad2812;color:var(--banol-gold-light);font-size:12px}.hero-copy h1[b-n7gx536ae3]{max-width:720px;margin:20px 0 14px;font-size:clamp(38px,5vw,72px);line-height:1.25}.hero-copy h1 em[b-n7gx536ae3]{color:var(--banol-gold);font-style:normal}.hero-copy p[b-n7gx536ae3]{max-width:680px;margin:0;color:#d9cfd0;font-size:17px;line-height:2}.hero-actions[b-n7gx536ae3]{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.hero-actions a[b-n7gx536ae3]{padding:13px 20px;border-radius:13px;text-decoration:none;font-weight:900}.primary-action[b-n7gx536ae3]{background:linear-gradient(135deg,var(--banol-gold-light),var(--banol-gold));color:#24170a;box-shadow:0 9px 28px #e3ad2835}.secondary-action[b-n7gx536ae3]{border:1px solid #e3ad2848;background:#ffffff09;color:var(--banol-cream)}.hero-notes[b-n7gx536ae3]{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.hero-notes span[b-n7gx536ae3]{padding:7px 10px;border-radius:8px;background:#ffffff0a;color:#cfc3c4;font-size:10px}
.hero-logo-frame[b-n7gx536ae3]{position:relative;isolation:isolate;overflow:hidden;width:min(100%,390px);aspect-ratio:4/5;justify-self:center;padding:3px;border-radius:30px;box-shadow:0 24px 60px #000a}.hero-logo-frame[b-n7gx536ae3]::before{content:"";position:absolute;inset:-70%;z-index:-2;background:conic-gradient(transparent 0 34%,var(--banol-gold-light) 43%,var(--banol-gold) 49%,transparent 58% 100%);animation:banol-light-spin-b-n7gx536ae3 6s linear infinite}.hero-logo-frame[b-n7gx536ae3]::after{content:"";position:absolute;inset:3px;z-index:-1;border-radius:27px;background:#1a0b0e}.hero-logo-inner[b-n7gx536ae3]{width:100%;height:100%;overflow:hidden;border-radius:27px;background:var(--banol-burgundy)}.hero-logo-inner img[b-n7gx536ae3]{width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}
.services-section[b-n7gx536ae3]{padding-top:72px}.section-heading[b-n7gx536ae3]{text-align:center}.section-heading>span[b-n7gx536ae3]{color:var(--banol-gold);font-size:12px;font-weight:900}.section-heading h2[b-n7gx536ae3]{margin:8px 0;font-size:34px}.section-heading p[b-n7gx536ae3]{margin:0;color:#a9a1a3}.service-grid[b-n7gx536ae3]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:32px}.service-card[b-n7gx536ae3]{position:relative;isolation:isolate;overflow:hidden;min-height:145px;display:grid;grid-template-columns:82px minmax(0,1fr) auto;align-items:center;gap:18px;padding:24px;border-radius:22px;color:var(--banol-cream);text-decoration:none;transition:.2s}.service-card[b-n7gx536ae3]::before{content:"";position:absolute;inset:-170%;z-index:-2;background:conic-gradient(transparent 0 37%,#7a5216 44%,var(--banol-gold-light) 49%,#7a5216 54%,transparent 61% 100%);animation:banol-light-spin-b-n7gx536ae3 7s linear infinite}.service-card:nth-child(2)[b-n7gx536ae3]::before{animation-delay:-1.7s}.service-card:nth-child(3)[b-n7gx536ae3]::before{animation-delay:-3.4s}.service-card:nth-child(4)[b-n7gx536ae3]::before{animation-delay:-5.1s}.service-card[b-n7gx536ae3]::after{content:"";position:absolute;inset:2px;z-index:-1;border-radius:20px;background:linear-gradient(135deg,#343437,#27272a)}.service-card:hover[b-n7gx536ae3]::before{animation-duration:2.2s}.service-card:hover[b-n7gx536ae3]{transform:translateY(-3px)}.coming-card[b-n7gx536ae3]{opacity:.76}.service-icon[b-n7gx536ae3]{width:76px;height:76px;display:grid;place-items:center;border:1px solid #e3ad283e;border-radius:19px;background:#160e10;color:var(--banol-gold);font-size:30px;font-weight:950}.image-icon img[b-n7gx536ae3]{width:58px;height:58px;object-fit:contain;filter:invert(85%) sepia(55%) saturate(724%) hue-rotate(352deg) brightness(98%)}.service-copy[b-n7gx536ae3]{display:flex;flex-direction:column;gap:8px}.service-copy strong[b-n7gx536ae3]{font-size:20px}.service-copy small[b-n7gx536ae3]{color:#bcb3b5;font-size:11px}.service-card>b[b-n7gx536ae3]{color:var(--banol-gold);font-size:25px}.service-state[b-n7gx536ae3]{position:absolute;top:12px;left:14px;padding:5px 8px;border-radius:999px;background:#e3ad2819;color:var(--banol-gold-light);font-size:9px}
.public-assurance[b-n7gx536ae3]{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:70px;padding:26px 30px;border:1px solid #e3ad2833;border-radius:22px;background:linear-gradient(135deg,#2b171a,#1d1d1f)}.public-assurance>div[b-n7gx536ae3]{display:flex;flex-direction:column;gap:7px}.public-assurance strong[b-n7gx536ae3]{color:var(--banol-gold-light)}.public-assurance span[b-n7gx536ae3]{color:#bcb2b3;font-size:11px}.public-assurance a[b-n7gx536ae3]{white-space:nowrap;padding:11px 16px;border-radius:11px;background:var(--banol-gold);color:#211507;text-decoration:none;font-weight:900}
@keyframes banol-light-spin-b-n7gx536ae3{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.hero-logo-frame[b-n7gx536ae3]::before,.service-card[b-n7gx536ae3]::before{animation:none}}
@media(max-width:900px){.public-hero[b-n7gx536ae3]{grid-template-columns:1fr;min-height:0}.hero-logo-frame[b-n7gx536ae3]{width:min(75vw,330px)}.service-grid[b-n7gx536ae3]{grid-template-columns:1fr}}
@media(max-width:600px){.public-home[b-n7gx536ae3]{padding:14px 10px 50px}.public-hero[b-n7gx536ae3]{gap:32px;padding:28px 18px;border-radius:24px}.hero-copy h1[b-n7gx536ae3]{font-size:37px}.hero-copy p[b-n7gx536ae3]{font-size:14px}.hero-actions[b-n7gx536ae3]{display:grid}.hero-actions a[b-n7gx536ae3]{text-align:center}.hero-logo-frame[b-n7gx536ae3]{width:min(78vw,290px);border-radius:24px}.hero-logo-frame[b-n7gx536ae3]::after,.hero-logo-inner[b-n7gx536ae3]{border-radius:21px}.services-section[b-n7gx536ae3]{padding-top:48px}.section-heading h2[b-n7gx536ae3]{font-size:27px}.service-card[b-n7gx536ae3]{grid-template-columns:66px minmax(0,1fr) auto;min-height:126px;padding:19px 15px}.service-icon[b-n7gx536ae3]{width:62px;height:62px}.service-copy strong[b-n7gx536ae3]{font-size:17px}.public-assurance[b-n7gx536ae3]{align-items:stretch;flex-direction:column;padding:21px}.public-assurance a[b-n7gx536ae3]{text-align:center}}
/* /Components/Pages/DesignFinder/DesignFinder.razor.rz.scp.css */
.design-finder-page[b-tu06u6e05y] {
    max-width: 1460px;
    margin: 0 auto;
    padding: 28px clamp(16px, 3vw, 38px) 72px;
}

.design-finder-page button[b-tu06u6e05y],
.design-finder-page input[b-tu06u6e05y] {
    font: inherit;
}

.tag-only-switch[b-tu06u6e05y]{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0;padding:18px 22px;border:1px solid #d9cce0;border-radius:18px;background:#fff}.tag-only-switch div[b-tu06u6e05y]{display:flex;flex-direction:column;gap:5px}.tag-only-switch span[b-tu06u6e05y]{color:#7b7281;font-size:12px}.tag-only-switch button[b-tu06u6e05y]{padding:10px 17px;border:1px solid #79558f;border-radius:11px;background:#fff;color:#5d3c78;cursor:pointer;font-weight:800}.tag-only-switch button.active[b-tu06u6e05y]{background:#5d3c78;color:#fff}
.component-card.excluded[b-tu06u6e05y]{border-color:#b84c5e!important;background:#fff1f3!important;box-shadow:inset 0 0 0 1px #b84c5e}.component-card.excluded .component-check[b-tu06u6e05y]{background:#a83f52!important;color:#fff}.component-filter-state[b-tu06u6e05y]{font-size:10px;color:#887c8e}.component-card.selected .component-filter-state[b-tu06u6e05y]{color:#28715c;font-weight:800}.component-card.excluded .component-filter-state[b-tu06u6e05y]{color:#a23c50;font-weight:800}.component-result-count[b-tu06u6e05y]{padding:4px 7px;border-radius:999px;background:#f2eef4;color:#6f6376;font-size:9px}.filter-legend[b-tu06u6e05y]{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px;padding:11px;border-radius:11px;background:#f8f5f9;color:#766b7d;font-size:10px}.filter-legend span[b-tu06u6e05y]{display:flex;align-items:center;gap:5px}.filter-legend b[b-tu06u6e05y]{width:20px;height:20px;display:grid;place-items:center;border-radius:6px;background:#e8e1eb}.filter-legend .required-dot[b-tu06u6e05y]{background:#dff2ea;color:#24705b}.filter-legend .excluded-dot[b-tu06u6e05y]{background:#ffe1e6;color:#a13b4e}
.customer-preview .customer-image-scroll img[b-tu06u6e05y]{min-height:0;max-height:none}
.advanced-filter-switch[b-tu06u6e05y]{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px;padding:14px 16px;border:1px solid #ded5e3;border-radius:14px;background:#faf8fb}.advanced-filter-switch>div[b-tu06u6e05y]{display:flex;flex-direction:column;gap:4px}.advanced-filter-switch span[b-tu06u6e05y]{color:#7e7484;font-size:10px}.advanced-filter-switch button[b-tu06u6e05y]{padding:9px 13px;border:1px solid #76528a;border-radius:9px;background:#fff;color:#5d3c78;cursor:pointer;font-size:10px;font-weight:800}.advanced-filter-switch.active[b-tu06u6e05y]{border-color:#5d3c78;background:#f2eaf6}.advanced-filter-switch.active button[b-tu06u6e05y]{background:#5d3c78;color:#fff}

.finder-hero[b-tu06u6e05y] {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 34px;
    padding: clamp(25px, 4vw, 48px);
    border: 1px solid rgba(91, 58, 116, .12);
    border-radius: 28px;
    background:
        radial-gradient(circle at 8% 18%, rgba(255, 255, 255, .16), transparent 14rem),
        linear-gradient(135deg, #2b1d35 0, #5c3b75 58%, #84619a 100%);
    color: white;
    box-shadow: 0 24px 70px rgba(48, 29, 61, .18);
}

.finder-hero[b-tu06u6e05y]::after {
    position: absolute;
    left: -55px;
    bottom: -75px;
    width: 250px;
    height: 250px;
    border: 1px solid rgba(255, 255, 255, .17);
    border-radius: 50%;
    box-shadow:
        0 0 0 30px rgba(255, 255, 255, .035),
        0 0 0 65px rgba(255, 255, 255, .025);
    content: "";
}

.finder-hero > *[b-tu06u6e05y] {
    position: relative;
    z-index: 1;
}

.hero-eyebrow[b-tu06u6e05y] {
    display: inline-flex;
    margin-bottom: 13px;
    padding: 6px 11px;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 999px;
    background: rgba(255, 255, 255, .1);
    color: #f4eaf8;
    font-size: 12px;
    font-weight: 800;
}

.finder-hero h1[b-tu06u6e05y] {
    margin: 0;
    font-size: clamp(29px, 4vw, 47px);
    line-height: 1.28;
    letter-spacing: -.7px;
}

.finder-hero p[b-tu06u6e05y] {
    max-width: 820px;
    margin: 15px 0 0;
    color: rgba(255, 255, 255, .82);
    font-size: 15px;
    line-height: 2;
}

.hero-summary[b-tu06u6e05y] {
    display: grid;
    grid-template-columns: repeat(3, minmax(92px, 1fr));
    gap: 9px;
}

.hero-summary > div[b-tu06u6e05y] {
    min-width: 98px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 17px 12px;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 18px;
    background: rgba(255, 255, 255, .09);
    backdrop-filter: blur(8px);
}

.hero-summary strong[b-tu06u6e05y] {
    font-size: 28px;
    line-height: 1;
}

.hero-summary span[b-tu06u6e05y] {
    color: rgba(255, 255, 255, .72);
    font-size: 12px;
}

.finder-steps[b-tu06u6e05y] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 7px;
    margin: 20px 0;
    padding: 7px;
    border: 1px solid #e7e0eb;
    border-radius: 17px;
    background: rgba(255, 255, 255, .8);
}

.customer-zoom-toolbar[b-tu06u6e05y]{display:flex;align-items:center;justify-content:center;gap:6px;padding:7px;direction:ltr}.customer-zoom-toolbar button[b-tu06u6e05y]{padding:6px 9px;border:1px solid #d4c7db;border-radius:8px;background:#fff;color:#5d3c78;cursor:pointer;font-size:10px}.customer-zoom-toolbar strong[b-tu06u6e05y]{min-width:45px;font-size:10px;text-align:center}.customer-image-scroll[b-tu06u6e05y]{height:220px;display:flex;align-items:center;justify-content:center;overflow:auto;border-radius:12px;background:#fff}.customer-image-scroll.zoomed[b-tu06u6e05y]{align-items:flex-start;justify-content:flex-start}.customer-image-scroll img[b-tu06u6e05y]{flex:0 0 auto;object-fit:contain}

.finder-steps span[b-tu06u6e05y] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 43px;
    border-radius: 11px;
    color: #93899a;
    font-size: 13px;
    font-weight: 800;
}

.finder-steps b[b-tu06u6e05y] {
    width: 23px;
    height: 23px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: #eee9f0;
    font-size: 12px;
}

.finder-steps .active[b-tu06u6e05y] {
    background: #f1eaf5;
    color: #5a3a70;
}

.finder-steps .active b[b-tu06u6e05y] {
    background: #5d3c78;
    color: white;
}

.finder-steps .done[b-tu06u6e05y] {
    color: #24705b;
}

.finder-steps .done b[b-tu06u6e05y] {
    background: #dff3ea;
    color: #24705b;
}

.finder-panel[b-tu06u6e05y] {
    margin-top: 18px;
    padding: clamp(20px, 3vw, 30px);
    border: 1px solid #e7e2ea;
    border-radius: 23px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 12px 34px rgba(37, 28, 45, .055);
}

.panel-heading[b-tu06u6e05y],
.panel-heading > div[b-tu06u6e05y],
.selection-title[b-tu06u6e05y] {
    display: flex;
    align-items: center;
}

.panel-heading[b-tu06u6e05y] {
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 22px;
}

.panel-heading > div[b-tu06u6e05y] {
    gap: 12px;
}

.step-number[b-tu06u6e05y] {
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    background: #eee7f2;
    color: #5b3b72;
    font-size: 17px;
    font-weight: 900;
}

.panel-heading h2[b-tu06u6e05y] {
    margin: 0;
    font-size: 21px;
}

.panel-heading p[b-tu06u6e05y] {
    margin: 5px 0 0;
    color: #7b7281;
    font-size: 13px;
    line-height: 1.7;
}

.plain-button[b-tu06u6e05y] {
    flex: 0 0 auto;
    padding: 9px 13px;
    border: 1px solid #ded5e3;
    border-radius: 11px;
    background: white;
    color: #624578;
    cursor: pointer;
    font-size: 12px;
    font-weight: 800;
}

.plain-button:hover:not(:disabled)[b-tu06u6e05y] {
    border-color: #a88eb8;
    background: #faf7fb;
}

.plain-button:disabled[b-tu06u6e05y] {
    cursor: wait;
    opacity: .55;
}

.danger-text[b-tu06u6e05y] {
    color: #a33d50;
}

.photo-workspace[b-tu06u6e05y] {
    display: grid;
    grid-template-columns: minmax(280px, 1.4fr) minmax(230px, .8fr);
    gap: 14px;
}

.photo-dropzone[b-tu06u6e05y] {
    min-height: 168px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 22px;
    border: 2px dashed #cdbed6;
    border-radius: 18px;
    background: #fbf9fc;
    text-align: center;
    cursor: pointer;
    transition: border-color .16s ease, background .16s ease, transform .16s ease;
}

.photo-dropzone:hover:not(.busy)[b-tu06u6e05y] {
    border-color: #805b96;
    background: #f7f1fa;
    transform: translateY(-1px);
}

.photo-dropzone.busy[b-tu06u6e05y] {
    cursor: wait;
    opacity: .68;
}

.photo-dropzone input[b-tu06u6e05y] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
}

.upload-icon[b-tu06u6e05y] {
    width: 45px;
    height: 45px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    background: #eee5f3;
    color: #5e3d74;
    font-size: 27px;
    font-weight: 900;
}

.photo-dropzone strong[b-tu06u6e05y] {
    color: #3c2a48;
    font-size: 14px;
}

.photo-dropzone small[b-tu06u6e05y] {
    color: #817687;
    font-size: 11px;
    line-height: 1.7;
}

.customer-preview[b-tu06u6e05y] {
    position: relative;
    min-height: 168px;
    overflow: hidden;
    border: 1px solid #dfd8e3;
    border-radius: 18px;
    background: #f4f2f5;
}

.customer-preview img[b-tu06u6e05y] {
    width: 100%;
    height: 100%;
    min-height: 168px;
    max-height: 260px;
    display: block;
    object-fit: contain;
    background: white;
}

.customer-preview span[b-tu06u6e05y] {
    position: absolute;
    right: 9px;
    bottom: 9px;
    padding: 5px 9px;
    border-radius: 8px;
    background: rgba(35, 26, 41, .78);
    color: white;
    font-size: 10px;
}

.shape-analysis-status[b-tu06u6e05y] {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    gap: 11px;
    min-height: 66px;
    padding: 12px 15px;
    border: 1px solid #e6e0e9;
    border-radius: 15px;
    background: #faf9fb;
}

.shape-analysis-status.ready[b-tu06u6e05y] {
    border-color: #c7e3d9;
    background: #f2faf7;
}

.shape-analysis-status > div[b-tu06u6e05y] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.shape-analysis-status strong[b-tu06u6e05y] {
    font-size: 13px;
}

.shape-analysis-status small[b-tu06u6e05y] {
    color: #7d7483;
    font-size: 11px;
}

.status-dot[b-tu06u6e05y],
.status-check[b-tu06u6e05y],
.inline-spinner[b-tu06u6e05y] {
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border-radius: 11px;
}

.status-dot[b-tu06u6e05y] {
    background: #eae5ed;
}

.status-dot[b-tu06u6e05y]::after {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #8c7d95;
    content: "";
}

.status-check[b-tu06u6e05y] {
    background: #dcefe8;
    color: #27735c;
    font-weight: 900;
}

.inline-spinner[b-tu06u6e05y] {
    width: 27px;
    height: 27px;
    border: 3px solid #e2d9e7;
    border-top-color: #65447a;
    border-radius: 50%;
    animation: finder-spin-b-tu06u6e05y .8s linear infinite;
}

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

.finder-alert[b-tu06u6e05y] {
    margin-top: 12px;
    padding: 11px 14px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 700;
}

.finder-alert.error[b-tu06u6e05y] {
    border: 1px solid #f1cbd2;
    background: #fff4f5;
    color: #97384a;
}

.selection-block + .selection-block[b-tu06u6e05y] {
    margin-top: 25px;
    padding-top: 24px;
    border-top: 1px dashed #e1d9e6;
}

.selection-title[b-tu06u6e05y] {
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 13px;
}

.selection-title strong[b-tu06u6e05y] {
    font-size: 14px;
}

.selection-title small[b-tu06u6e05y] {
    color: #887e8f;
    font-size: 11px;
}

.main-category-grid[b-tu06u6e05y] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
}

.main-category-card[b-tu06u6e05y] {
    position: relative;
    min-height: 150px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 15px 11px;
    border: 1px solid #e2dce5;
    border-radius: 17px;
    background: white;
    color: #382b40;
    cursor: pointer;
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.main-category-card:hover:not(:disabled)[b-tu06u6e05y] {
    border-color: #a78ab8;
    box-shadow: 0 10px 26px rgba(76, 47, 94, .1);
    transform: translateY(-2px);
}

.main-category-card.selected[b-tu06u6e05y] {
    border-color: #6c4a82;
    background: #f8f3fa;
    box-shadow: inset 0 0 0 2px rgba(108, 74, 130, .1);
}

.main-category-card.disabled[b-tu06u6e05y] {
    cursor: not-allowed;
    opacity: .62;
}

.category-icon[b-tu06u6e05y] {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    margin-bottom: 3px;
    border-radius: 14px;
    background: #f1ebf4;
    color: #65457a;
    font-size: 25px;
}

.main-category-card strong[b-tu06u6e05y] {
    font-size: 17px;
}

.main-category-card small[b-tu06u6e05y] {
    color: #887e8e;
    font-size: 10px;
}

.choice-count[b-tu06u6e05y],
.pending-badge[b-tu06u6e05y] {
    margin-top: 5px;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 800;
}

.choice-count[b-tu06u6e05y] {
    background: #e5f3ed;
    color: #286e59;
}

.pending-badge[b-tu06u6e05y] {
    background: #f0edf1;
    color: #807684;
}

.reveal-block[b-tu06u6e05y] {
    animation: finder-reveal-b-tu06u6e05y .22s ease both;
}

@keyframes finder-reveal-b-tu06u6e05y {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }
}

.chip-choice-grid[b-tu06u6e05y] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
}

.group-grid[b-tu06u6e05y] {
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}

.chip-choice[b-tu06u6e05y] {
    min-height: 66px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 12px 15px;
    border: 1px solid #e1d9e5;
    border-radius: 14px;
    background: #fff;
    color: #3d2d46;
    cursor: pointer;
}

.chip-choice:hover:not(:disabled)[b-tu06u6e05y] {
    border-color: #aa90b9;
    background: #fcf9fd;
}

.chip-choice.selected[b-tu06u6e05y] {
    border-color: #67467e;
    background: #f1e9f5;
    color: #4c2f60;
    box-shadow: inset 0 0 0 1px #67467e;
}

.chip-choice.disabled[b-tu06u6e05y] {
    cursor: not-allowed;
    opacity: .48;
}

.chip-choice strong[b-tu06u6e05y] {
    font-size: 13px;
}

.chip-choice span[b-tu06u6e05y] {
    padding: 4px 8px;
    border-radius: 999px;
    background: #f1eef2;
    color: #7c7183;
    font-size: 9px;
}

.chip-choice.selected span[b-tu06u6e05y] {
    background: white;
    color: #5a3a70;
}

.no-third-level[b-tu06u6e05y] {
    margin-top: 22px;
    padding: 12px 14px;
    border: 1px solid #d9e7df;
    border-radius: 12px;
    background: #f5faf7;
    color: #39705e;
    font-size: 12px;
}

.selected-path[b-tu06u6e05y] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 14px;
    margin-top: 23px;
    padding: 14px 16px;
    border-radius: 14px;
    background: #30243a;
    color: white;
}

.selected-path span[b-tu06u6e05y] {
    color: #c8bace;
    font-size: 10px;
}

.selected-path strong[b-tu06u6e05y] {
    font-size: 13px;
}

.selected-path small[b-tu06u6e05y] {
    color: #ddcfe2;
    font-size: 10px;
}

.component-grid[b-tu06u6e05y] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
}

.component-card[b-tu06u6e05y] {
    position: relative;
    min-height: 185px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    overflow: hidden;
    padding: 13px;
    border: 1px solid #e2dce5;
    border-radius: 16px;
    background: #fff;
    color: #3b2b44;
    cursor: pointer;
    transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

.component-card:hover[b-tu06u6e05y] {
    border-color: #a98cb9;
    transform: translateY(-2px);
}

.component-card.selected[b-tu06u6e05y] {
    border-color: #65437c;
    background: #faf5fc;
    box-shadow: inset 0 0 0 2px rgba(101, 67, 124, .13);
}

.component-card img[b-tu06u6e05y],
.pending-component-image[b-tu06u6e05y] {
    width: 100%;
    height: 105px;
    display: block;
    object-fit: contain;
}

.pending-component-image[b-tu06u6e05y] {
    display: grid;
    place-items: center;
    border: 1px dashed #cabbd3;
    border-radius: 12px;
    background: repeating-linear-gradient(135deg, #faf7fb, #faf7fb 9px, #f2ecf5 9px, #f2ecf5 18px);
    color: #795b8d;
    font-size: 20px;
    font-weight: 900;
}

.component-card strong[b-tu06u6e05y] {
    font-size: 13px;
}

.component-card small[b-tu06u6e05y] {
    min-height: 17px;
    color: #877c8d;
    font-size: 9px;
}

.component-check[b-tu06u6e05y] {
    position: absolute;
    top: 9px;
    left: 9px;
    z-index: 2;
    width: 25px;
    height: 25px;
    display: grid;
    place-items: center;
    border: 1px solid #d5c9db;
    border-radius: 9px;
    background: white;
    color: white;
    font-size: 13px;
    font-weight: 900;
}

.component-card.selected .component-check[b-tu06u6e05y] {
    border-color: #604076;
    background: #604076;
}

.test-data-note[b-tu06u6e05y] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 16px;
    padding: 12px 14px;
    border: 1px solid #eadfbf;
    border-radius: 13px;
    background: #fffaf0;
    color: #755e24;
    font-size: 11px;
    line-height: 1.8;
}

.test-data-note strong[b-tu06u6e05y] {
    flex: 0 0 auto;
    padding: 4px 7px;
    border-radius: 8px;
    background: #f3e7c1;
    font-size: 10px;
}

.result-count[b-tu06u6e05y] {
    flex: 0 0 auto;
    padding: 7px 11px;
    border-radius: 999px;
    background: #eee8f1;
    color: #5f4175;
    font-size: 11px;
    font-weight: 900;
}

.result-placeholder[b-tu06u6e05y] {
    min-height: 190px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 25px;
    border: 1px dashed #dcd3e1;
    border-radius: 17px;
    background: #fbfafc;
    text-align: center;
}

.result-placeholder > span[b-tu06u6e05y] {
    width: 45px;
    height: 45px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    background: #eee9f1;
    color: #735583;
    font-size: 24px;
}

.result-placeholder strong[b-tu06u6e05y] {
    font-size: 14px;
}

.result-placeholder small[b-tu06u6e05y] {
    color: #83798a;
    font-size: 11px;
    line-height: 1.8;
}

.ranking-explanation[b-tu06u6e05y] {
    margin-bottom: 13px;
    padding: 9px 12px;
    border-radius: 11px;
    background: #f5f1f7;
    color: #6b547a;
    font-size: 10px;
    font-weight: 800;
}

.result-grid[b-tu06u6e05y] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 13px;
}

.result-card[b-tu06u6e05y] {
    position: relative;
    overflow: hidden;
    border: 1px solid #e1dbe5;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(43, 31, 51, .05);
}

.result-card.best-result[b-tu06u6e05y] {
    border-color: #6f4a86;
    box-shadow: 0 14px 34px rgba(86, 51, 108, .15);
}

.result-card-top[b-tu06u6e05y] {
    position: absolute;
    top: 10px;
    right: 10px;
    left: 10px;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    pointer-events: none;
}

.rank-number[b-tu06u6e05y],
.best-badge[b-tu06u6e05y] {
    min-height: 27px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 8px;
    border-radius: 9px;
    box-shadow: 0 4px 12px rgba(35, 24, 43, .12);
    font-size: 10px;
    font-weight: 900;
}

.rank-number[b-tu06u6e05y] {
    min-width: 27px;
    background: rgba(255, 255, 255, .92);
    color: #4b3658;
}

.best-badge[b-tu06u6e05y] {
    background: #5d3c78;
    color: white;
}

.result-image[b-tu06u6e05y] {
    height: 245px;
    display: block;
    padding: 20px;
    border-bottom: 1px solid #eee9f0;
    background:
        linear-gradient(#f5f3f6 1px, transparent 1px),
        linear-gradient(90deg, #f5f3f6 1px, transparent 1px),
        #fff;
    background-size: 22px 22px;
}

.result-image img[b-tu06u6e05y] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    mix-blend-mode: multiply;
}

.result-code-row[b-tu06u6e05y] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 15px 10px;
}

.result-code-row > div[b-tu06u6e05y] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.result-code-row span[b-tu06u6e05y] {
    color: #83788a;
    font-size: 9px;
}

.result-code-row strong[b-tu06u6e05y] {
    color: #2d2035;
    font-size: 24px;
    line-height: 1.15;
}

.copy-code-button[b-tu06u6e05y] {
    min-width: 72px;
    padding: 8px 10px;
    border: 1px solid #d7cddd;
    border-radius: 10px;
    background: #f8f4fa;
    color: #5a3970;
    cursor: pointer;
    font-size: 10px;
    font-weight: 900;
}

.copy-code-button:hover[b-tu06u6e05y] {
    border-color: #8f6da4;
    background: #f0e8f4;
}

.score-list[b-tu06u6e05y] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 7px;
    padding: 0 15px 11px;
}

.score-list > div[b-tu06u6e05y] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 7px;
    padding: 8px 9px;
    border-radius: 9px;
    background: #f6f3f7;
}

.score-list span[b-tu06u6e05y] {
    color: #776b7e;
    font-size: 9px;
}

.score-list strong[b-tu06u6e05y] {
    color: #513765;
    font-size: 10px;
}

.result-components[b-tu06u6e05y] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    min-height: 52px;
    padding: 0 15px 15px;
}

.result-components span[b-tu06u6e05y] {
    align-self: flex-start;
    padding: 4px 7px;
    border-radius: 7px;
    background: #f1eef2;
    color: #746a79;
    font-size: 9px;
}

.result-components span.matched[b-tu06u6e05y] {
    background: #dff1ea;
    color: #276d58;
    font-weight: 900;
}

.untagged-note[b-tu06u6e05y] {
    min-height: 52px;
    padding: 5px 15px 15px;
    color: #988e9e;
    font-size: 9px;
}

.main-category-card:focus-visible[b-tu06u6e05y],
.chip-choice:focus-visible[b-tu06u6e05y],
.component-card:focus-visible[b-tu06u6e05y],
.plain-button:focus-visible[b-tu06u6e05y],
.copy-code-button:focus-visible[b-tu06u6e05y],
.photo-dropzone:focus-within[b-tu06u6e05y] {
    outline: 3px solid rgba(107, 73, 129, .23);
    outline-offset: 2px;
}

@media (max-width: 1080px) {
    .finder-hero[b-tu06u6e05y] {
        grid-template-columns: 1fr;
    }

    .hero-summary[b-tu06u6e05y] {
        max-width: 430px;
    }

    .main-category-grid[b-tu06u6e05y],
    .component-grid[b-tu06u6e05y] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .result-grid[b-tu06u6e05y] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .design-finder-page[b-tu06u6e05y] {
        padding: 15px 11px 45px;
    }

    .finder-hero[b-tu06u6e05y] {
        gap: 22px;
        padding: 24px 19px;
        border-radius: 21px;
    }

    .finder-hero h1[b-tu06u6e05y] {
        font-size: 29px;
    }

    .finder-hero p[b-tu06u6e05y] {
        font-size: 13px;
    }

    .hero-summary[b-tu06u6e05y] {
        width: 100%;
        grid-template-columns: repeat(3, 1fr);
    }

    .hero-summary > div[b-tu06u6e05y] {
        min-width: 0;
        padding: 13px 6px;
    }

    .hero-summary strong[b-tu06u6e05y] {
        font-size: 22px;
    }

    .finder-steps[b-tu06u6e05y] {
        overflow-x: auto;
        display: flex;
        justify-content: flex-start;
    }

    .finder-steps span[b-tu06u6e05y] {
        flex: 0 0 auto;
        padding: 0 10px;
    }

    .finder-panel[b-tu06u6e05y] {
        padding: 18px 13px;
        border-radius: 18px;
    }

    .panel-heading[b-tu06u6e05y] {
        align-items: flex-start;
    }

    .panel-heading h2[b-tu06u6e05y] {
        font-size: 18px;
    }

    .panel-heading p[b-tu06u6e05y] {
        font-size: 11px;
    }

    .step-number[b-tu06u6e05y] {
        width: 35px;
        height: 35px;
    }

    .photo-workspace[b-tu06u6e05y] {
        grid-template-columns: 1fr;
    }

    .shape-analysis-status[b-tu06u6e05y] {
        grid-column: auto;
    }

    .main-category-grid[b-tu06u6e05y] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .main-category-card[b-tu06u6e05y] {
        min-height: 138px;
    }

    .chip-choice-grid[b-tu06u6e05y],
    .group-grid[b-tu06u6e05y] {
        grid-template-columns: 1fr;
    }

    .selection-title[b-tu06u6e05y] {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }

    .selected-path[b-tu06u6e05y] {
        grid-template-columns: 1fr;
        gap: 4px;
    }

    .component-grid[b-tu06u6e05y] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .component-card[b-tu06u6e05y] {
        min-height: 172px;
        padding: 10px;
    }

    .component-card img[b-tu06u6e05y],
    .pending-component-image[b-tu06u6e05y] {
        height: 94px;
    }

    .test-data-note[b-tu06u6e05y] {
        align-items: flex-start;
        flex-direction: column;
    }

    .result-grid[b-tu06u6e05y] {
        grid-template-columns: 1fr;
    }

    .result-image[b-tu06u6e05y] {
        height: 220px;
    }
}

@media (max-width: 410px) {
    .component-grid[b-tu06u6e05y] {
        grid-template-columns: 1fr 1fr;
        gap: 7px;
    }

    .component-card strong[b-tu06u6e05y] {
        font-size: 11px;
    }
}
/* /Components/Pages/DesignFinder/DesignLibrary.razor.rz.scp.css */
.library-page[b-dn4npsr606]{max-width:1500px;margin:auto;padding:28px 24px 70px;color:#2d2333}.library-page button[b-dn4npsr606],.library-page input[b-dn4npsr606],.library-page select[b-dn4npsr606]{font:inherit}.library-hero[b-dn4npsr606]{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 34px;border-radius:24px;background:linear-gradient(135deg,#30223b,#704d85);color:#fff}.library-hero span[b-dn4npsr606]{font-size:12px;color:#decfe5}.library-hero h1[b-dn4npsr606]{margin:8px 0;font-size:32px}.library-hero p[b-dn4npsr606]{margin:0;color:#eadfee}.library-hero a[b-dn4npsr606]{padding:11px 15px;border:1px solid #ffffff55;border-radius:12px;color:#fff;text-decoration:none;font-weight:800}.stats-grid[b-dn4npsr606]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.stats-grid article[b-dn4npsr606]{padding:17px 20px;border:1px solid #e7dfea;border-radius:16px;background:#fff;box-shadow:0 8px 25px #2c1e3510}.stats-grid strong[b-dn4npsr606],.stats-grid span[b-dn4npsr606]{display:block}.stats-grid strong[b-dn4npsr606]{font-size:28px}.stats-grid span[b-dn4npsr606]{margin-top:4px;color:#827687;font-size:11px}.stats-grid .green strong[b-dn4npsr606]{color:#247059}.stats-grid .orange strong[b-dn4npsr606]{color:#a66d22}.message[b-dn4npsr606],.state-box[b-dn4npsr606]{margin:14px 0;padding:12px 15px;border-radius:12px}.message.success[b-dn4npsr606]{background:#eaf7f1;color:#26705a}.message.error[b-dn4npsr606]{background:#fff0f2;color:#a23d50}.state-box[b-dn4npsr606]{background:#fff;border:1px solid #e5dce9}.workspace[b-dn4npsr606]{display:grid;grid-template-columns:310px minmax(0,1fr);min-height:720px;border:1px solid #e4dce8;border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 15px 40px #2c1e350f}.design-list-panel[b-dn4npsr606]{border-left:1px solid #e7e0e9;background:#faf9fb}.list-head[b-dn4npsr606]{display:flex;align-items:center;justify-content:space-between;padding:18px}.list-head h2[b-dn4npsr606]{margin:0;font-size:17px}.list-head small[b-dn4npsr606]{color:#8a7e90}.list-head button[b-dn4npsr606]{border:0;border-radius:10px;padding:8px 10px;background:#5e3f74;color:#fff;cursor:pointer}.search-input[b-dn4npsr606]{width:calc(100% - 28px);box-sizing:border-box;margin:0 14px 10px;padding:11px;border:1px solid #ddd3e2;border-radius:11px}.filter-row[b-dn4npsr606]{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:0 14px 12px}.filter-row button[b-dn4npsr606]{padding:7px;border:0;border-radius:8px;background:#eee9f0;color:#766a7d;cursor:pointer;font-size:10px}.filter-row button.selected[b-dn4npsr606]{background:#5e3f74;color:#fff}.design-list[b-dn4npsr606]{height:650px;overflow:auto;padding:0 8px 12px}.design-list-item[b-dn4npsr606]{width:100%;display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:10px;margin-bottom:6px;padding:8px;border:1px solid transparent;border-radius:12px;background:transparent;text-align:right;cursor:pointer}.design-list-item:hover[b-dn4npsr606],.design-list-item.active[b-dn4npsr606]{border-color:#cbbbd4;background:#f2ebf5}.design-list-item img[b-dn4npsr606]{width:58px;height:50px;object-fit:contain;border-radius:8px;background:#fff}.design-list-item span[b-dn4npsr606]{display:flex;flex-direction:column}.design-list-item strong[b-dn4npsr606]{font-size:14px}.design-list-item small[b-dn4npsr606]{color:#8a7f90;font-size:9px}.design-list-item b[b-dn4npsr606]{width:23px;height:23px;display:grid;place-items:center;border-radius:8px;font-size:11px}.design-list-item b.done[b-dn4npsr606]{background:#dff1ea;color:#27715b}.design-list-item b.pending[b-dn4npsr606]{background:#fff0d9;color:#9b681c}.editor-panel[b-dn4npsr606]{padding:25px}.empty-editor[b-dn4npsr606]{min-height:650px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#897d90}.editor-head[b-dn4npsr606]{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.editor-head span[b-dn4npsr606]{color:#8c8192;font-size:10px}.editor-head h2[b-dn4npsr606]{margin:3px 0 0;font-size:28px}.position-label[b-dn4npsr606]{padding:7px 10px;border-radius:999px;background:#f0ebf3}.editor-grid[b-dn4npsr606]{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(450px,1.5fr);gap:24px}.large-image[b-dn4npsr606]{height:470px;display:grid;place-items:center;padding:15px;border:1px solid #e3dce6;border-radius:17px;background:linear-gradient(#f4f1f5 1px,transparent 1px),linear-gradient(90deg,#f4f1f5 1px,transparent 1px),#fff;background-size:22px 22px}.large-image img[b-dn4npsr606]{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.large-image.empty[b-dn4npsr606]{color:#94899a}.upload-button[b-dn4npsr606]{display:block;margin-top:10px;padding:11px;border:1px dashed #bcaac7;border-radius:11px;text-align:center;color:#65467a;cursor:pointer}.upload-button input[b-dn4npsr606]{display:none}.form-column>label[b-dn4npsr606],.three-selects label[b-dn4npsr606]{display:flex;flex-direction:column;gap:5px}.form-column label span[b-dn4npsr606],.three-selects span[b-dn4npsr606]{font-size:10px;color:#776d7d}.form-column input[b-dn4npsr606],.form-column select[b-dn4npsr606]{padding:10px;border:1px solid #ddd4e1;border-radius:10px;background:#fff}.three-selects[b-dn4npsr606]{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 18px}.component-heading[b-dn4npsr606]{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.component-heading>div[b-dn4npsr606]{display:flex;flex-direction:column}.component-heading small[b-dn4npsr606]{color:#897f8e;font-size:9px}.component-heading button[b-dn4npsr606]{padding:7px 9px;border:1px solid #d9cee0;border-radius:9px;background:#fff;color:#66467a;cursor:pointer;font-size:9px}.component-options[b-dn4npsr606]{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.component-options button[b-dn4npsr606]{position:relative;min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid #e0d9e4;border-radius:12px;background:#fff;color:#493653;cursor:pointer}.component-options button.selected[b-dn4npsr606]{border-color:#68477f;background:#f2eaf6;box-shadow:inset 0 0 0 1px #68477f}.component-options img[b-dn4npsr606],.no-image[b-dn4npsr606]{width:62px;height:55px;object-fit:contain}.no-image[b-dn4npsr606]{display:grid;place-items:center;border-radius:10px;background:#eee8f1;color:#634676;font-size:20px;font-weight:900}.component-options strong[b-dn4npsr606]{font-size:10px}.component-options b[b-dn4npsr606]{position:absolute;top:6px;left:6px;width:20px;height:20px;display:grid;place-items:center;border:1px solid #d7cbdd;border-radius:7px;color:#fff}.component-options button.selected b[b-dn4npsr606]{background:#604075}.complete-toggle[b-dn4npsr606]{display:flex!important;flex-direction:row!important;align-items:center;gap:10px!important;margin-top:15px;padding:12px;border:1px solid #dce7e1;border-radius:12px;background:#f5faf7}.complete-toggle input[b-dn4npsr606]{width:18px;height:18px}.complete-toggle>span[b-dn4npsr606]{display:flex;flex-direction:column}.complete-toggle strong[b-dn4npsr606]{font-size:11px}.complete-toggle small[b-dn4npsr606]{font-size:9px;color:#6d7f77}.editor-actions[b-dn4npsr606]{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.editor-actions button[b-dn4npsr606]{padding:11px 18px;border-radius:11px;cursor:pointer;font-weight:800}.editor-actions .secondary[b-dn4npsr606]{border:1px solid #d6cadc;background:#fff;color:#614276}.editor-actions .primary[b-dn4npsr606]{border:0;background:#5d3c78;color:#fff}.editor-actions button:disabled[b-dn4npsr606]{opacity:.55}.library-page button:focus-visible[b-dn4npsr606],.library-page input:focus-visible[b-dn4npsr606],.library-page select:focus-visible[b-dn4npsr606]{outline:3px solid #76538d33;outline-offset:2px}
@media(max-width:1000px){.workspace[b-dn4npsr606]{grid-template-columns:250px minmax(0,1fr)}.editor-grid[b-dn4npsr606]{grid-template-columns:1fr}.large-image[b-dn4npsr606]{height:330px}.component-options[b-dn4npsr606]{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.library-page[b-dn4npsr606]{padding:14px 10px 45px}.library-hero[b-dn4npsr606]{align-items:flex-start;flex-direction:column;padding:22px}.stats-grid[b-dn4npsr606]{grid-template-columns:repeat(2,1fr)}.workspace[b-dn4npsr606]{display:block}.design-list-panel[b-dn4npsr606]{border-left:0;border-bottom:1px solid #e7e0e9}.design-list[b-dn4npsr606]{height:240px}.editor-panel[b-dn4npsr606]{padding:16px 10px}.three-selects[b-dn4npsr606]{grid-template-columns:1fr}.component-options[b-dn4npsr606]{grid-template-columns:repeat(2,1fr)}.editor-actions[b-dn4npsr606]{display:grid;grid-template-columns:1fr 1fr}.large-image[b-dn4npsr606]{height:280px}}

.list-actions[b-dn4npsr606]{display:flex;gap:5px}.list-actions button[b-dn4npsr606]{font-size:9px}.list-actions button:disabled[b-dn4npsr606]{opacity:.45}
.hero-links[b-dn4npsr606]{display:flex;flex-wrap:wrap;gap:7px}.hero-links a[b-dn4npsr606]{display:inline-flex}
.hero-links a.fast-link[b-dn4npsr606]{border-color:#f3d691;background:#f7dd9d;color:#3a2844;box-shadow:0 6px 18px #1d112530}
.bulk-import-card[b-dn4npsr606]{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin:0 0 18px;padding:17px 20px;border:1px solid #dccfe3;border-radius:16px;background:#fff}.bulk-import-card>div[b-dn4npsr606]{display:flex;flex-direction:column;gap:5px}.bulk-import-card span[b-dn4npsr606]{color:#7c7182;font-size:10px;line-height:1.8}.bulk-import-button[b-dn4npsr606]{padding:11px 16px;border-radius:11px;background:#5d3c78;color:#fff;cursor:pointer;font-size:11px;font-weight:800}.bulk-import-button input[b-dn4npsr606]{display:none}.bulk-import-button.disabled[b-dn4npsr606]{opacity:.55;cursor:wait}.bulk-progress[b-dn4npsr606]{grid-column:1/-1;padding:8px;border-radius:9px;background:#f2ebf5;color:#624477;font-size:10px}.copy-code-tags[b-dn4npsr606]{display:grid;grid-template-columns:1fr auto;gap:6px;margin-bottom:10px}.copy-code-tags input[b-dn4npsr606]{min-width:0;padding:8px;border:1px solid #ddd4e1;border-radius:9px}.copy-code-tags button[b-dn4npsr606]{padding:8px 10px;border:1px solid #d4c8db;border-radius:9px;background:#fff;color:#624477;cursor:pointer;font-size:9px}.copy-code-tags span[b-dn4npsr606]{grid-column:1/-1;color:#8b8090;font-size:9px}.library-page:focus[b-dn4npsr606]{outline:none}@media(max-width:720px){.bulk-import-card[b-dn4npsr606]{grid-template-columns:1fr}.bulk-import-button[b-dn4npsr606]{text-align:center}}

.zoom-toolbar[b-dn4npsr606]{display:flex;align-items:center;gap:7px;margin-bottom:9px;direction:ltr}.zoom-toolbar button[b-dn4npsr606]{min-width:38px;padding:7px 10px;border:1px solid #d6cadc;border-radius:9px;background:#fff;color:#5d3c78;cursor:pointer;font-size:11px}.zoom-toolbar button:disabled[b-dn4npsr606]{opacity:.45;cursor:default}.zoom-toolbar strong[b-dn4npsr606]{min-width:52px;text-align:center;color:#594563;font-size:11px}.large-image[b-dn4npsr606]{display:flex;align-items:center;justify-content:center;overflow:auto}.large-image.zoomed[b-dn4npsr606]{align-items:flex-start;justify-content:flex-start}.large-image img[b-dn4npsr606]{flex:0 0 auto;max-width:none;max-height:none}.image-lightbox[b-dn4npsr606]{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;background:#211827dd;backdrop-filter:blur(4px)}.lightbox-card[b-dn4npsr606]{width:min(1400px,96vw);height:92vh;display:flex;flex-direction:column;padding:14px;border-radius:18px;background:#fff;box-shadow:0 25px 80px #0008}.lightbox-toolbar[b-dn4npsr606]{flex:0 0 auto}.lightbox-image[b-dn4npsr606]{min-height:0;flex:1;display:flex;align-items:center;justify-content:center;overflow:auto;border:1px solid #e3dce6;border-radius:13px;background:linear-gradient(#f4f1f5 1px,transparent 1px),linear-gradient(90deg,#f4f1f5 1px,transparent 1px),#fff;background-size:22px 22px}.lightbox-image.zoomed[b-dn4npsr606]{align-items:flex-start;justify-content:flex-start}.lightbox-image img[b-dn4npsr606]{flex:0 0 auto;object-fit:contain;mix-blend-mode:multiply}@media(max-width:720px){.zoom-toolbar[b-dn4npsr606]{flex-wrap:wrap}.image-lightbox[b-dn4npsr606]{padding:8px}.lightbox-card[b-dn4npsr606]{width:96vw;height:94vh;padding:9px}}

.zoom-help[b-dn4npsr606]{display:block;margin-top:7px;color:#817588;font-size:9px;line-height:1.8}.draggable-image[b-dn4npsr606]{direction:ltr;cursor:grab;user-select:none;touch-action:none;scroll-behavior:auto}.draggable-image.dragging[b-dn4npsr606]{cursor:grabbing}.draggable-image img[b-dn4npsr606]{user-select:none;-webkit-user-drag:none;pointer-events:none}
/* /Components/Pages/DesignFinder/FastTagging.razor.rz.scp.css */
.fast-page[b-w02ya3qoom] {
    max-width: 1520px;
    margin: auto;
    padding: 24px 22px 70px;
    color: #2d2333;
}

.fast-page:focus[b-w02ya3qoom] {
    outline: none;
}

.fast-page button[b-w02ya3qoom] {
    font: inherit;
}

.fast-hero[b-w02ya3qoom] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 24px 30px;
    border-radius: 22px;
    background:
        radial-gradient(circle at 12% 10%, #ffffff17, transparent 21rem),
        linear-gradient(135deg, #2f203a, #724f86);
    color: white;
    box-shadow: 0 16px 38px #321f411e;
}

.fast-hero span[b-w02ya3qoom] {
    color: #e1d4e7;
    font-size: 11px;
}

.fast-hero h1[b-w02ya3qoom] {
    margin: 6px 0;
    font-size: 29px;
}

.fast-hero p[b-w02ya3qoom] {
    margin: 0;
    color: #f0e7f3;
}

.fast-hero a[b-w02ya3qoom] {
    flex: 0 0 auto;
    padding: 11px 15px;
    border: 1px solid #ffffff66;
    border-radius: 11px;
    color: white;
    text-decoration: none;
    font-size: 12px;
    font-weight: 900;
}

.fast-state[b-w02ya3qoom],
.fast-message[b-w02ya3qoom] {
    margin-top: 16px;
    padding: 13px 16px;
    border-radius: 12px;
}

.fast-state[b-w02ya3qoom] {
    border: 1px solid #e2d9e6;
    background: white;
}

.fast-message.success[b-w02ya3qoom] {
    background: #e9f7f0;
    color: #236d57;
}

.fast-message.error[b-w02ya3qoom] {
    background: #fff0f2;
    color: #a33c50;
}

.start-card[b-w02ya3qoom] {
    max-width: 850px;
    display: grid;
    gap: 22px;
    margin: 35px auto 0;
    padding: 34px;
    border: 1px solid #ded3e4;
    border-radius: 22px;
    background: white;
    box-shadow: 0 18px 50px #2d1d3912;
    text-align: center;
}

.temporary-badge[b-w02ya3qoom] {
    display: inline-flex;
    padding: 7px 12px;
    border-radius: 999px;
    background: #f1e9f5;
    color: #654277;
    font-size: 10px;
    font-weight: 900;
}

.start-copy h2[b-w02ya3qoom] {
    margin: 12px 0 8px;
    font-size: 26px;
}

.start-copy p[b-w02ya3qoom] {
    max-width: 650px;
    margin: auto;
    color: #786d7d;
    line-height: 2;
}

.start-stats[b-w02ya3qoom],
.session-summary[b-w02ya3qoom] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.start-stats article[b-w02ya3qoom],
.session-summary article[b-w02ya3qoom] {
    padding: 15px;
    border: 1px solid #e5dee8;
    border-radius: 14px;
    background: #fbfafc;
}

.start-stats strong[b-w02ya3qoom],
.start-stats span[b-w02ya3qoom],
.session-summary strong[b-w02ya3qoom],
.session-summary span[b-w02ya3qoom] {
    display: block;
}

.start-stats strong[b-w02ya3qoom],
.session-summary strong[b-w02ya3qoom] {
    font-size: 25px;
}

.start-stats span[b-w02ya3qoom],
.session-summary span[b-w02ya3qoom] {
    margin-top: 4px;
    color: #817687;
    font-size: 10px;
}

.start-button[b-w02ya3qoom],
.next-button[b-w02ya3qoom],
.finish-button[b-w02ya3qoom] {
    padding: 14px 20px;
    border: 0;
    border-radius: 13px;
    background: #5e3f74;
    color: white;
    cursor: pointer;
    font-weight: 900;
}

.start-button:disabled[b-w02ya3qoom],
.next-button:disabled[b-w02ya3qoom],
.finish-button:disabled[b-w02ya3qoom],
.decision-buttons button:disabled[b-w02ya3qoom] {
    opacity: .55;
    cursor: wait;
}

.start-card > small[b-w02ya3qoom] {
    color: #8a7e90;
}

.deferred-card[b-w02ya3qoom] {
    max-width: 1100px;
    margin: 18px auto 0;
    border: 1px solid #dfd5e4;
    border-radius: 18px;
    background: white;
    overflow: hidden;
    box-shadow: 0 12px 34px #2d1d390d;
}

.deferred-card summary[b-w02ya3qoom] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 17px 20px;
    cursor: pointer;
    list-style: none;
}

.deferred-card summary[b-w02ya3qoom]::-webkit-details-marker {
    display: none;
}

.deferred-card summary > span[b-w02ya3qoom] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.deferred-card summary small[b-w02ya3qoom] {
    color: #817687;
    font-size: 9px;
}

.deferred-card summary b[b-w02ya3qoom] {
    flex: 0 0 auto;
    padding: 7px 11px;
    border-radius: 999px;
    background: #f3eaf6;
    color: #654477;
    font-size: 10px;
}

.deferred-list[b-w02ya3qoom] {
    max-height: 440px;
    display: grid;
    grid-template-columns: repeat(6, minmax(110px, 1fr));
    gap: 8px;
    overflow: auto;
    padding: 14px;
    border-top: 1px solid #e7dfe9;
    background: #faf9fb;
}

.deferred-list article[b-w02ya3qoom] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 8px;
    border: 1px solid #e3dce6;
    border-radius: 11px;
    background: white;
}

.deferred-list img[b-w02ya3qoom] {
    width: 100%;
    height: 105px;
    object-fit: contain;
    border-radius: 8px;
    background: #f5f3f6;
}

.deferred-list strong[b-w02ya3qoom] {
    font-size: 10px;
}

.deferred-list small[b-w02ya3qoom] {
    color: #897e8e;
    font-size: 8px;
}

.session-summary[b-w02ya3qoom] {
    grid-template-columns: repeat(4, 1fr);
    margin: 15px 0;
}

.session-summary article[b-w02ya3qoom] {
    background: white;
    box-shadow: 0 8px 24px #2d1c3810;
}

.session-summary .accepted strong[b-w02ya3qoom] {
    color: #22735a;
}

.session-summary .remaining strong[b-w02ya3qoom] {
    color: #9c681c;
}

.repair-strip[b-w02ya3qoom] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 15px;
    padding: 13px 16px;
    border: 1px solid #efd4a6;
    border-radius: 14px;
    background: #fff9ef;
}

.repair-strip > div:first-child[b-w02ya3qoom] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.repair-strip strong[b-w02ya3qoom] {
    color: #76521f;
    font-size: 12px;
}

.repair-strip span[b-w02ya3qoom] {
    color: #8b734f;
    font-size: 10px;
}

.repair-button[b-w02ya3qoom],
.repair-confirm-button[b-w02ya3qoom],
.repair-cancel-button[b-w02ya3qoom] {
    padding: 10px 13px;
    border-radius: 10px;
    cursor: pointer;
    font-weight: 900;
}

.repair-button[b-w02ya3qoom],
.repair-confirm-button[b-w02ya3qoom] {
    border: 0;
    background: #8b5d22;
    color: white;
}

.repair-cancel-button[b-w02ya3qoom] {
    border: 1px solid #d9c5a4;
    background: white;
    color: #76521f;
}

.repair-button:disabled[b-w02ya3qoom],
.repair-confirm-button:disabled[b-w02ya3qoom],
.repair-cancel-button:disabled[b-w02ya3qoom] {
    opacity: .55;
    cursor: wait;
}

.repair-confirm[b-w02ya3qoom] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

.repair-confirm > span[b-w02ya3qoom] {
    width: 100%;
    text-align: left;
}

.preset-strip[b-w02ya3qoom] {
    display: grid;
    grid-template-columns: repeat(8, minmax(105px, 1fr));
    gap: 7px;
    margin-bottom: 15px;
    overflow-x: auto;
}

.preset-strip article[b-w02ya3qoom] {
    min-width: 105px;
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 9px;
    border: 1px solid #e2dbe5;
    border-radius: 11px;
    background: white;
    color: #887d8d;
}

.preset-strip b[b-w02ya3qoom] {
    width: 24px;
    height: 24px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 8px;
    background: #eee9f1;
    font-size: 10px;
}

.preset-strip span[b-w02ya3qoom] {
    font-size: 9px;
    font-weight: 800;
}

.preset-strip article.active[b-w02ya3qoom] {
    border-color: #67447d;
    background: #f2eaf6;
    color: #4e315f;
    box-shadow: inset 0 0 0 1px #67447d;
}

.preset-strip article.active b[b-w02ya3qoom] {
    background: #604075;
    color: white;
}

.preset-strip article.done[b-w02ya3qoom] {
    border-color: #cfe5dc;
    background: #eff8f4;
    color: #2b715b;
}

.preset-strip article.done b[b-w02ya3qoom] {
    background: #d8eee5;
}

.active-preset[b-w02ya3qoom] {
    display: grid;
    grid-template-columns: minmax(230px, auto) 1fr;
    align-items: center;
    gap: 10px 25px;
    margin-bottom: 15px;
    padding: 17px 20px;
    border: 1px solid #d8c9df;
    border-radius: 16px;
    background: linear-gradient(90deg, #f6f0f8, white);
}

.active-preset > div:first-child span[b-w02ya3qoom] {
    color: #827487;
    font-size: 9px;
}

.active-preset h2[b-w02ya3qoom] {
    margin: 4px 0 0;
    font-size: 20px;
}

.preset-tags[b-w02ya3qoom] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.preset-tags span[b-w02ya3qoom] {
    padding: 7px 11px;
    border-radius: 999px;
    background: #5e3e73;
    color: white;
    font-size: 10px;
    font-weight: 900;
}

.active-preset p[b-w02ya3qoom] {
    grid-column: 1 / -1;
    margin: 0;
    color: #8d6124;
    font-size: 10px;
}

.fast-workspace[b-w02ya3qoom] {
    display: grid;
    grid-template-columns: minmax(480px, 1.45fr) minmax(320px, .75fr);
    gap: 18px;
    padding: 18px;
    border: 1px solid #e0d8e4;
    border-radius: 20px;
    background: white;
    box-shadow: 0 16px 45px #2d1d3912;
}

.design-meta[b-w02ya3qoom] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 10px;
}

.design-meta > div[b-w02ya3qoom] {
    display: flex;
    align-items: baseline;
    gap: 7px;
}

.design-meta span[b-w02ya3qoom],
.design-meta small[b-w02ya3qoom] {
    color: #817687;
    font-size: 9px;
}

.design-meta strong[b-w02ya3qoom] {
    font-size: 23px;
}

.zoom-toolbar[b-w02ya3qoom] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 8px;
    direction: ltr;
}

.zoom-toolbar button[b-w02ya3qoom] {
    min-width: 38px;
    padding: 7px 10px;
    border: 1px solid #d6cadc;
    border-radius: 9px;
    background: white;
    color: #5d3c78;
    cursor: pointer;
    font-size: 10px;
}

.zoom-toolbar strong[b-w02ya3qoom] {
    min-width: 50px;
    text-align: center;
    font-size: 10px;
}

.fast-image[b-w02ya3qoom] {
    height: 590px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: auto;
    border: 1px solid #e1dae5;
    border-radius: 15px;
    background:
        linear-gradient(#f1edf3 1px, transparent 1px),
        linear-gradient(90deg, #f1edf3 1px, transparent 1px),
        white;
    background-size: 24px 24px;
}

.fast-image.zoomed[b-w02ya3qoom] {
    align-items: flex-start;
    justify-content: flex-start;
}

.fast-image img[b-w02ya3qoom] {
    flex: 0 0 auto;
    object-fit: contain;
    mix-blend-mode: multiply;
    user-select: none;
    -webkit-user-drag: none;
    pointer-events: none;
}

.draggable-image[b-w02ya3qoom] {
    direction: ltr;
    cursor: grab;
    user-select: none;
    touch-action: none;
}

.draggable-image.dragging[b-w02ya3qoom] {
    cursor: grabbing;
}

.zoom-help[b-w02ya3qoom] {
    display: block;
    margin-top: 6px;
    color: #817588;
    font-size: 9px;
}

.decision-column[b-w02ya3qoom] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.exact-rule[b-w02ya3qoom] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    padding: 15px;
    border: 1px solid #e2d9e6;
    border-radius: 15px;
    background: #faf8fb;
}

.exact-rule > span[b-w02ya3qoom] {
    grid-column: 1 / -1;
    margin-bottom: 3px;
    color: #756a7c;
    font-size: 10px;
}

.exact-rule article[b-w02ya3qoom] {
    position: relative;
    min-height: 105px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border: 1px solid #cbb8d4;
    border-radius: 12px;
    background: #f1e8f5;
}

.exact-rule img[b-w02ya3qoom] {
    width: 70px;
    height: 62px;
    object-fit: contain;
}

.exact-rule strong[b-w02ya3qoom] {
    font-size: 10px;
}

.exact-rule b[b-w02ya3qoom] {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 22px;
    height: 22px;
    display: grid;
    place-items: center;
    border-radius: 7px;
    background: #604075;
    color: white;
    font-size: 10px;
}

.decision-buttons[b-w02ya3qoom] {
    display: grid;
    gap: 10px;
    margin-top: auto;
}

.decision-buttons button[b-w02ya3qoom] {
    min-height: 76px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 15px 17px;
    border-radius: 14px;
    cursor: pointer;
}

.decision-buttons button strong[b-w02ya3qoom] {
    font-size: 13px;
}

.decision-buttons button span[b-w02ya3qoom] {
    padding: 6px 9px;
    border-radius: 8px;
    background: #ffffff2d;
    direction: ltr;
    font-size: 9px;
}

.accept-button[b-w02ya3qoom] {
    border: 0;
    background: #267159;
    color: white;
}

.reject-button[b-w02ya3qoom] {
    border: 0;
    background: #8a4d56;
    color: white;
}

.two-design-button[b-w02ya3qoom] {
    border: 0;
    background: #405f88;
    color: white;
}

.bucket-buttons[b-w02ya3qoom] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.decision-buttons .bucket-button[b-w02ya3qoom] {
    min-height: 62px;
    border: 1px solid #d7c9de;
    background: #f7f2f9;
    color: #4f365e;
}

.decision-buttons .bucket-button span[b-w02ya3qoom] {
    min-width: 29px;
    display: grid;
    place-items: center;
    background: #67447d;
    color: white;
    font-weight: 900;
}

.decision-buttons .bucket-button.jeldi[b-w02ya3qoom] {
    border-color: #cbb4d7;
}

.decision-buttons .bucket-button.kashuki[b-w02ya3qoom] {
    border-color: #c9bfdc;
}

.decision-buttons .bucket-button.no-mousoom[b-w02ya3qoom] {
    border-color: #d9c5bd;
    background: #fbf5f2;
    color: #6f4739;
}

.decision-buttons .bucket-button.pelivari[b-w02ya3qoom] {
    border-color: #b9d5dd;
    background: #f1f9fb;
    color: #2f6875;
}

.decision-buttons .bucket-button.unknown[b-w02ya3qoom] {
    border-color: #dfceb0;
    background: #fff9ed;
    color: #7b5b25;
}

.decision-buttons .undo-button[b-w02ya3qoom] {
    min-height: 48px;
    justify-content: center;
    border: 1px solid #d6cadc;
    background: white;
    color: #634376;
    font-size: 10px;
}

.shortcut-note[b-w02ya3qoom] {
    padding: 11px;
    border-radius: 11px;
    background: #fff7e8;
    color: #825b24;
    font-size: 9px;
    line-height: 1.9;
}

.pass-complete-card[b-w02ya3qoom] {
    max-width: 850px;
    display: grid;
    gap: 12px;
    margin: 35px auto 0;
    padding: 34px;
    border: 1px solid #dcd1e2;
    border-radius: 22px;
    background: white;
    box-shadow: 0 18px 50px #2d1d3912;
    text-align: center;
}

.pass-complete-card > span[b-w02ya3qoom] {
    color: #6b4b7c;
    font-size: 11px;
    font-weight: 900;
}

.pass-complete-card h2[b-w02ya3qoom] {
    margin: 0;
    font-size: 23px;
}

.pass-complete-card p[b-w02ya3qoom] {
    margin: 0 0 8px;
    color: #817487;
}

.finish-button[b-w02ya3qoom] {
    background: #267159;
}

@media (max-width: 1050px) {
    .fast-workspace[b-w02ya3qoom] {
        grid-template-columns: 1fr;
    }

    .fast-image[b-w02ya3qoom] {
        height: 480px;
    }

    .decision-buttons[b-w02ya3qoom] {
        grid-template-columns: 1fr 1fr;
    }

    .decision-buttons .undo-button[b-w02ya3qoom],
    .shortcut-note[b-w02ya3qoom] {
        grid-column: 1 / -1;
    }

    .deferred-list[b-w02ya3qoom] {
        grid-template-columns: repeat(4, minmax(105px, 1fr));
    }
}

@media (max-width: 720px) {
    .fast-page[b-w02ya3qoom] {
        padding: 12px 9px 45px;
    }

    .fast-hero[b-w02ya3qoom] {
        align-items: flex-start;
        flex-direction: column;
        padding: 20px;
    }

    .fast-hero h1[b-w02ya3qoom] {
        font-size: 24px;
    }

    .session-summary[b-w02ya3qoom] {
        grid-template-columns: repeat(2, 1fr);
    }

    .active-preset[b-w02ya3qoom] {
        grid-template-columns: 1fr;
    }

    .active-preset p[b-w02ya3qoom] {
        grid-column: auto;
    }

    .fast-workspace[b-w02ya3qoom] {
        padding: 10px;
    }

    .fast-image[b-w02ya3qoom] {
        height: 390px;
    }

    .design-meta[b-w02ya3qoom] {
        align-items: flex-start;
        flex-direction: column;
    }

    .decision-buttons[b-w02ya3qoom] {
        grid-template-columns: 1fr;
    }

    .bucket-buttons[b-w02ya3qoom] {
        grid-template-columns: 1fr;
    }

    .decision-buttons .undo-button[b-w02ya3qoom],
    .shortcut-note[b-w02ya3qoom] {
        grid-column: auto;
    }

    .start-card[b-w02ya3qoom],
    .pass-complete-card[b-w02ya3qoom] {
        padding: 22px 15px;
    }

    .deferred-list[b-w02ya3qoom] {
        grid-template-columns: repeat(2, minmax(100px, 1fr));
    }
}

/* v4: اصلاح مستقیم سه دسته با کلیدهای 1 تا 4 */
.deferred-correction-bar[b-w02ya3qoom] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 11px 14px;
    border-top: 1px solid #e7dfe9;
    background: #f6f0f8;
}

.deferred-correction-bar span[b-w02ya3qoom] {
    color: #604075;
    font-size: 10px;
    font-weight: 900;
}

.deferred-correction-bar button[b-w02ya3qoom] {
    flex: 0 0 auto;
    padding: 9px 13px;
    border: 0;
    border-radius: 10px;
    background: #604075;
    color: white;
    cursor: pointer;
    font-weight: 900;
}

.deferred-correction-bar button:disabled[b-w02ya3qoom] {
    opacity: .55;
    cursor: wait;
}

.deferred-list .deferred-item[b-w02ya3qoom] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 8px;
    border: 1px solid #e3dce6;
    border-radius: 11px;
    background: white;
    color: inherit;
    text-align: right;
    cursor: pointer;
}

.deferred-list .deferred-item:hover[b-w02ya3qoom] {
    border-color: #9f82ae;
    box-shadow: 0 5px 16px #4e315f18;
}

.deferred-list .deferred-item img[b-w02ya3qoom] {
    width: 100%;
    height: 105px;
    object-fit: contain;
    border-radius: 8px;
    background: #f5f3f6;
}

.deferred-list .deferred-item strong[b-w02ya3qoom] {
    font-size: 10px;
}

.deferred-list .deferred-item small[b-w02ya3qoom] {
    color: #897e8e;
    font-size: 8px;
}

.correction-head[b-w02ya3qoom] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin: 18px 0 15px;
    padding: 16px 19px;
    border: 1px solid #d8c9df;
    border-radius: 16px;
    background: linear-gradient(90deg, #f6f0f8, white);
}

.correction-head > div:first-child[b-w02ya3qoom] {
    display: grid;
    gap: 4px;
}

.correction-head span[b-w02ya3qoom],
.correction-head p[b-w02ya3qoom] {
    margin: 0;
    color: #807286;
    font-size: 10px;
}

.correction-head h2[b-w02ya3qoom] {
    margin: 0;
    font-size: 21px;
}

.correction-progress[b-w02ya3qoom] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.correction-progress strong[b-w02ya3qoom] {
    white-space: nowrap;
    color: #56396a;
}

.correction-progress button[b-w02ya3qoom] {
    padding: 9px 12px;
    border: 1px solid #d6cadc;
    border-radius: 10px;
    background: white;
    color: #634376;
    cursor: pointer;
    font-weight: 900;
}

.correction-rule[b-w02ya3qoom] {
    display: grid;
    gap: 6px;
    padding: 16px;
    border: 1px solid #e2d9e6;
    border-radius: 15px;
    background: #faf8fb;
}

.correction-rule strong[b-w02ya3qoom] {
    color: #4f365e;
    font-size: 15px;
}

.correction-rule span[b-w02ya3qoom] {
    color: #817687;
    font-size: 10px;
    line-height: 1.9;
}

.correction-bucket-buttons[b-w02ya3qoom] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.decision-buttons .bucket-button.return-mousoom[b-w02ya3qoom] {
    border-color: #b9d8cb;
    background: #edf8f3;
    color: #286d58;
}

.decision-buttons .bucket-button.return-mousoom span[b-w02ya3qoom] {
    background: #267159;
}

.manual-tag-link[b-w02ya3qoom] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 10px 14px;
    border: 1px dashed #cdbdd6;
    border-radius: 12px;
    background: #fff;
    color: #5e3f74;
    text-decoration: none;
    font-size: 10px;
    font-weight: 900;
}

.correction-note[b-w02ya3qoom] {
    background: #edf8f3;
    color: #286d58;
    font-weight: 800;
}

@media (max-width: 700px) {
    .deferred-correction-bar[b-w02ya3qoom],
    .correction-head[b-w02ya3qoom],
    .correction-progress[b-w02ya3qoom] {
        align-items: stretch;
        flex-direction: column;
    }

    .correction-bucket-buttons[b-w02ya3qoom] {
        grid-template-columns: 1fr;
    }
}