#home-admin{margin:32px 0;border:1px solid #dce1e8;padding:24px}#home-admin summary{font-size:18px;font-weight:700;cursor:pointer}.home-mode{display:flex;flex-wrap:wrap;gap:20px;margin:24px 0}.home-mode label{display:grid;gap:8px}.home-group{margin:22px 0;padding:16px;border:1px solid #dce1e8}.home-group fieldset{border:1px solid #dce1e8;padding:16px;margin:20px 0}.home-group legend{font-weight:600;padding:0 8px}.home-fields{display:grid;grid-template-columns:160px minmax(0,1fr);gap:12px;align-items:center;margin-top:16px}.home-fields input,.home-fields textarea,.home-mode input,.home-mode select{min-width:0;width:100%;min-height:42px;padding:9px;border:1px solid #c9cdd7;font:inherit}.home-image-tools{grid-column:2;display:flex;flex-wrap:wrap;align-items:center;gap:16px}.home-image-tools img{width:150px;height:90px;object-fit:contain;background:#f5f6f8}.home-image-tools input{max-width:300px}.home-check{grid-column:1/-1;display:flex;gap:10px;align-items:center}.home-check input{width:auto;min-height:0}.home-row-actions,.home-save{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.home-row-actions button,.home-group>button{padding:8px 12px;border:1px solid #c9cdd7;background:white}.home-save{position:sticky;bottom:0;padding:18px;background:white;border-top:1px solid #dce1e8;z-index:2;align-items:center}@media(max-width:640px){#home-admin{padding:14px}.home-fields{grid-template-columns:1fr}.home-image-tools{grid-column:1}.home-mode{display:block}.home-mode label{margin:12px 0}}

#home-title-preview{padding:24px;background:#292663;color:#fff;font-weight:700;line-height:1.5;overflow-wrap:anywhere;margin:18px 0;border-radius:4px}


.hero-crop-dialog{width:min(1080px,calc(100vw - 32px));max-width:1080px;max-height:92vh;padding:24px;border:1px solid #d8deeb;border-radius:16px;color:#252e45;overflow:auto;background:#fff}.hero-crop-dialog::backdrop{background:#17223c99}.hero-crop-dialog header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.hero-crop-dialog h2{font-size:23px;margin:0 0 8px}.hero-crop-dialog p{font-size:14px;line-height:1.6}.hero-crop-dialog button{padding:10px 16px;border:1px solid #cdd4e4;border-radius:7px;background:white;min-height:42px;font:inherit;cursor:pointer}.hero-crop-dialog button.solid-button,.hero-crop-dialog button[aria-pressed=true]{background:#302b64;color:#fff;border-color:#302b64}.crop-previews{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(0,1fr);gap:28px;padding:20px;background:#f4f6fa;border-radius:12px;margin:20px 0 10px}.crop-previews h3{font-size:15px;margin:0 0 12px}.crop-frame{position:relative;overflow:hidden;isolation:isolate;background:#e0e5ee;outline:2px solid #bcc6d9;cursor:grab;touch-action:none}.crop-frame:active{cursor:grabbing}.crop-frame.crop-selected{outline:3px solid #50498b;box-shadow:0 0 0 5px #50498b15}.crop-desktop{aspect-ratio:1440/605}.crop-mobile{aspect-ratio:390/610;max-width:240px;margin:auto}.crop-frame img{position:absolute;pointer-events:none;max-width:none}.crop-grid{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 33.1%,#ffffff90 33.3%,transparent 33.5%,transparent 66.4%,#ffffff90 66.6%,transparent 66.8%),linear-gradient(transparent 33.1%,#ffffff90 33.3%,transparent 33.5%,transparent 66.4%,#ffffff90 66.6%,transparent 66.8%);border:1px solid #ffffff80}.crop-area-label{position:absolute;top:8px;left:8px;background:#14213ca6;color:white;padding:3px 7px;font-size:11px;pointer-events:none;border-radius:4px}.crop-dim{color:#717b8e;margin:8px 0 0}.crop-help{color:#647086}.crop-toolbar{padding:20px;border:1px solid #dce1eb;border-radius:12px}.crop-devices,.crop-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.crop-sliders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:20px 0}.crop-sliders label{font-size:14px;font-weight:600}.crop-sliders output{float:right;font-weight:400;color:#626c80}.crop-sliders input{display:block;width:100%;margin-top:14px;accent-color:#302b64}.hero-crop-dialog footer{display:flex;gap:12px;align-items:center;flex-wrap:wrap;position:sticky;bottom:-24px;background:#fff;padding:16px 0;border-top:1px solid #e0e4ed;z-index:4}.hero-crop-dialog footer span{flex:1;font-size:13px;color:#626c80}.hero-crop-dialog [data-status]{min-height:22px}.hero .hero-art{overflow:hidden}
@media(max-width:640px){.hero-crop-dialog{padding:16px}.crop-previews{gap:16px;padding:12px;grid-template-columns:1fr 1fr}.crop-sliders{grid-template-columns:1fr;gap:14px}.hero-crop-dialog footer{bottom:-16px}.hero-crop-dialog footer span{flex-basis:100%}.crop-toolbar{padding:14px}}