.homepage-hero-editor__card{box-shadow:0 10px 28px #0f172a0a}.homepage-hero-editor__badge{display:inline-flex;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:600}.homepage-hero-editor__badge[data-status=empty]{background:#e5e7eb;color:#374151}.homepage-hero-editor__badge[data-status=saved]{background:#d1fae5;color:#065f46}.homepage-hero-editor__badge[data-status=draft]{background:#fef3c7;color:#92400e}.homepage-hero-editor__badge[data-status=removed]{background:#fee2e2;color:#991b1b}.homepage-hero-editor__focus-stage{position:relative;aspect-ratio:4 / 3;overflow:hidden;border:1px solid #d1d5db;border-radius:.9rem;background:linear-gradient(45deg,rgba(148,163,184,.14) 25%,transparent 25%,transparent 75%,rgba(148,163,184,.14) 75%),linear-gradient(45deg,rgba(148,163,184,.14) 25%,transparent 25%,transparent 75%,rgba(148,163,184,.14) 75%);background-color:#f8fafc;background-size:24px 24px;background-position:0 0,12px 12px;cursor:crosshair;touch-action:none}.homepage-hero-editor__focus-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.homepage-hero-editor__focus-marker{position:absolute;width:22px;height:22px;border-radius:9999px;border:2px solid #ffffff;background:#4f46e5e6;box-shadow:0 0 0 4px #4f46e529;transform:translate(-50%,-50%);pointer-events:none}.homepage-hero-editor__focus-marker:before,.homepage-hero-editor__focus-marker:after{content:"";position:absolute;background:#4f46e559}.homepage-hero-editor__focus-marker:before{top:50%;left:-30px;width:82px;height:1px;transform:translateY(-50%)}.homepage-hero-editor__focus-marker:after{left:50%;top:-30px;width:1px;height:82px;transform:translate(-50%)}.homepage-hero-editor__preview-wrap{display:grid;gap:.5rem}.homepage-hero-editor__preview{position:relative;overflow:hidden;border-radius:1rem;border:1px solid #cbd5e1;background-color:#0f172a;background-repeat:no-repeat;background-size:cover}.homepage-hero-editor__preview--desktop{aspect-ratio:16 / 6}.homepage-hero-editor__preview--mobile{max-width:240px;aspect-ratio:4 / 5}.homepage-hero-editor__preview-overlay{position:absolute;inset-inline-start:.75rem;inset-block-end:.75rem;padding:.5rem .75rem;border-radius:.8rem;background:#0f172abd;color:#f8fafc;font-size:.75rem;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media(max-width:640px){.homepage-hero-editor__preview--mobile{max-width:none}}