*{box-sizing:border-box}body{margin:0;background:#f1f3f5;color:#24272b;font:13px/1.45 Inter,Arial,sans-serif}button,select,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.gate{min-height:100dvh;display:grid;place-items:center;background:#f6f3ed;padding:30px}.gate-card{width:min(520px,100%);background:#fff;padding:44px;border:1px solid #e1d7cb;box-shadow:0 20px 50px #40302314}.gate-card h1{font:400 32px/1.2 Georgia,serif}.gate-card p{color:#666}.wordmark{font:400 26px Georgia,serif;letter-spacing:.08em}.wordmark small{display:block;font:12px Arial,sans-serif;letter-spacing:.1em;color:#927055}.action,.primary{display:inline-flex;padding:10px 17px;background:#85694f;color:#fff!important;text-decoration:none;border:1px solid #85694f;border-radius:7px;font-weight:600}.notice{font-size:12px}.app-top{display:flex;min-height:62px;align-items:center;gap:17px;padding:9px 16px;border-bottom:1px solid #dce1e6;background:white;flex-wrap:wrap}.app-logo{font:600 20px Georgia,serif;letter-spacing:.035em;white-space:nowrap}.app-logo span{display:block;font:600 11px Inter,Arial,sans-serif;color:#797d83;letter-spacing:normal}.pages{display:flex;gap:8px;align-items:center;margin-left:13px}.pages label{color:#74787e}.pages select,.input-row select{background:#fff;border:1px solid #d8dde1;border-radius:7px;padding:8px 9px;color:#24272b}.view-options{display:flex;border:1px solid #d8dde1;border-radius:8px;overflow:hidden;background:#fff;margin:auto}.view-options button{padding:9px 12px;border:0;background:transparent;color:#636b74}.view-options button.active{background:#e4eaf0;color:#202830;font-weight:700}.app-actions{display:flex;align-items:center;gap:9px;margin-left:auto}.app-actions #status{font-size:11px;color:#63716e;min-width:85px;max-width:210px}.light{padding:9px 12px;background:white;border:1px solid #d8dde1;color:#414a52;border-radius:7px}.light:hover{background:#f2f4f6}.app-shell{display:grid;grid-template-columns:minmax(185px,238px) minmax(300px,1fr) minmax(225px,275px);height:calc(100dvh - 62px);min-height:620px}.layers,.inspector{background:#fff;overflow:auto;padding:20px 16px}.layers{border-right:1px solid #dce1e6}.inspector{border-left:1px solid #dce1e6}.layers h2,.inspector h2{font-size:14px;font-weight:700;margin:2px 0 18px}.inspector h3{font-size:13px;margin:18px 0 13px}.helper{font-size:12px;color:#858990;line-height:1.55}.helper strong{color:#343a40}.helper p{margin:5px 0}.layers hr,.inspector hr{border:0;border-top:1px solid #e7e9ec;margin:20px 0}.layer{display:flex;width:100%;gap:8px;align-items:center;text-align:left;border:1px solid transparent;background:transparent;padding:10px;border-radius:7px;color:#434a50;margin:3px 0;cursor:pointer}.layer:hover{background:#f5f6f8}.layer.active{background:#eef4fc;border-color:#a9c9f1;color:#1765bc}.layer-icon{display:grid;place-items:center;width:25px;height:25px;background:#e7e8ea;border-radius:5px}.canvas-wrap{min-width:0;display:flex;flex-direction:column;overflow:hidden}.canvas-meta{min-height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:12px;color:#6b737a}.page-stage{height:calc(100% - 84px);overflow:auto;display:flex;justify-content:center;align-items:flex-start;padding:15px 15px 30px;background:radial-gradient(#d9dce2 1px,transparent 1px) 0 0/18px 18px}.page-stage iframe{background:#fff;border:1px solid #cfd4d9;box-shadow:0 5px 40px #2a32411c;width:100%;height:100%;min-height:450px;transition:width .2s;flex:none}.preview-note{text-align:center;color:#7e8389;font-size:11px;padding:10px}.inspector-header p{font-size:12px;color:#888}.inspector label{display:block;font-size:12px;color:#4c535b;margin:14px 0 6px}.inspector label input:not([type=checkbox]),.inspector textarea,.inspector select{display:block;width:100%;margin-top:5px;border:1px solid #d3d9df;border-radius:7px;padding:10px;background:#fff;color:#343941}.inspector textarea{resize:vertical}.inspector input[type=color]{min-height:36px;padding:3px!important}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:11px}.checkboxline{display:flex!important;align-items:center;gap:8px;margin:20px 0!important}.danger-zone{padding-top:20px}.danger-zone button{width:100%}@media(max-width:1100px){.app-shell{grid-template-columns:185px minmax(230px,1fr) 230px}.pages{margin-left:0}}@media(max-width:760px){.app-shell{height:auto;display:grid;grid-template-columns:1fr}.layers{max-height:155px}.canvas-wrap{min-height:500px}.inspector{border-top:1px solid #dce1e6}.page-stage{height:455px}.app-top{gap:10px}.view-options{margin:0}.app-actions{margin-left:0}}
/* Simplified Wix dashboard editing workspace */
.app-top{background:#fff;min-height:66px}.app-shell{grid-template-columns:minmax(190px,245px) minmax(310px,1fr) minmax(245px,320px)}
.layers h2,.inspector h2{font-size:16px}.quick-actions{display:grid;gap:7px;margin:12px 0}.quick-actions button,.work-panel button{border-radius:8px;padding:10px;text-align:left;background:#f5f7fa;border:1px solid #dce2e8;color:#244c61}
.quick-actions button:hover,.work-panel button:hover{background:#e5eff9}.work-panel{border-top:1px solid #e4e6e9;margin-top:16px;padding-top:10px}.work-panel label{font-size:12px;color:#646a70;display:block;margin:10px 0}.work-panel input,.work-panel textarea,.work-panel select{margin-top:4px;border:1px solid #dce1e6;border-radius:6px;padding:8px;width:100%;background:#fff}
.work-panel button{margin-top:10px;width:100%}.app-actions .draft{background:#fff;color:#67543e;border:1px solid #c2ae96;padding:10px 13px;border-radius:7px}.inspector .simplified{padding-top:4px}.inspector .simplified label{font-weight:600}.inspector .hint{font-size:11px;color:#899098}.app-actions #status{max-width:230px}.page-stage{background:radial-gradient(#d8dbdf 1px,transparent 1px) 0 0/22px 22px}.warning{margin:10px 0;padding:12px;background:#fff4e3;border-left:3px solid #ca9e54;font-size:12px}.changes-count{font-size:12px;color:#66727b;padding-left:5px}
[hidden]{display:none!important}.faded{opacity:.58}
@media(max-width:1100px){.app-shell{grid-template-columns:185px minmax(260px,1fr) 255px}}
@media(max-width:760px){.app-shell{grid-template-columns:1fr;min-height:100dvh;height:auto}.layers{max-height:none}.inspector{max-height:none}.app-top{gap:7px}.app-actions{width:100%;flex-wrap:wrap}}

/* Collapsible navigation groups (LIMEWASH easy editor) */
.nav-head h2{margin-bottom:6px}.nav-head p{margin:0 0 17px}
.nav-group{border:1px solid #e3e6eb;border-radius:10px;margin:10px 0;overflow:hidden;background:#fff}
.nav-group summary{display:flex;align-items:center;gap:10px;list-style:none;cursor:pointer;padding:13px 11px;font-weight:650;color:#3a4753;background:#fafbfc}
.nav-group summary::-webkit-details-marker{display:none}.nav-group summary:hover{background:#f0f4f8}
.nav-group[open] summary{background:#f0f4f8;border-bottom:1px solid #e0e6ed}
.nav-group .nav-symbol{width:24px;height:24px;border-radius:6px;display:grid;place-items:center;background:#e8edf2;color:#647e92;font-size:15px}
.nav-chevron{margin-left:auto;color:#667c91;font-size:18px;transform:rotate(90deg);transition:transform .18s}
.nav-group[open] .nav-chevron{transform:rotate(0)}
.nav-group-body{padding:8px}.nav-group-body.helper{padding:10px 14px}
.nav-group-body .layer{margin:0;padding:9px 7px;white-space:normal;font-size:12px}
.nav-group-body .layer.active{font-weight:650}.nav-group-body .layer:focus-visible,.nav-group summary:focus-visible{outline:2px solid #3287d6;outline-offset:-2px}
.nav-group .quick-actions{margin:2px 0;display:grid}.nav-group .work-panel{padding:10px;margin-top:0}.nav-group .work-panel form{padding:4px}
/* Image chooser appears over the central preview, not in a separate page */
.image-modal{position:fixed;inset:0;background:rgba(19,24,31,.52);z-index:200;display:flex;justify-content:center;align-items:center;padding:16px}
.image-modal-card{width:min(540px,100%);background:#fff;border-radius:15px;padding:24px;box-shadow:0 16px 60px #07142536}
.image-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.image-modal-head h2{font-size:21px;margin:4px 0 4px}.image-modal-head p{margin:4px 0 14px}.modal-kicker{font-weight:750;letter-spacing:.12em;color:#846951;font-size:10px}
.image-close{min-width:40px}.image-upload-box{background:#f5f8fb;border:1px dashed #aac0d2;border-radius:10px;padding:18px}
.image-upload-box label{display:block;font-weight:700;margin-bottom:10px}.image-upload-box input{max-width:100%}.image-upload-box small{display:block;color:#677883;margin-top:10px}
.image-divider{text-align:center;color:#74828c;margin:17px 0}.image-divider span{background:#fff;padding:0 10px}
.image-link-label{display:block;color:#44505a;font-weight:650}.image-link-label input{margin-top:6px;width:100%;padding:11px;border:1px solid #cdd4da;border-radius:8px}
.image-modal-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.image-modal-actions span{font-size:11px;color:#7f5549}
.media-open{display:block;width:100%;margin-top:10px;text-align:center}
@media(max-width:760px){.image-modal-actions{flex-wrap:wrap}.image-modal-actions button{width:100%}}

/* Whole-panel controls: independent, keyboard accessible and space efficient. */
.panel-toolbar{display:flex;justify-content:flex-end;margin:-8px -5px 10px}
.panel-toolbar-right{justify-content:flex-start}
.panel-toggle{display:flex;align-items:center;gap:7px;min-height:34px;padding:6px 9px;border:1px solid #dce2e8;border-radius:8px;background:#f7f9fb;color:#44515d;font-weight:650}
.panel-toggle:hover{background:#eaf0f5}.panel-toggle:focus-visible{outline:2px solid #3287d6;outline-offset:2px}
.panel-toggle span[aria-hidden]{font-size:20px;line-height:1}
.app-shell.layers-collapsed{grid-template-columns:52px minmax(310px,1fr) minmax(245px,320px)}
.app-shell.inspector-collapsed{grid-template-columns:minmax(190px,245px) minmax(310px,1fr) 52px}
.app-shell.layers-collapsed.inspector-collapsed{grid-template-columns:52px minmax(310px,1fr) 52px}
.app-shell.layers-collapsed .layers{padding:12px 8px}.app-shell.inspector-collapsed .inspector{padding:12px 8px}
.app-shell.layers-collapsed .layers .panel-content,.app-shell.inspector-collapsed .inspector .panel-content{display:none}
.app-shell.layers-collapsed .layers .panel-toolbar,.app-shell.inspector-collapsed .inspector .panel-toolbar{justify-content:center;margin:0}
.app-shell.layers-collapsed .layers .panel-toggle,.app-shell.inspector-collapsed .inspector .panel-toggle{width:36px;justify-content:center;padding:4px}
.app-shell.layers-collapsed .layers .toggle-label,.app-shell.inspector-collapsed .inspector .toggle-label{display:none}
.app-shell.layers-collapsed .layers .panel-toggle span[aria-hidden],.app-shell.inspector-collapsed .inspector .panel-toggle span[aria-hidden]{transform:rotate(180deg)}
#application:fullscreen{background:#f1f3f5;width:100vw;height:100vh;overflow:hidden}#application:fullscreen .app-shell{height:calc(100vh - 66px)}
@media(max-width:760px){.app-shell.layers-collapsed,.app-shell.inspector-collapsed,.app-shell.layers-collapsed.inspector-collapsed{grid-template-columns:1fr}.app-shell.layers-collapsed .layers,.app-shell.inspector-collapsed .inspector{min-height:52px}.panel-toggle{width:100%;justify-content:center}}

/* Visual section layout picker. */
.layout-choices{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0 19px}
.layout-choices button{display:grid;gap:7px;padding:9px;border:1px solid #d7dde2;border-radius:8px;background:#fff;color:#4b535a;text-align:left}
.layout-choices button:hover{background:#f5f7f9}.layout-choices button[aria-checked="true"]{border:2px solid #8d6e52;padding:8px;background:#f7f0e8;color:#5e422d}
.layout-choices b{font-size:11px}.layout-diagram{display:grid;grid-template-columns:1fr 1fr;gap:4px;aspect-ratio:2/1;padding:5px;border:1px solid #d8d2cb;background:#faf8f5}
.layout-diagram i{display:block;background:#c5b09c}.layout-diagram i:first-child{background:#e5ddd4}.diagram-left i:first-child{order:2}.diagram-stacked{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.diagram-stacked i:first-child{order:2}
.page-stage iframe{transform-origin:top center}

/* LIMEWASH section background photo controls */
.background-photo-panel{margin:10px 0 14px}.background-photo-actions{display:grid;gap:8px;margin-top:10px}.background-photo-actions button{text-align:left;width:100%}.background-photo-panel .hint{font-size:12px;margin:8px 0;color:#737b82}.background-photo-panel[hidden],#element-photo-controls[hidden]{display:none!important}
