/* Customer account and website editor. Big, clear and easy on a phone. */
.acct-msg { margin: 0 0 14px; font-weight: 700; min-height: 1px; }
.acct-msg.ok { color: #14532d; }
.acct-msg.err { color: #b91c1c; }
.acct-top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; }
.acct-out, .ed-tools button, .ed-ph button, .ed-x { font: inherit; font-weight: 800; padding: 8px 14px; border-radius: 10px; border: 2px solid #c7c2f0; background: #fff; color: #1e1b4b; cursor: pointer; }
.ed-x { border-color: #fecaca; color: #b91c1c; }
.acct-site { background: #fff; border-radius: 18px; padding: 22px; margin: 16px 0; box-shadow: 0 0 0 1px #e9e6fb, 0 14px 30px rgba(79, 70, 229, .1); }
.acct-site h3 { margin: 0 0 6px; font-size: 1.4rem; }
.acct-btns { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; }
.acct-link { font-weight: 800; color: #4f46e5; }
.acct-form input { width: 100%; }

.ed { max-width: 900px; }
.ed-bar { position: sticky; top: 76px; z-index: 5; display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; padding: 12px 16px; margin: 0 0 18px; border-radius: 16px; background: #fff; box-shadow: 0 0 0 1px #e9e6fb, 0 12px 26px rgba(30, 27, 75, .12); }
.ed-bar b { font-size: 1.15rem; margin-right: auto; }
.ed-state { font-weight: 800; color: #7c3aed; text-transform: uppercase; font-size: .9rem; letter-spacing: .05em; }
.ed-sec { background: #fff; border-radius: 18px; padding: 6px 20px 18px; margin: 0 0 16px; box-shadow: 0 0 0 1px #e9e6fb; }
.ed-sec > summary { cursor: pointer; padding: 14px 0 8px; font-size: 1.3rem; font-weight: 900; text-transform: uppercase; color: #4f46e5; }
.ed-f { margin: 12px 0; }
.ed-f label { display: block; font-weight: 800; margin-bottom: 4px; color: #0f0c29; }
.ed-f input:not([type="checkbox"]):not([type="color"]), .ed-f textarea { width: 100%; font: inherit; font-size: 1.05rem; padding: 12px 14px; border-radius: 12px; border: 2px solid #d6d2f5; background: #fff; color: #0f0c29; }
.ed-f input:focus, .ed-f textarea:focus { outline: none; border-color: #7c3aed; box-shadow: 0 0 0 4px rgba(124, 58, 237, .15); }
.ed-hint { margin: 0 0 6px; color: #3f3a63; font-size: 1rem; }
.ed-check label { display: flex; gap: 10px; align-items: center; font-weight: 700; }
.ed-check input { width: 22px; height: 22px; }
.ed-row { display: grid; gap: 0 14px; padding: 8px 0 10px; border-bottom: 1px solid #eeecfb; }
@media (min-width: 760px) { .ed-row { grid-template-columns: 1fr 1.6fr .8fr; } .ed-row .ed-tools { grid-column: 1 / -1; } }
.ed-tools { display: flex; gap: 8px; }
.ed-add { display: inline-flex; align-items: center; margin: 12px 0 4px; padding: 12px 18px; border-radius: 12px; border: 2px dashed #a78bfa; background: #f5f3ff; color: #4f46e5; font: inherit; font-weight: 800; cursor: pointer; }
.ed-main { margin: 8px 0 14px; }
.ed-ph { margin: 0; }
.ed-ph img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 14px; }
.ed-ph-main { max-width: 380px; }
.ed-ph figcaption { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; font-weight: 800; }
.ed-ph figcaption button { padding: 6px 10px; font-size: .9rem; }
.ed-gal { display: grid; gap: 14px; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); }
.ed-logo { display: flex; align-items: center; gap: 14px; }
.ed-logo img { max-height: 60px; width: auto; }
.ed-cols { display: flex; flex-wrap: wrap; gap: 20px; }
.ed-cols input[type="color"] { width: 90px; height: 54px; border: 0; padding: 0; background: none; cursor: pointer; }
.ed-save { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 24px; margin: 22px 0; }
.ed-pv-h { margin-top: 30px; }
.ed-pv { width: 100%; height: 760px; border: 0; border-radius: 18px; box-shadow: 0 0 0 1px #e9e6fb, 0 20px 40px rgba(30, 27, 75, .15); background: #fff; }
@media (max-width: 600px) { .ed-bar { top: 64px; } .ed-pv { height: 600px; } .ed-sec { padding: 4px 14px 14px; } }

.ed-ask { padding: 18px 20px 22px; background: linear-gradient(150deg, #f5f3ff, #fdf2f8); }
.ed-ask h2 { margin: 6px 0 6px; }