.cssa-customer-hub{max-width:1480px;margin-inline:auto}
.cssa-hub-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:28px}.cssa-hub-heading>div{max-width:760px}.cssa-hub-heading p{color:var(--cssa-brand-accent)}.cssa-hub-eyebrow{margin:0 0 7px;color:var(--cssa-brand-gold)!important;font-size:.76rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
.cssa-project-filters{display:flex;gap:8px;overflow-x:auto;margin-bottom:26px;padding:5px;border:1px solid var(--cssa-brand-blue-white);border-radius:14px;background:var(--cssa-brand-blue-white-soft);scrollbar-width:thin}.cssa-project-filters button{display:flex;align-items:center;gap:8px;min-height:44px;padding:9px 16px;border:0;border-radius:10px;background:transparent;color:var(--cssa-brand-accent);font:750 .93rem/1 inherit;white-space:nowrap;cursor:pointer}.cssa-project-filters button span{min-width:24px;padding:3px 7px;border-radius:999px;background:var(--cssa-brand-blue-white);color:var(--cssa-brand-accent);font-size:.78rem}.cssa-project-filters button[aria-selected=true]{background:var(--cssa-color-white);color:var(--cssa-brand-royal);box-shadow:0 2px 10px color-mix(in srgb,var(--cssa-brand-royal) 10%,transparent)}.cssa-project-filters button:focus-visible{outline:3px solid var(--cssa-brand-gold);outline-offset:2px}
.cssa-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}.cssa-project-grid>.cssa-empty{grid-column:1/-1}.cssa-project-card{min-width:0;overflow:visible;border:1px solid var(--cssa-brand-blue-white);border-radius:18px;background:var(--cssa-color-white);box-shadow:0 10px 30px color-mix(in srgb,var(--cssa-brand-royal) 8%,transparent)}
.cssa-project-media{position:relative;overflow:visible;aspect-ratio:4/3;border-radius:18px 18px 0 0;background:linear-gradient(145deg,var(--cssa-brand-blue-white-soft),var(--cssa-color-white))}.cssa-project-preview{display:block;width:100%;height:100%;object-fit:contain;padding:14px;border-radius:inherit}.cssa-project-preview.is-empty{background:radial-gradient(circle at 50% 40%,var(--cssa-color-white),var(--cssa-brand-blue-white-soft))}
.cssa-project-badge{position:absolute;left:14px;top:14px;padding:7px 10px;border-radius:999px;background:var(--cssa-color-white);color:var(--cssa-brand-royal);font-size:.75rem;font-weight:850;box-shadow:0 3px 12px color-mix(in srgb,var(--cssa-brand-primary) 16%,transparent)}.cssa-project-badge.is-drafts{color:var(--cssa-warning)}.cssa-project-badge.is-purchased{color:var(--cssa-success)}.cssa-project-badge.is-archived{color:var(--cssa-brand-accent)}
.cssa-card-menu{position:absolute;right:12px;top:12px;z-index:4}.cssa-card-menu__toggle{width:38px;height:38px;border:1px solid var(--cssa-brand-blue-white);border-radius:50%;background:var(--cssa-color-white);color:var(--cssa-brand-royal);font-size:1.4rem;line-height:1;cursor:pointer;box-shadow:0 3px 12px color-mix(in srgb,var(--cssa-brand-primary) 13%,transparent)}.cssa-card-menu__panel{position:absolute;right:0;top:44px;width:max-content;min-width:210px;padding:7px;border:1px solid var(--cssa-brand-blue-white);border-radius:11px;background:var(--cssa-color-white);box-shadow:0 12px 28px color-mix(in srgb,var(--cssa-brand-primary) 18%,transparent)}.cssa-card-menu__panel[hidden]{display:none}.cssa-card-menu__panel a,.cssa-card-menu__panel button{display:block;width:100%;padding:10px 11px;border:0;border-radius:7px;background:transparent;color:var(--cssa-brand-royal);font:650 .88rem/1.25 inherit;text-align:left;text-decoration:none;cursor:pointer}.cssa-card-menu__panel a:hover,.cssa-card-menu__panel button:hover,.cssa-card-menu__panel a:focus,.cssa-card-menu__panel button:focus{background:var(--cssa-brand-blue-white-soft);outline:0}
.cssa-project-body{padding:21px}.cssa-project-body h2{margin:0 0 9px;color:var(--cssa-ink);font:700 clamp(1.2rem,1.8vw,1.5rem)/1.2 Georgia,serif}.cssa-project-summary{margin:0 0 12px;color:var(--cssa-blue);font-weight:800}.cssa-project-meta{display:flex;flex-wrap:wrap;gap:6px 14px;color:var(--cssa-brand-accent);font-size:.82rem}.cssa-project-meta span+span:before{content:'·';margin-right:14px}.cssa-project-access{margin:14px 0 0;color:var(--cssa-success);font-size:.85rem;font-weight:750}.cssa-project-access.is-revoked{padding:11px;border-radius:9px;background:var(--cssa-error-surface);color:var(--cssa-error);font-weight:650}.cssa-project-progress{margin-top:15px}.cssa-project-progress>div{display:flex;justify-content:space-between;margin-bottom:6px;color:var(--cssa-brand-accent);font-size:.82rem}.cssa-project-progress progress{display:block;width:100%;height:7px;border:0;border-radius:999px;accent-color:var(--cssa-brand-gold)}
.cssa-project-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.cssa-project-actions .cssa-btn{flex:1 1 145px;min-height:42px;padding:9px 12px;text-align:center}.cssa-project-actions button{font:inherit;cursor:pointer}.cssa-project-empty{padding-block:64px}
.cssa-hub-dialog{width:min(560px,calc(100vw - 32px));padding:0;border:0;border-radius:18px;box-shadow:0 24px 70px color-mix(in srgb,var(--cssa-brand-primary) 32%,transparent)}.cssa-hub-dialog::backdrop{background:color-mix(in srgb,var(--cssa-brand-primary) 57%,transparent);backdrop-filter:blur(2px)}.cssa-hub-dialog form{position:relative;padding:28px}.cssa-hub-dialog h2{margin:0 38px 8px 0;color:var(--cssa-brand-royal);font:700 1.65rem Georgia,serif}.cssa-dialog-close{position:absolute;right:18px;top:14px;width:36px;height:36px;border:0;border-radius:50%;background:var(--cssa-brand-blue-white-soft);color:var(--cssa-brand-royal);font-size:1.5rem;cursor:pointer}.cssa-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.cssa-btn.is-danger{background:var(--cssa-error);color:var(--cssa-color-white);border-color:var(--cssa-error)}.cssa-download-list{display:grid;gap:9px;margin-top:18px}.cssa-download-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px 14px;border:1px solid var(--cssa-brand-blue-white);border-radius:10px;background:var(--cssa-color-white);color:var(--cssa-brand-royal);font:700 .93rem/1.25 inherit;text-align:left;text-decoration:none;cursor:pointer}.cssa-download-row:hover,.cssa-download-row:focus{border-color:var(--cssa-border-strong);background:var(--cssa-brand-blue-white-soft)}.cssa-download-row small{color:var(--cssa-brand-accent-bright);font-size:.72rem;letter-spacing:.06em}
.cssa-etsy-access{margin-top:24px;border:1px solid var(--cssa-brand-blue-white);border-radius:12px;padding:14px 16px;background:var(--cssa-color-white)}.cssa-etsy-access summary{cursor:pointer;font-weight:700;color:var(--cssa-brand-royal)}.cssa-etsy-access form{display:grid;gap:12px;margin-top:14px}.cssa-etsy-access label{display:grid;gap:6px;font-weight:600}.cssa-etsy-access input{width:100%;box-sizing:border-box;border:1px solid var(--cssa-border);border-radius:8px;padding:10px 12px}.cssa-entitlement-status{margin:14px 0;padding:10px 12px;border-radius:9px;background:var(--cssa-success-surface);color:var(--cssa-success);font-weight:700}
@media(max-width:1050px){.cssa-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.cssa-hub-heading{align-items:flex-start;flex-direction:column}.cssa-project-grid{grid-template-columns:minmax(0,1fr);gap:18px}.cssa-project-filters{margin-inline:-4px}.cssa-project-body{padding:18px}.cssa-dialog-actions{align-items:stretch;flex-direction:column-reverse}.cssa-dialog-actions .cssa-btn{width:100%}}
