/* Customer-site palette, with office-style forms and readable controls. */
.mini-scroll{overflow:hidden!important}
/* New form fields must not become scroll anchors for the outer editor. */
#content{overflow-anchor:none}
#section-filter{width:100%;margin-bottom:16px;font-size:.875rem;min-height:44px}
.mini-scroll{position:relative}
.mini-pick-box{position:absolute;pointer-events:none;z-index:10;box-sizing:border-box}
.mini-pick-selected{border:1.5px solid #765b44;box-shadow:0 0 0 1px #fff9;background:transparent}
.mini-pick-hover{border:1px dashed #8c7a68;box-shadow:0 0 0 1px #ffffff70;background:transparent}
.mini-pick-box[hidden]{display:none}
#mini-status{font-size:.875rem;font-weight:400;color:#665044;border:0;padding:4px 0;background:transparent;min-height:40px}
.crop-stage{position:relative;overflow:hidden;width:100%;aspect-ratio:1;background:#e8ded0;border:1px solid #c9bba9;border-radius:6px;touch-action:none;cursor:grab}
.crop-stage:focus-visible{outline:2px solid #765b44;outline-offset:3px}
.crop-stage.is-dragging{cursor:grabbing}
#crop-image{position:absolute;max-width:none;object-fit:cover;pointer-events:none;user-select:none}
.crop-grid{position:absolute;inset:0;pointer-events:none;opacity:0;background:linear-gradient(to right,transparent 33.1%,#ffffff90 33.2%,#ffffff90 33.5%,transparent 33.6%,transparent 66.4%,#ffffff90 66.5%,#ffffff90 66.8%,transparent 66.9%),linear-gradient(to bottom,transparent 33.1%,#ffffff90 33.2%,#ffffff90 33.5%,transparent 33.6%,transparent 66.4%,#ffffff90 66.5%,#ffffff90 66.8%,transparent 66.9%)}
.crop-stage.is-dragging .crop-grid{opacity:1}
.crop-tools{margin:16px 0 24px}.crop-tools label{font-size:.875rem;margin-top:12px}.crop-tools output{float:right;font-weight:400}.crop-tools input[type=range]{width:100%;min-height:32px;padding:0;accent-color:#765b44}.crop-tools button{margin-top:10px;font-size:.875rem}.crop-tools summary{font-size:.875rem;cursor:pointer}
.crop-thumbnail{position:relative;display:block;overflow:hidden;width:100%;aspect-ratio:1;padding:0;border-radius:6px;cursor:zoom-in;background:#e8ded0}
#crop-thumbnail-image{position:absolute;max-width:none;object-fit:cover;pointer-events:none}
.crop-thumbnail>span{position:absolute;bottom:12px;right:12px;padding:8px 16px;background:#fffdf9;color:#3a2a21;border-radius:24px;box-shadow:0 2px 12px #0002;font-size:.875rem}
body.crop-is-open{overflow:hidden}
.crop-dialog{width:min(760px,calc(100vw - 32px));height:min(850px,calc(100dvh - 32px));max-width:none;max-height:none;padding:0;border:1px solid #d4c5b3;border-radius:16px;background:#f6f2eb;color:#3a2a21;overflow:hidden}
.crop-dialog[open]{display:flex;flex-direction:column}
.crop-dialog::backdrop{background:#201b17b3}
.crop-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;gap:12px;flex:none;border-bottom:1px solid #d4c5b3}
.crop-dialog-header h2{font-size:1.125rem;margin:0}.crop-dialog-header button{border:0;background:transparent;min-height:44px;padding:8px 14px;font-size:1rem}
.crop-dialog-header #crop-done{background:#3a2a21;color:#fffdf9;border-radius:24px}
.crop-workspace{min-height:140px;flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#28231f}
.crop-dialog .crop-stage{flex:none;border:1px solid #ffffffaa;border-radius:0;max-width:100%;box-shadow:0 0 0 12px #0002}
.crop-dialog .crop-grid{opacity:.28}.crop-dialog .is-dragging .crop-grid{opacity:1}
.crop-corners{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#fff,#fff) left top/20px 3px no-repeat,linear-gradient(#fff,#fff) left top/3px 20px no-repeat,linear-gradient(#fff,#fff) right top/20px 3px no-repeat,linear-gradient(#fff,#fff) right top/3px 20px no-repeat,linear-gradient(#fff,#fff) left bottom/20px 3px no-repeat,linear-gradient(#fff,#fff) left bottom/3px 20px no-repeat,linear-gradient(#fff,#fff) right bottom/20px 3px no-repeat,linear-gradient(#fff,#fff) right bottom/3px 20px no-repeat}
.crop-dialog-controls{flex:none;padding:14px 24px 16px;max-height:40dvh;overflow:auto}
.crop-dialog #crop-help{text-align:center;font-size:.875rem;color:#79675a;margin:0 0 10px}
.crop-zoom-row{display:flex;gap:18px;align-items:center}.crop-zoom-row button{width:44px;height:44px;min-width:44px;padding:0;border-radius:50%;font-size:1.5rem}.crop-zoom-row input[type=range]{flex:1;min-width:0;height:44px;padding:0;accent-color:#765b44;border:0}
.crop-controls-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.8125rem;color:#79675a}.crop-controls-bottom button{border:0;background:transparent;font-size:.875rem;padding:8px 0;min-height:44px}.crop-controls-bottom output{font-size:.875rem;min-width:48px;text-align:center}
.crop-note{font-size:.75rem;color:#79675a;text-align:center;margin:4px 0 0}
@media(max-width:600px){.crop-dialog{width:100vw;height:100dvh;margin:0;border:0;border-radius:0}.crop-dialog-header{padding:10px 12px}.crop-dialog-controls{padding:12px 18px 20px;padding-bottom:max(20px,env(safe-area-inset-bottom))}.crop-controls-bottom>span{font-size:.75rem}}
:root{--blue:#3a2a21;--accent:#765239;--bg:#f6f2eb;--ink:#3a2a21;--muted:#79675a;--line:#ded4c8;--green:#536449}
/* Photo editor: a stable image workbench and a compact supporting sidebar. */
.crop-complete{width:min(1100px,calc(100vw - 32px))}
.crop-complete .crop-dialog-header{padding:12px 20px}
.crop-complete .crop-dialog-header h2{font-size:1rem;line-height:1.5;text-align:center;min-width:0}
.crop-complete .crop-dialog-header button{flex:none}
.crop-toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:4px 20px;border-bottom:1px solid #d4c5b3;flex:none}
.crop-toolbar>div{display:flex;gap:4px}.crop-toolbar button{font-size:.875rem;min-height:44px;padding:7px 10px;background:transparent;border-color:transparent}
.crop-toolbar button:hover:not(:disabled){background:#e8ded0}.crop-complete button:disabled,.crop-complete input:disabled{opacity:.4;cursor:default}
.crop-main{display:grid;grid-template-columns:minmax(0,1fr) 300px;flex:1;min-height:0}
.crop-center{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0}
.crop-context{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;padding:10px 20px;background:#29241f;color:#f1e8dc;font-size:.8125rem;line-height:1.5}
#crop-ratio-label{color:#d0c2b0}
.crop-complete .crop-workspace{position:relative;min-width:0;min-height:0;isolation:isolate;background:#211d19}
.crop-complete .crop-stage{overflow:visible;background:transparent;box-shadow:none;max-width:none;border:0;outline:1px solid #ffffffb3;z-index:1}
.crop-complete [hidden]{display:none!important}
.crop-complete #crop-image{z-index:0;touch-action:none}
.crop-shield{position:absolute;inset:0;box-shadow:0 0 0 9999px #15110da8;pointer-events:none;z-index:2}
.crop-complete .crop-grid{z-index:3}
.crop-complete .crop-handle{position:absolute;width:44px;height:44px;min-height:44px;padding:0;border:0;background:transparent;border-radius:0;z-index:5;touch-action:none}
.crop-handle::after{content:'';position:absolute;width:18px;height:18px;border-style:solid;border-color:#fff;filter:drop-shadow(0 1px 2px #0008)}
.handle-nw{left:-22px;top:-22px;cursor:nwse-resize}.handle-ne{right:-22px;top:-22px;cursor:nesw-resize}.handle-sw{left:-22px;bottom:-22px;cursor:nesw-resize}.handle-se{right:-22px;bottom:-22px;cursor:nwse-resize}
.handle-nw::after{right:0;bottom:0;border-width:3px 0 0 3px}.handle-ne::after{left:0;bottom:0;border-width:3px 3px 0 0}.handle-sw::after{right:0;top:0;border-width:0 0 3px 3px}.handle-se::after{left:0;top:0;border-width:0 3px 3px 0}
.crop-stage.placing-focus{cursor:crosshair}.crop-stage.is-comparing{cursor:default}.is-comparing .crop-handle,.is-comparing .crop-grid{visibility:hidden}
#crop-focus-dot{position:absolute;width:22px;height:22px;border:2px solid #fff;border-radius:50%;background:#765b4480;box-shadow:0 0 0 2px #3a2a2170;transform:translate(-50%,-50%);pointer-events:none;z-index:4}
#crop-compare-label{position:absolute;top:12px;left:50%;transform:translateX(-50%);padding:6px 12px;background:#f6f2eb;color:#3a2a21;border-radius:20px;z-index:10;font-size:.875rem}
#crop-loading{color:#e8ded0;text-align:center;font-size:.875rem;line-height:1.7;padding:24px;max-width:350px}
#crop-loading button{min-height:44px;font-size:.875rem}
.crop-adjustments{background:#fffdf9;padding:10px 24px 14px;border-top:1px solid #d4c5b3}
.crop-complete #crop-help{font-size:.8125rem;color:#79675a;text-align:center;line-height:1.6;margin:0 0 6px}
.crop-adjust-row{display:grid;grid-template-columns:100px minmax(0,1fr) 52px;gap:12px;align-items:center;max-width:600px;margin:auto}
.crop-adjust-row label{font-weight:500;font-size:.875rem;margin:0}
.crop-adjust-row output{font-size:.875rem;font-variant-numeric:tabular-nums;text-align:right;color:#665044}
.crop-complete .crop-zoom-row{gap:10px}
.crop-complete .crop-zoom-row button{width:36px;height:44px;min-width:36px;border:0;background:transparent}
.crop-tilt-control{display:flex;align-items:center;gap:12px;min-width:0}.crop-tilt-control label{white-space:nowrap}
.crop-tilt-control input[type=range]{width:100%;min-width:0;min-height:44px;padding:0;border:0;accent-color:#765b44}
.crop-complete .crop-rotation{border:0;padding:4px 0 0;margin:4px auto 0}
.crop-complete #crop-rotate{padding:8px;font-size:.875rem;min-height:44px;white-space:nowrap;background:#f6f2eb}
.crop-complete .crop-dialog-controls{padding:20px;max-height:none;min-height:0;border-left:1px solid #ded4c8;overscroll-behavior:contain;background:#f8f5ef;display:flex;flex-direction:column;gap:16px}
.crop-sidebar-section{padding:0;margin:0}
.crop-sidebar-section h3{font-size:1rem;font-weight:600;margin:0 0 12px;line-height:1.5}
.crop-complete .crop-note{text-align:left;font-size:.8125rem;line-height:1.65;margin:8px 0 0}
.crop-device-options{display:flex;gap:3px;background:#e9e1d6;padding:3px;border:0;border-radius:8px;margin:0}
.crop-device-options button{flex:1;min-height:44px;font-size:.875rem;padding:8px 4px;border-color:transparent;border-radius:6px;background:transparent}
.crop-complete .crop-device-options button[aria-pressed=true]{background:#fffdf9;border-color:#c9bba9;box-shadow:0 1px 3px #3a2a2110;color:#3a2a21}
.crop-result-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start;margin-top:14px}
.crop-result-pair figure{margin:0;min-width:0}.crop-result-mat{height:152px;display:flex;align-items:center;justify-content:center;background:#e9e3db;border:1px solid #e1d7ca;border-radius:6px;overflow:hidden}
.crop-result{position:relative;overflow:hidden;background:#e8ded0;max-width:100%;border-radius:2px}.crop-result img{position:absolute;max-width:none}
.crop-result-pair figcaption{font-size:.8125rem;text-align:center;color:#79675a;margin-top:6px}
.crop-focus-tools{padding-top:16px;border-top:1px solid #ded4c8}
.crop-focus-tools button{font-size:.875rem;min-height:44px;width:100%}
.crop-focus-tools button[aria-pressed=true]{background:#e8ded0;border-color:#765b44}
#crop-clear-focus{background:transparent;border:0;text-decoration:underline;margin-top:4px}
.crop-quality{font-size:.8125rem;line-height:1.6;padding:10px 12px;border-left:3px solid #b49c6b;border-radius:3px;background:#f4ecdb;color:#725523;margin:0}
.crop-extra-help{font-size:.875rem;border-top:1px solid #ded4c8;padding-top:12px}.crop-extra-help summary{cursor:pointer;min-height:32px}
.crop-side-footer{margin-top:auto;padding-top:4px}#crop-reset,#crop-mobile-retry{font-size:.875rem;min-height:44px}
.crop-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.crop-size-probe{position:fixed;left:-10000px;top:0;border:0;opacity:0;pointer-events:none;max-width:none}
@media(max-width:760px){
 .crop-complete{width:100vw;height:100dvh;margin:0;border:0;border-radius:0}
 .crop-complete .crop-dialog-header{padding:8px;gap:4px}.crop-complete .crop-dialog-header h2{font-size:.875rem}
 .crop-complete .crop-dialog-header button{font-size:.875rem;padding-inline:10px}
 .crop-toolbar{padding:4px 8px;gap:4px}.crop-toolbar button{font-size:.8125rem;padding:6px}
 .crop-main{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(110px,25dvh)}
 .crop-context{padding:6px 12px;font-size:.75rem}
 .crop-adjustments{padding:6px 12px 8px}.crop-adjust-row{grid-template-columns:85px minmax(0,1fr) 45px;gap:6px}
 .crop-tilt-control{gap:6px}.crop-complete #crop-help{font-size:.75rem}
 .crop-complete .crop-dialog-controls{border-left:0;border-top:1px solid #ded4c8;padding:14px 18px max(18px,env(safe-area-inset-bottom));gap:14px}
 .crop-result-pair{max-width:300px}.crop-result-mat{height:152px}
}
@media(max-height:550px) and (min-width:761px){
 .crop-complete .crop-dialog-header{padding-block:4px}
 .crop-complete .crop-main{overflow:auto;display:grid;grid-template-columns:minmax(0,1fr) 280px;grid-template-rows:minmax(340px,1fr)}
 .crop-complete .crop-dialog-controls{overflow:visible}
}
@media(max-height:600px) and (max-width:760px){
 .crop-complete .crop-main{overflow:auto;grid-template-rows:340px auto}
 .crop-complete .crop-dialog-controls{overflow:visible}
}
body{background:var(--bg)}button,input:not([type=checkbox]),textarea,select,.sidebar,.card,.record-list,.auth-card{background:#fffdf9}button{border-color:#c1b19e}button:hover{background:#eee5d9;border-color:#9d856d}.primary,.app-mark{background:#3a2a21;color:#fffdf9;border-color:#3a2a21}.primary:hover{background:#574032}.toolbar{background:#f6f2eb;border-color:#d9cdbd}.nav-item[aria-current=page],.record-item[aria-pressed=true]{background:#e8ded0;color:#3a2a21}.environment,.welcome .step-badge{background:#eee5d9;border-color:#d2c2ac;color:#604732}.pill{background:#efeee5;border-color:#d2d5c2;color:#4e603f}.quick-card,.record-item{background:#fffdf9}.record-item{border-color:#e7dfd5}.media-preview{background:#e8ded0;border-color:#b7a791}.toast{background:#3a2a21}input:not([type=checkbox]),textarea,select{border-color:#c9bba9}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:#a17e55}.upload-label:focus-within{outline-color:#a17e55}
main{max-width:1800px;padding:26px 28px 44px}.page-heading{margin-bottom:17px}.page-heading h1{font-size:1.55rem}.page-navigation{display:flex;flex-wrap:wrap;gap:7px;border-bottom:1px solid var(--line);padding-bottom:19px;margin-bottom:20px}.page-navigation button{background:transparent;border-color:transparent;font-size:.875rem}.page-navigation button[aria-current=page]{background:#3a2a21;color:#fffdf9;border-color:#3a2a21}.page-navigation button:hover:not([aria-current=page]){background:#e8ded0}.editing-page{display:flex;gap:22px;justify-content:space-between;align-items:end;margin-bottom:18px}.editing-page h2{margin:3px 0 0;font-size:1.25rem}.editing-page p{font-size:.875rem;color:var(--muted);margin:0}.shared-note{font-size:.8125rem;color:var(--muted);line-height:1.5}.shared-note .text-button{font-size:inherit;min-height:0;padding:2px 6px;text-decoration:underline}.page-editor-grid{grid-template-columns:210px minmax(0,1fr);gap:18px}.edit-and-preview{display:grid;grid-template-columns:minmax(280px,1fr) minmax(300px,.95fr);gap:18px;align-items:start;min-width:0}.record-items{max-height:calc(100vh - 380px)}.record-section{padding:11px 14px;background:#f2ebe1;font-size:.75rem;color:#665044;margin:0;border-block:1px solid var(--line);line-height:1.7}.record-item{padding:12px 14px;font-size:.875rem}.record-item small{font-size:.75rem}.editor-panel .card{padding:21px}.editor-panel .pair{grid-template-columns:1fr;gap:0}.editor-meta h2{font-size:1.05rem}.field-location{font-size:.8125rem;color:var(--muted);margin-bottom:20px}.channel-heading{margin:25px 0 14px;border-top:1px solid var(--line);padding-top:20px}.mini-panel{position:sticky;top:104px;border:1px solid #d4c5b3;background:#fffdf9;border-radius:9px;padding:17px;min-width:0}.mini-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.mini-heading h2{font-size:1rem;margin:0}.mini-panel>.hint{font-size:.75rem;line-height:1.8;margin:10px 0}.mini-controls{display:flex;gap:10px;align-items:end;margin-top:12px}.mini-controls label{flex:1;font-size:.75rem;font-weight:400;margin:0}.mini-controls select{font-size:.8125rem;padding:8px;margin-top:5px;min-height:42px}.mini-languages{display:flex;gap:3px}.mini-languages button{font-size:.75rem;padding:8px;min-height:42px}.mini-languages button[aria-pressed=true]{background:#e8ded0;border-color:#8e6a4e}.mini-status{font-size:.75rem;color:#665044;line-height:1.7;min-height:40px;margin:13px 0 9px}.mini-scroll{height:clamp(350px,58vh,640px);overflow:auto;background:#e8ded0;border:1px solid #d2c4b3;border-radius:4px;overscroll-behavior:contain}#mini-stage{position:relative;width:100%;height:400px}#mini-frame{position:absolute;top:0;left:0;border:0;transform-origin:top left;background:#f6f2eb;max-width:none;display:block}.mini-bottom{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}.mini-bottom button{font-size:.75rem;padding:8px;min-height:38px}.editor-panel .media-preview{aspect-ratio:16/7}.record-list{position:sticky;top:104px}.page-editor-grid .list-controls{padding:13px}.mini-panel .hint{color:#79675a}
@media(max-width:1350px){.workspace{grid-template-columns:195px minmax(0,1fr)}.brand strong{font-size:.875rem}.sidebar{padding-inline:10px}.page-editor-grid{grid-template-columns:185px minmax(0,1fr);gap:14px}.edit-and-preview{grid-template-columns:minmax(250px,1fr) minmax(250px,.95fr);gap:14px}main{padding-inline:20px}.mini-panel,.editor-panel .card{padding:15px}.toolbar{padding-inline:20px}}
@media(max-width:1120px){.page-editor-grid{grid-template-columns:190px minmax(0,1fr)}.edit-and-preview{grid-template-columns:1fr}.mini-panel{position:static}.mini-scroll{height:450px}.editor-panel .pair{grid-template-columns:1fr 1fr;gap:15px}.record-list{top:150px}.editing-page{align-items:start;flex-direction:column;gap:7px}}
@media(max-width:760px){.workspace{display:block}main{padding:20px 15px}.page-navigation{flex-wrap:nowrap;overflow:auto;gap:3px;padding-bottom:12px}.page-navigation button{white-space:nowrap;flex:none;font-size:.8125rem}.page-editor-grid{display:block}.record-list{position:static}.record-items{max-height:200px;min-height:0}.edit-and-preview{display:flex;flex-direction:column}.editor-panel,.mini-panel{width:100%}.editor-panel .pair{grid-template-columns:1fr;gap:0}.mini-scroll{height:430px}.toolbar{padding-inline:15px}.page-heading p{font-size:.8125rem}.editor-meta h2{font-size:1.1rem}}