
.admin-body{--bg:var(--admin-bg);--panel:var(--admin-panel);--raised:var(--admin-soft);--text:var(--admin-text);--muted:var(--admin-muted);--line:var(--admin-line);--accent:var(--admin-accent);--accent-ink:var(--admin-ink);font:15px/1.55 BarberBody,Arial,sans-serif;background:var(--bg);color:var(--text)}
.admin-body h1,.admin-body h2,.admin-body h3{font-family:BarberBody,Arial,sans-serif;letter-spacing:-.035em;font-weight:600}.admin-body h1{font-size:32px}.admin-body h2{font-size:21px;line-height:1.3;margin-bottom:12px}.admin-body h3{font-size:16px}.admin-body .eyebrow{font:600 10px/1.4 BarberBody,Arial,sans-serif;letter-spacing:.16em}.admin-body .button{border-radius:9px;min-height:44px;padding:11px 18px;font:600 14px/1.25 BarberBody,Arial,sans-serif;gap:10px;transition:background .18s,transform .18s}.admin-body .secondary{background:var(--panel);border-color:var(--line);color:var(--text)}.admin-body button:disabled{opacity:.5;cursor:wait}.admin-body a:hover{text-decoration:none}
.admin-header{position:sticky;top:0;z-index:30;min-height:88px;padding:16px 32px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:var(--bg);border-bottom:1px solid var(--line)}.admin-header .brand>span{font-size:24px}.admin-header .brand small{font-size:9px;letter-spacing:.16em}.admin-header-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.admin-header-actions form{margin:0}.admin-layout{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:calc(100dvh - 88px)}.admin-sidebar{position:sticky;top:88px;align-self:start;height:calc(100dvh - 88px);overflow-y:auto;padding:30px 16px;border-right:1px solid var(--line);display:flex;flex-direction:column;background:var(--bg)}.admin-sidebar>.eyebrow{margin:0 14px 20px;color:var(--muted)}.admin-sidebar nav{display:grid;gap:6px}.admin-sidebar nav button{display:flex;align-items:center;gap:13px;background:transparent;text-align:left;color:var(--muted);border:1px solid transparent;border-radius:9px;padding:12px 13px;min-height:48px;font:400 14px BarberBody,Arial,sans-serif;transition:background .18s,color .18s}.admin-sidebar nav button:hover{background:var(--panel);color:var(--text)}.admin-sidebar nav button.active{background:var(--admin-soft);color:var(--accent);border-color:var(--line)}.admin-sidebar nav .icon{width:20px;height:20px}.sidebar-note{margin-top:auto;padding:30px 14px 0;font-size:12px;color:var(--muted)}.sidebar-note>.icon{display:block;color:var(--accent);margin-bottom:13px;width:22px}.sidebar-note strong{display:block;color:var(--text);font-weight:400}.sidebar-note p{margin:8px 0 0;line-height:1.6}.admin-main{padding:0 36px 60px;max-width:1640px;min-width:0;width:100%;margin:auto}.editor-heading{position:sticky;top:88px;z-index:20;background:var(--bg);padding:30px 0 24px;margin:0 0 20px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.editor-heading .eyebrow{color:var(--muted);margin-bottom:10px}.editor-heading h1{margin:0}.section-description{font-size:13px;color:var(--muted);margin:9px 0 0;max-width:470px}.editor-actions{display:flex;align-items:center;justify-content:end;gap:9px;flex-wrap:wrap;max-width:510px}.editor-actions .button{padding:11px 14px;font-size:13px}.state-badge{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);flex-basis:100%;justify-content:end}.state-badge:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--success)}.state-badge.pending:before{background:var(--accent)}
#status{font-size:13px;color:var(--muted);margin-bottom:24px;padding:12px 16px;border-radius:9px;background:var(--panel);border:1px solid var(--line);overflow-wrap:anywhere}#status.error,.error{color:var(--error)}#status.success{color:var(--success)}#status.unsaved-note{color:var(--accent)}.editor-panel{padding:28px;background:var(--panel);border:1px solid var(--line);border-radius:14px;margin-bottom:24px;min-width:0}.editor-panel>p{font-size:14px;color:var(--muted);max-width:740px;margin-bottom:24px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:22px;min-width:0}.field label{font-size:13px;font-weight:600;color:var(--text)}.field small{font-size:12px;color:var(--muted);line-height:1.5}.admin-body input,.admin-body textarea,.admin-body select{width:100%;padding:12px 14px;color:var(--text);background:var(--admin-input);border:1px solid var(--line);border-radius:8px;min-height:46px;font:400 16px/1.4 BarberBody,Arial,sans-serif}.admin-body input:focus,.admin-body textarea:focus,.admin-body select:focus{border-color:var(--accent)}.admin-body textarea{min-height:120px;resize:vertical}.admin-body input[type=checkbox]{accent-color:var(--accent)}.field-wide{grid-column:1/-1}.image-control{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--admin-input)}.image-control img{width:100%;height:210px;object-fit:contain;border-radius:7px;background:var(--bg)}.image-control .button{font-size:12px;min-height:40px;padding:10px 13px}.image-control .button:last-child{margin-left:auto}.page-editor-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:32px}.page-editor-grid>div{min-width:0}.page-editor-grid textarea{min-height:110px}.page-editor-grid .image-control img{height:240px}.benefit-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:8px}.benefit-editor{padding:20px;border:1px solid var(--line);border-radius:10px;background:var(--admin-input)}.benefit-editor .field:last-child{margin-bottom:0}
.welcome-card{position:relative;display:grid;grid-template-columns:1.1fr .9fr;isolation:isolate;overflow:hidden;border-radius:16px;background:var(--panel);border:1px solid var(--line);margin-bottom:24px;min-height:240px}.welcome-card>div{padding:35px;align-self:center}.welcome-card h2{font:500 37px/1.12 BarberDisplay,Georgia,serif;margin-bottom:16px;max-width:500px}.welcome-card p{font-size:14px;max-width:440px;color:var(--muted);margin:0}.welcome-photo{width:100%;height:100%;object-fit:cover;object-position:65% center}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:28px}.quick-link{position:relative;display:flex;flex-direction:column;align-items:start;text-align:left;gap:7px;padding:25px 20px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);min-height:123px;transition:border-color .18s,transform .18s}.quick-link:hover{border-color:var(--accent);transform:translateY(-2px)}.quick-link strong{font-size:15px;padding-right:20px;font-weight:600}.quick-link>span:not(.quick-arrow){font-size:12px;color:var(--muted)}.quick-arrow{position:absolute;right:16px;top:19px;color:var(--accent);font-size:20px}.dashboard-columns{display:grid;grid-template-columns:1.05fr 1fr;gap:24px}.dashboard-state{display:block;color:var(--accent);font-size:14px;margin:18px 0 7px}.workflow{list-style:none;margin:25px 0 0;padding:0;display:grid;gap:22px}.workflow li{display:flex;gap:17px;align-items:center}.step-number{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;color:var(--accent);font-size:11px;flex:none}.workflow li strong{display:block;font-size:14px;font-weight:400;margin-bottom:3px}.workflow li div>span{display:block;font-size:12px;color:var(--muted)}.check-row{display:flex;align-items:center;gap:12px;width:100%;background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--text);padding:14px 0;text-align:left;font:inherit;font-size:14px;min-height:48px}.check-row small{margin-left:auto;font-size:11px;color:var(--accent)}.check-mark{color:var(--muted);width:20px}.check-mark.ready{color:var(--success)}.helper-note{font-size:12px!important;margin:18px 0 0!important;line-height:1.6}
.page-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.page-card{overflow:hidden;padding:0;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:10px;text-align:left;min-width:0;transition:border-color .18s}.page-card:hover,.page-card.selected{border-color:var(--accent)}.page-card img,.page-placeholder{display:block;width:100%;height:100px;object-fit:cover;object-position:center}.page-placeholder{display:grid;place-items:center;color:var(--accent);background:var(--admin-soft);font:28px Georgia,serif}.page-card-copy{display:block;padding:13px}.page-card-copy strong{display:block;font-size:13px;font-weight:600}.page-card-copy small{display:block;color:var(--muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px}.page-cards.compact{grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;margin-bottom:28px}.compact .page-card img,.compact .page-placeholder{height:62px}.compact .page-card-copy{padding:11px 8px}.compact .page-card-copy strong{font-size:11px}.compact .page-card-copy small{font-size:10px}.compact .page-card.selected{background:var(--admin-soft)}
.collection-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:15px}.collection-toolbar input{max-width:380px}.collection-toolbar .button{flex:none}.collection-count{font-size:12px;color:var(--muted);margin-bottom:20px}.item-list{display:grid;gap:14px}.item-editor{border:1px solid var(--line);border-radius:12px;background:var(--panel);overflow:hidden}.item-editor[open]{border-color:var(--accent)}.item-editor>summary{list-style:none;display:flex;align-items:center;gap:18px;padding:18px 22px;cursor:pointer;min-height:100px}.item-editor>summary::-webkit-details-marker{display:none}.item-editor>summary>img,.item-placeholder{width:80px;height:62px;border-radius:7px;object-fit:cover;flex:none}.item-placeholder{display:grid;place-items:center;background:var(--admin-soft);color:var(--accent);font-size:24px}.item-summary-copy{flex:1;min-width:0}.item-summary-copy strong{display:block;font-size:16px;font-weight:600;overflow-wrap:anywhere}.item-summary-copy small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.summary-price{font-size:16px;color:var(--accent);min-width:70px;text-align:right}.visibility-badge{font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:20px;padding:4px 10px;white-space:nowrap}.visibility-badge.is-hidden{background:var(--admin-soft);color:var(--accent)}.disclosure-arrow{font-size:22px;color:var(--muted);margin-left:6px;transition:transform .18s}.item-editor[open] .disclosure-arrow{transform:rotate(180deg)}.item-editor-body{padding:0 26px 8px;border-top:1px solid var(--line)}.item-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:22px 0;margin-bottom:6px}.small-button{background:var(--admin-input);color:var(--text);border:1px solid var(--line);border-radius:7px;padding:8px 12px;min-height:38px;font-size:12px}.visible-check{display:flex;gap:9px;align-items:center;font-size:12px;color:var(--muted);min-height:40px}.visible-check input{width:18px!important;min-height:18px!important;height:18px;flex:none}.item-editor-body .image-control img{width:190px;height:120px}.item-editor-body .image-control .button:last-child{margin-left:0}
.media-controls{display:flex;gap:14px;margin:25px 0 20px}.media-controls input{flex:1;min-width:0}.media-controls select{width:190px}.media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:20px 0}.media-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel);padding:0 0 16px;min-width:0;text-align:left;color:var(--text);font:inherit}.media-card:hover{border-color:var(--accent)}.media-card img{width:100%;height:165px;object-fit:cover}.media-name{display:block;font-size:13px;font-weight:600;margin:14px 14px 4px;overflow-wrap:anywhere}.media-card small{display:block;margin:0 14px;color:var(--muted);font-size:11px}.media-select{display:block;margin:16px 14px 0;color:var(--accent);font-size:12px}.upload-zone{display:grid;grid-template-columns:1fr auto;gap:12px 20px;background:var(--admin-input);border:1px dashed var(--line);border-radius:12px;padding:22px}.upload-zone label{font-size:15px;font-weight:600;grid-column:1/-1}.upload-zone small{grid-column:1/-1;color:var(--muted);font-size:12px}.upload-zone input{min-width:0;background:var(--panel);padding:8px;font-size:13px}.upload-zone input::file-selector-button{background:var(--admin-soft);color:var(--text);border:0;border-radius:5px;padding:6px 10px;margin-right:10px}.upload-feedback{grid-column:1/-1;font-size:13px;margin:0!important;color:var(--accent)!important}.upload-feedback:empty{display:none}.history-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.history-row p{margin:0;font-size:14px}.history-row small{color:var(--muted);font-size:12px}.history-row .button{font-size:12px}.empty{border:1px dashed var(--line);border-radius:12px;padding:28px;font-size:14px;color:var(--muted)}
.admin-body dialog{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:16px;padding:32px;width:min(760px,calc(100% - 32px));max-height:88dvh;overflow-y:auto}.admin-body dialog::backdrop{background:var(--overlay)}.admin-body #image-dialog{width:min(1080px,calc(100% - 40px));padding:28px}.picker-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.picker-heading h2{font-size:26px;margin:0}.picker-heading .eyebrow{margin-bottom:8px}.dialog-actions{display:flex;justify-content:end;gap:12px;margin-top:28px}.login-shell{width:min(520px,calc(100% - 40px));margin:80px auto}.login-card{margin:35px 0 18px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:38px}.login-card h1{font:500 43px BarberDisplay,Georgia,serif}.login-card p{font-size:14px;color:var(--muted)}.login-card label{font-size:13px}.login-card input{margin:10px 0 25px}.login-card .button{width:100%}.admin-body .brand-logo{max-width:210px;height:68px}
@media(min-width:1700px){.admin-main{padding-inline:52px}.welcome-card{min-height:275px}.welcome-card h2{font-size:43px}.quick-link{min-height:135px;padding:28px 22px}}
@media(max-width:1200px){.admin-layout{grid-template-columns:210px minmax(0,1fr)}.admin-main{padding-inline:24px}.editor-heading{align-items:start;flex-direction:column;gap:20px}.editor-actions{max-width:none;width:100%;justify-content:start}.state-badge{flex-basis:auto;margin-right:auto;justify-content:start}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-cards.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.welcome-card h2{font-size:32px}.welcome-card>div{padding:26px}.page-editor-grid{gap:24px;grid-template-columns:1fr 1fr}.dashboard-columns{grid-template-columns:1fr}.dashboard-columns .editor-panel{margin-bottom:0}.dashboard-columns{margin-bottom:24px}}
@media(max-width:760px){.admin-header{position:relative;padding:20px;min-height:0;align-items:start;flex-wrap:wrap}.admin-header .brand>span{font-size:23px}.admin-header-actions{gap:8px}.admin-header-actions .button{font-size:11px;padding:10px}.admin-header-actions .theme-toggle{width:34px}.admin-layout{display:block}.admin-sidebar{position:relative;top:auto;height:auto;display:block;border-right:0;border-bottom:1px solid var(--line);padding:14px 20px;overflow:visible}.admin-sidebar>.eyebrow,.sidebar-note{display:none}.admin-sidebar nav{display:flex;overflow-x:auto;gap:8px;padding-bottom:5px;scrollbar-width:thin}.admin-sidebar nav button{flex:none;white-space:nowrap;min-height:44px;padding:10px 12px;gap:8px;font-size:12px}.admin-sidebar nav .icon{width:17px;height:17px}.admin-main{padding:0 20px 40px}.editor-heading{position:relative;top:auto;padding:26px 0 20px;gap:18px;margin-bottom:18px}.editor-heading h1{font-size:28px}.section-description{font-size:13px}.editor-actions{gap:8px;justify-content:start}.editor-actions .button{font-size:11px;padding:11px 12px;flex:1;white-space:nowrap}.state-badge{flex-basis:100%;margin-bottom:4px}.editor-panel{padding:22px;margin-bottom:20px}.admin-body h2{font-size:20px}.welcome-card{grid-template-columns:1fr;min-height:0}.welcome-card>div{padding:25px}.welcome-card h2{font-size:34px}.welcome-photo{height:155px;object-position:center 45%}.quick-grid{gap:12px;margin-bottom:20px}.quick-link{padding:22px 16px;min-height:130px}.quick-link strong{font-size:14px;padding-right:14px}.quick-link>span:not(.quick-arrow){font-size:11px}.quick-arrow{right:12px;top:14px}.page-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.page-cards.compact{display:flex;overflow-x:auto;gap:10px;padding-bottom:10px;margin-bottom:20px}.compact .page-card{flex:0 0 112px}.compact .page-card-copy strong{font-size:12px}.page-editor-grid,.field-grid,.benefit-editor-grid{grid-template-columns:1fr;gap:0}.benefit-editor-grid{gap:16px;margin-bottom:22px}.page-editor-grid .image-control img{height:180px}.collection-toolbar{flex-wrap:wrap;gap:12px}.collection-toolbar input{max-width:none}.collection-toolbar .button{width:100%}.item-editor>summary{gap:12px;padding:15px 13px;flex-wrap:wrap}.item-editor>summary>img,.item-placeholder{width:55px;height:55px}.item-summary-copy strong{font-size:14px}.item-summary-copy small{font-size:11px}.summary-price{font-size:14px;min-width:55px}.visibility-badge{font-size:10px;padding:3px 8px}.item-editor>summary .visibility-badge{margin-left:67px}.disclosure-arrow{margin-left:auto}.item-editor-body{padding:0 17px 3px}.item-actions{gap:9px}.visible-check{font-size:11px}.image-control{padding:12px;gap:10px}.image-control img,.item-editor-body .image-control img{width:100%;height:160px}.image-control .button{font-size:11px;padding:10px}.image-control .button:last-child{margin-left:0}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.media-card img{height:125px}.media-name{font-size:12px;margin:12px 12px 4px}.media-card small,.media-select{margin-inline:12px}.media-controls{flex-direction:column;gap:10px}.media-controls select{width:100%}.upload-zone{grid-template-columns:1fr;padding:18px}.upload-zone .button{width:100%}.admin-body #image-dialog{width:calc(100% - 20px);padding:20px;max-height:92dvh}.picker-heading h2{font-size:21px}.picker-heading .button{font-size:12px;padding:10px}.history-row{flex-direction:column;align-items:start;gap:14px}.login-shell{margin-top:40px}.login-card{padding:26px}.dialog-actions{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.admin-body *, .admin-body *:before{transition:none!important;animation:none!important}}

.edit-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);border-radius:8px;padding:8px 12px;min-height:40px;background:var(--admin-input);color:var(--text);font-size:12px;flex:none}
.edit-action svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s}
.edit-action .when-open{display:none}.item-editor[open] .edit-action{color:var(--accent);border-color:var(--accent)}.item-editor[open] .edit-action .when-closed{display:none}.item-editor[open] .edit-action .when-open{display:inline}.item-editor[open] .edit-action svg{transform:rotate(180deg)}.item-editor>summary:hover .edit-action{border-color:var(--accent);color:var(--accent)}
@media(max-width:760px){.edit-action{margin-left:auto;padding:7px 11px;font-size:12px}.item-editor>summary .visibility-badge{margin-left:67px}.edit-action svg{width:18px;height:18px}}

