.editor-app{height:100dvh;overflow:hidden;font-size:14px;--gjs-primary-color:#14191a;--gjs-secondary-color:#c7d1d0;--gjs-tertiary-color:#c4ff4d;--gjs-quaternary-color:#c4ff4d;--gjs-font-color:#edf1ef;--gjs-font-color-active:#10170b;--gjs-main-font:'DM Sans',sans-serif;--gjs-font-size:13px;--gjs-main-light-color:rgba(255,255,255,.08);--gjs-main-dark-color:rgba(0,0,0,.18)}
.editor-app .blocks-list{display:block;padding:0}.gjs-blocks-c{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:17px 12px}.gjs-block{background:#242e2b;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;min-height:86px;width:auto;margin:0;border-radius:4px;padding:12px;font-size:12px;line-height:1.3;border:1px solid transparent;box-shadow:none;min-width:0;color:#eaf2e9}.gjs-block:hover{border-color:#a8c77e;box-shadow:none;background:#303c33}.gjs-block__media{margin:0}.gjs-block__media svg{width:22px;height:22px}.gjs-block__media svg.lucide{fill:none;stroke-width:1.6}.gjs-block-label{font-size:12px;text-align:left}.gjs-block:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.editor-header{height:68px;display:flex;align-items:center;gap:14px;padding:0 20px;background:#111516;border-bottom:1px solid #303938}.editor-brand{display:flex;align-items:center;gap:12px;flex:none}.editor-brand strong{font:800 29px/1 var(--display)}.editor-brand svg{width:18px}.project-name{flex:1;min-width:100px;max-width:320px;margin-right:auto}.project-name input{width:100%;background:transparent;border:1px solid transparent;border-radius:3px;padding:10px;color:var(--ink);font-size:14px}.project-name input:hover,.project-name input:focus{border-color:#596660}.save-status{font-size:12px;color:#b9c5bf;max-width:180px}.save-status[data-error=true]{color:#ffb8b8}.editor-header select{min-height:40px;background:none;border:0;color:var(--ink);font-size:13px}.export-button{font-size:13px;min-height:42px;padding:10px 15px;gap:9px}.editor-toolbar{height:52px;display:flex;justify-content:space-between;align-items:center;background:#171d1d;border-bottom:1px solid #303938;padding:0 18px}.editor-tools,.editor-devices{display:flex;align-items:center;gap:5px}.editor-tools .icon-button,.editor-devices .icon-button{width:38px;height:38px}.editor-devices{background:#0c1010;border-radius:4px;padding:2px}.editor-devices [aria-pressed=true]{background:#35423c;color:#ddffae}.local-label{font-size:12px;color:#bbc9c1;margin-right:10px}.editor-workspace{display:grid;grid-template-columns:208px minmax(0,1fr) 270px;height:calc(100dvh - 120px)}.editor-sidebar{background:#151b1b;min-width:0;overflow:auto;position:relative;scrollbar-width:thin}.blocks-sidebar{border-right:1px solid #303938;display:flex;flex-direction:column}.properties-sidebar{border-left:1px solid #303938}.editor-tabs{display:flex;position:sticky;top:0;background:#151b1b;z-index:2;padding:12px 12px 0;gap:18px;border-bottom:1px solid #303938}.editor-tabs>button[role=tab]{font-size:13px;background:none;padding:10px 0 13px;border-bottom:2px solid transparent}.editor-tabs>button[aria-selected=true]{border-color:var(--accent);color:var(--accent)}.blocks-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:17px 12px}.block-button{background:#242e2b;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;min-height:86px;border-radius:4px;padding:12px;text-align:left;font-size:12px;line-height:1.3;border:1px solid transparent}.block-button:hover,.block-button:focus-visible{border-color:#a8c77e;background:#303c33}.block-button svg{width:21px;height:21px;color:#d3e6cc}.sidebar-command{display:flex;align-items:center;gap:10px;width:calc(100% - 24px);margin:2px 12px 12px;padding:12px;background:#29352e;border-radius:3px;font-size:13px;text-align:left;line-height:1.5}.sidebar-command:hover{background:#3c4a3e}.sidebar-command svg{width:18px;height:18px}.sidebar-footer{margin-top:auto;display:flex;justify-content:space-between;gap:10px;padding:18px 13px;color:#afbeb6;font-size:11px}.editor-canvas{position:relative;min-width:0;background:#252c2b;overflow:hidden}#gjs{border:0!important;height:100%!important}.gjs-cv-canvas{width:100%;height:100%;top:0;background:#242c2a}.gjs-frame-wrapper{background:#fff}.gjs-pn-panels{display:none}.gjs-one-bg{background:#151b1b}.gjs-two-color{color:#e3ebe5}.gjs-color-warn{color:#ffbeab}.gjs-four-color,.gjs-four-color-h:hover{color:#c4ff4d}.gjs-selected{outline-color:#91cf42!important}.gjs-toolbar{background:#26391b;color:#fff}.gjs-toolbar-item{font-size:16px;min-width:32px;min-height:30px}.gjs-badge{background:#2d4320;color:#fff}.gjs-layer-name{color:#e3ebe5}.gjs-layer-title{padding:10px 6px;font-size:13px}.gjs-layer-title-c{padding-left:12px}.gjs-layer-count{color:#b9cbbf}.gjs-sm-sector-title{font-size:13px;font-weight:600;padding:16px 14px;background:#1c2421}.gjs-sm-properties{padding:12px 9px}.gjs-sm-property{font-size:12px}.gjs-sm-label{color:#c4d0c8}.gjs-field{background:#0d1410;box-shadow:none;border:1px solid #415147;border-radius:3px}.gjs-field input,.gjs-field select{color:#f1f5f1;min-height:30px;font-size:13px}.gjs-field input[type=number]{padding-right:12px}.gjs-sm-clear{color:#ecf3ee}.gjs-sm-sector{border-bottom:1px solid #303c35}.gjs-sm-sector-caret{fill:#d4e3d6}.properties-heading{display:flex;justify-content:space-between;align-items:center;padding:20px 15px 17px;border-bottom:1px solid #303938}.properties-heading h1{font:600 14px/1.4 var(--font)}.selection-header{padding:14px;border-bottom:1px solid #303938}.selection-header>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:#bfcfc4}.selection-actions{display:flex;gap:5px;margin-top:9px}.selection-actions .icon-button{width:36px;height:36px;background:#28332b}.selection-actions .icon-button svg{width:17px}.content-editor{padding:14px;border-bottom:1px solid #303938}.content-editor label{display:block;font-size:12px;margin-bottom:7px;color:#bfcec4}.content-editor input,.content-editor textarea{width:100%;padding:9px;color:var(--ink);background:#0d1410;border:1px solid #415147;border-radius:3px;font-size:13px;resize:vertical}.content-editor .sidebar-command{margin:10px 0 0;width:100%}#link-error{font-size:12px;color:#ffb7a5}#selection-empty{padding:36px 25px;color:#b8c5bd;text-align:center;font-size:13px}#selection-empty svg{width:26px;height:26px;margin-bottom:10px}#editor-loading{position:absolute;inset:0;display:grid;place-items:center;background:#1b2320;color:#d5e4d8;z-index:8;font-size:14px}.templates-dialog{width:880px}.template-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:24px}.template-options>button{text-align:left;background:#202924;padding:0 0 16px;overflow:hidden;border-radius:4px;border:1px solid #35483b}.template-options>button:hover{border-color:var(--accent)}.template-options img{width:100%;height:150px;object-fit:cover}.template-options strong{display:block;font-size:18px;font-weight:600;padding:14px 17px 4px}.template-options span{display:block;padding:0 17px;color:#bfd0c4;font-size:13px}.template-options .blank-template{grid-column:1/-1;padding:12px 16px;display:flex;gap:8px;align-items:center}.blank-template strong{padding:0;font-size:14px}.template-notice{padding:0 24px 24px;color:#c2cfc7;font-size:13px}.confirm-body{padding:24px;max-width:520px}.confirm-body p{font-size:15px}.confirm-body>div{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}#images-dialog{width:850px}.image-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:24px}.image-library button{padding:0;background:#202a25;border-radius:3px;overflow:hidden;text-align:left;border:1px solid transparent}.image-library button:hover{border-color:var(--accent)}.image-library img{height:145px;width:100%;object-fit:cover}.image-library span{display:block;padding:10px 12px;font-size:13px}.image-upload{padding:0 24px 24px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.image-upload>span,.image-upload p{color:#bdccc1;font-size:13px}.image-upload p{flex-basis:100%;max-width:none}.image-upload label{cursor:pointer;font-size:14px}.mobile-panel{display:none}#editor-message{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);background:#d6edc0;color:#132210;padding:12px 20px;border-radius:4px;z-index:100;opacity:0;pointer-events:none;font-size:14px}#editor-message.visible{opacity:1}.editor-app.is-preview .editor-workspace{grid-template-columns:minmax(0,1fr)}.editor-app.is-preview .editor-sidebar{display:none}.editor-app.is-preview #preview-toggle{background:#c4ff4d;color:#111a0e}.editor-app.is-preview .editor-tools>button:not(#preview-toggle){visibility:hidden}.editor-app.is-preview #new-project{visibility:hidden}
@media(max-width:1180px){.editor-workspace{grid-template-columns:180px minmax(0,1fr) 240px}.editor-header{gap:10px}.save-status{max-width:135px}.blocks-list{padding:12px 9px;gap:6px}.block-button{padding:10px}.editor-header .project-name{max-width:220px}.export-button{padding:10px}.gjs-sm-property{padding:6px 3px}}
@media(max-width:850px){.editor-workspace{display:block;position:relative}.editor-canvas{height:100%}.editor-sidebar{display:none;position:absolute;top:0;bottom:0;width:270px;z-index:9;box-shadow:6px 10px 30px #0005}.blocks-sidebar{left:0}.properties-sidebar{right:0}.editor-app[data-open-panel=blocks] .blocks-sidebar{display:flex}.editor-app[data-open-panel=properties] .properties-sidebar{display:block}.mobile-panel{display:flex}.editor-tabs{gap:22px}.close-panel{margin-left:auto;height:32px;width:32px}.editor-header{padding:0 12px;height:64px;gap:6px}.editor-brand{gap:7px}.editor-brand strong{font-size:24px}.editor-brand svg{width:16px}.editor-header .save-status{display:none}.editor-header .project-name{max-width:none}.editor-header .icon-button{width:38px}.editor-toolbar{padding:0 10px;height:54px}.editor-workspace{height:calc(100dvh - 118px)}.local-label{display:none}.export-button span{display:none}.export-button{min-width:40px;height:40px;padding:10px}.editor-header .project-name input{font-size:13px;padding:9px 6px}.editor-header select{font-size:12px;width:40px}.template-options{gap:12px;padding:16px}.template-options img{height:110px}.template-options strong{font-size:16px;padding:10px 12px 4px}.template-options span{font-size:12px;padding:0 12px}.image-library{grid-template-columns:repeat(2,minmax(0,1fr));padding:18px}.image-library img{height:120px}}
@media(max-width:400px){.editor-header{gap:2px;padding:0 8px}.editor-brand>svg{display:none}.editor-header .project-name{min-width:70px}.editor-header #save-project{width:32px}.editor-brand strong{font-size:23px}.editor-tools{gap:0}.editor-toolbar{padding:0 6px}.editor-tools .icon-button,.editor-devices .icon-button{width:34px;height:42px}.editor-devices{gap:0}.editor-header .project-name input{padding:8px 4px}.image-library{gap:8px}}
#upload-error:empty{display:none}.image-upload #upload-error{color:#ffb8a9}
.template-options>button>img{height:auto;aspect-ratio:16/9}
.template-options [data-template=clinic]>img{object-position:center 69%}