.crush-landing{margin:0;min-height:100dvh;background:radial-gradient(ellipse at 80% 0%,#dd183815,transparent 55%),#f7f5ef;color:#4a3c2e;font-family:system-ui,sans-serif;display:grid;place-items:center;padding:24px;box-sizing:border-box}.crush-hero{max-width:640px;text-align:center;padding:clamp(24px,5vw,64px);border:1px solid #e4dfd5;border-radius:32px;background:#fffaf4;box-shadow:0 24px 80px #4a3c2e0c}.crush-logo{width:160px;height:160px;object-fit:contain}.crush-hero h1{font-size:clamp(2rem,6vw,3.6rem);letter-spacing:-.055em;line-height:1.08;margin:20px 0}.crush-hero p{line-height:1.7}.eyebrow{font-size:.7rem;letter-spacing:.12em;font-weight:750;color:#176c60}.crush-hero button,.crush-landing button{background:#176c60;color:white;border:0;padding:16px 24px;border-radius:14px;font:inherit;font-weight:650;min-height:48px;cursor:pointer}.crush-hero button:disabled{opacity:.6}.crush-hero a{color:#176c60}.crush-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px}.crush-share-card{background:linear-gradient(140deg,#f2ede3,#fff9f5);border:1px solid #dfd8cd;border-radius:24px;padding:28px;text-align:center;max-width:430px;margin:20px auto}.crush-share-card img{width:140px;height:140px;object-fit:contain}.crush-share-card h3{font-size:1.65rem;line-height:1.25}.seed-label{display:inline-block;border:1px solid #d9d3c8;background:#f5f1e9;color:#635b50;font-size:.75rem;font-weight:550;border-radius:99px;padding:4px 10px;margin:6px 0}.seed-notice{font-size:.9rem;line-height:1.6;color:#635b50}.growth-invite input[readonly]{width:100%;box-sizing:border-box}.growth-invite img:not(.crush-logo){max-width:180px;border-radius:16px}.growth-admin form{display:grid;gap:12px}.growth-admin .seed-photos{display:flex;gap:12px;flex-wrap:wrap}.seed-photos img{width:110px;height:150px;object-fit:cover;border-radius:12px}.growth-admin textarea{min-height:80px}.growth-admin details{padding:16px;border:1px solid #dedbd3;border-radius:14px;margin:12px 0}.growth-admin summary{cursor:pointer;font-weight:650;min-height:32px}.crush-hero :focus-visible{outline:3px solid #dd1838;outline-offset:4px}@media(prefers-reduced-motion:reduce){.crush-hero{animation:none}}

.crush-hero .crush-report{display:block;margin:12px auto;background:transparent;color:#635b50;font-size:.85rem;text-decoration:underline;font-weight:400}
.crush-styles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:.65rem;margin:1rem 0}.crush-styles button{white-space:normal;text-align:left;padding:1rem;border:2px solid transparent}.crush-styles button span{display:block;font-size:.9rem;font-weight:400;margin-top:.45rem}.crush-styles button[aria-pressed=true]{border-color:#176c60;background:#e4f3eb;color:#124d43}
/* Compact invitation selection and the same per-invitation image used by crawlers. */
#crush-section .crush-styles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
#crush-section .crush-styles button{min-width:0;padding:12px;text-align:left}
#crush-section .crush-styles button span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;margin-top:6px}
#crush-section .crush-styles button[aria-pressed=true]{outline:2px solid #176c60;background:#e4f2ed}
#crush-section .crush-live-preview{max-width:600px;margin:16px auto;padding:16px}
#crush-section .crush-live-preview img{width:84px;height:84px;object-fit:contain}
#crush-section .crush-share-card .crush-generated-card{width:100%;max-width:720px;height:auto;max-height:none;border-radius:18px}
.crush-hero h1,#crush-section .crush-share-card h3{overflow-wrap:anywhere}
@media(max-width:900px){#crush-section .crush-styles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){#crush-section .crush-styles{display:flex;overflow-x:auto;padding:4px;scroll-snap-type:x proximity}#crush-section .crush-styles button{flex:0 0 140px;scroll-snap-align:start}#crush-section .crush-live-preview h3{font-size:20px}}
#crush-section form label:not([hidden]){display:grid;gap:8px;margin:12px 0}
#crush-section form input,#crush-section form select,#crush-section form textarea{width:100%;max-width:100%;box-sizing:border-box}
#crush-section form textarea{min-height:100px;resize:vertical}
#crush-result{scroll-margin-block:100px;min-width:0}
#crush-result label{display:grid;gap:8px}
#crush-result input{width:100%;min-width:0;box-sizing:border-box}
#crush-result [hidden]{display:none!important}
#crush-result .crush-share-card{box-sizing:border-box;width:100%}
#crush-result details img{display:block;max-width:100%;height:auto}