.users-list{display:grid;gap:0;margin-top:24px}.user-row{display:flex;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}.user-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--admin-soft);color:var(--accent);flex:none}.user-row>div{flex:1;min-width:0}.user-row strong{display:block;font-size:15px}.user-row small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.user-form{border-top:1px solid var(--line);margin-top:30px;padding-top:28px}.account-feedback{color:var(--error)!important;font-size:14px}.account-feedback:empty{display:none}@media(max-width:760px){.user-row{flex-wrap:wrap;gap:12px}.user-row .button{font-size:12px}.user-row .visibility-badge{margin-left:54px}}

.image-control video{width:100%;height:210px;object-fit:contain;border-radius:7px;background:var(--bg)}.item-editor>summary>video{width:80px;height:62px;border-radius:7px;object-fit:cover;flex:none}.media-card video{width:100%;height:165px;object-fit:cover}.item-editor-body .image-control video{width:190px;height:120px}@media(max-width:760px){.image-control video,.item-editor-body .image-control video{width:100%;height:160px}.item-editor>summary>video{width:55px;height:55px}.media-card video{height:125px}}

.mobile-section-control{display:none}@media(max-width:760px){.admin-sidebar nav{display:none}.mobile-section-control{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:11px}.admin-section-select{font-size:16px!important;width:100%}.admin-sidebar{padding-block:14px 18px}}

@media(max-width:760px){.item-editor>summary{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:8px 12px;padding:16px}.item-editor>summary>img,.item-editor>summary>video,.item-editor>summary>.item-placeholder{grid-column:1;grid-row:1/4;width:54px;height:64px;align-self:start}.item-summary-copy{grid-column:2/-1;grid-row:1}.summary-price{grid-column:2;grid-row:2;text-align:left}.item-editor>summary .visibility-badge{grid-column:2;grid-row:2;margin:0;justify-self:start}.item-editor>summary:has(.summary-price) .visibility-badge{grid-row:3}.edit-action{grid-column:3;grid-row:2/4;margin:0;justify-self:end;align-self:center}.item-summary-copy strong{overflow-wrap:break-word}.item-summary-copy small{line-height:1.5}}

/* The page map uses the same draft objects as the fields; nothing is saved on navigation. */
.notice-shortcut{margin-top:22px;font-size:12px}.visual-workspace{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);gap:28px;align-items:start;margin-bottom:24px}.page-map{padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:14px;min-width:0}.page-map h2{margin:8px 0}.page-map>p{font-size:13px;color:var(--muted);line-height:1.6}.map-caption{display:block;color:var(--muted);font-size:11px;margin-bottom:20px}.map-block{display:block;width:100%;padding:0;margin:0 0 14px;border:1px solid var(--line);border-radius:10px;background:var(--admin-input);color:var(--text);text-align:left;overflow:hidden;font:inherit;cursor:pointer}.map-block:last-child{margin-bottom:0}.map-block:hover,.map-block.selected{border-color:var(--accent)}.map-block.selected{outline:2px solid var(--accent);outline-offset:2px}.map-block-heading{display:flex;align-items:center;gap:10px;padding:14px;font-size:12px}.map-block-heading strong{flex:1;font-weight:600;overflow-wrap:anywhere}.map-number{color:var(--muted);font-size:11px}.map-edit{color:var(--accent);font-size:10px;white-space:nowrap}.map-block-preview{display:flex;align-items:center;gap:12px;padding:16px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);line-height:1.6;overflow:hidden;overflow-wrap:anywhere}.map-block-preview>span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.map-block-preview>img,.map-block-preview>video{width:90px;height:70px;object-fit:contain;flex:none}.map-notice{justify-content:center;background:var(--raised);color:var(--text);text-align:center}.map-hero{position:relative;isolation:isolate;min-height:185px;align-items:end;padding:22px}.map-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.map-hero:after{content:'';position:absolute;inset:0;background:var(--overlay);z-index:-1}.map-hero .map-hero-copy{display:flex;flex-direction:column;gap:10px;color:var(--hero-ink)}.map-hero-copy strong{font:24px/1.1 BarberDisplay,Georgia,serif;white-space:pre-line}.map-hero-copy>span{font-size:11px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.page-block-form{min-width:0;position:sticky;top:255px}.editing-steps{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;padding:0 4px}.editing-steps strong{font-size:14px;color:var(--accent);font-weight:500}.editing-steps span{font-size:12px;color:var(--muted)}.page-block-form .page-editor-grid{grid-template-columns:1fr;gap:0}.page-block-form .editor-panel[hidden]{display:none}.page-block-form>.editor-panel{margin-bottom:0}.page-block-form .image-control img{height:190px}.page-block-form .benefit-editor-grid{grid-template-columns:1fr}.page-block-form .field-grid{grid-template-columns:1fr}
@media(max-width:1200px){.visual-workspace{grid-template-columns:minmax(230px,.8fr) minmax(0,1fr);gap:20px}.page-map{padding:18px}.page-block-form{position:static}.map-block-heading{flex-wrap:wrap}.map-edit{margin-left:auto}}
@media(max-width:760px){.visual-workspace{grid-template-columns:1fr;gap:24px}.page-map{padding:18px}.page-map>.map-block{margin-bottom:12px}.map-block:not(.selected) .map-block-preview{display:none}.map-block.selected .map-block-preview{max-height:160px}.map-hero{min-height:135px}.map-block-heading{min-height:54px}.editing-steps{margin-bottom:14px}.notice-shortcut{width:100%;white-space:normal;line-height:1.5}}
.related-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:22px}.related-strip>div{min-width:0}.related-strip img,.related-strip video{width:100%;height:70px;object-fit:cover;border-radius:6px}.related-strip small{display:block;color:var(--muted);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:6px}.related-strip:empty{display:none}.page-block-form{scroll-margin-top:20px}.map-block:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.back-to-map{display:none}@media(max-width:760px){.back-to-map{display:inline-flex;margin-bottom:20px;font-size:12px}.page-map{scroll-margin-top:20px}}
.area-save{display:flex;flex-direction:column;gap:12px;margin-top:20px}.area-save small{color:var(--muted);font-size:11px;line-height:1.5}.area-save .button{align-self:start;font-size:13px}@media(max-width:760px){.area-save .button{width:100%;justify-content:center}}
