*{box-sizing:border-box}body{margin:0;background:#eef2ee;font:14px/1.5 system-ui,sans-serif;color:#183329}a{color:inherit}.editor-bar{position:sticky;top:0;z-index:10;padding:12px 22px;background:#17342a;color:white;display:flex;justify-content:space-between;gap:15px;align-items:center}.editor-bar>div{display:flex;align-items:center;gap:22px}.editor-bar a{font-size:12px;text-decoration:none}.editor-bar strong{font-size:15px}button{font:inherit;font-weight:700;background:#56ab2f;color:white;border:0;border-radius:5px;padding:9px 15px;cursor:pointer}.workspace{display:grid;grid-template-columns:365px minmax(0,1fr);height:calc(100vh - 66px)}aside{overflow-y:auto;padding:18px;background:#fbfcfa;border-right:1px solid #d9e1d6}.editor-help{font-size:12px;color:#627364;margin:0 0 16px}details{background:#fff;border:1px solid #dfe6db;border-radius:8px;margin-bottom:10px}summary{font-weight:700;padding:13px;cursor:pointer}.fields{padding:0 14px 16px;display:grid;gap:7px}.fields>label{font-size:12px;font-weight:650;margin-top:7px}.fields input:not([type=file]),textarea{width:100%;border:1px solid #c9d5c3;border-radius:4px;padding:9px;font:13px/1.5 system-ui;color:#183329;background:white}textarea{resize:vertical}input[type=color]{height:40px}.asset-thumb{height:85px;width:100%;object-fit:contain;background:#edf1e9;border-radius:5px;margin:6px 0}.upload-label{background:#eef4e9;padding:9px;border-radius:4px}.upload-label input{display:block;max-width:100%;font-size:11px;margin-top:8px}small{font-size:10px;color:#677961}.preview-area{padding:15px 20px;overflow:hidden;display:flex;flex-direction:column;align-items:center}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;font-size:10px;color:#52694e;letter-spacing:.6px;margin-bottom:12px}.preview-toolbar>div{display:flex;gap:4px}.preview-toolbar button{font-size:10px;padding:6px 10px;background:#dce6d4;color:#264523}.preview-toolbar button[aria-pressed=true]{background:#264b2a;color:white}iframe{border:0;background:white;width:100%;flex:1;min-height:0;box-shadow:0 6px 30px #18332912;border-radius:5px}iframe.mobile{max-width:390px}.notice{margin:0;background:#e6f5da;padding:10px 22px;font-size:12px}.error{background:#ffe6dd;color:#8b261a}.save-bottom{width:100%;margin:12px 0}#save-status{display:block;font-size:12px}[hidden]{display:none!important}@media(max-width:850px){.workspace{grid-template-columns:310px minmax(0,1fr)}.preview-toolbar{flex-wrap:wrap}.editor-bar strong{font-size:13px}.editor-bar>div{gap:12px}}@media(max-width:650px){.editor-bar{flex-wrap:wrap;padding:10px 14px}.workspace{display:flex;flex-direction:column;height:auto}aside{max-height:none;overflow:visible}.preview-area{height:650px;padding:12px}.editor-bar>div{flex:1;justify-content:space-between}.preview-toolbar{font-size:9px}.editor-bar strong{font-size:12px}}
.font-control{display:flex;align-items:center;gap:7px;flex-wrap:wrap;background:#f2f5ee;padding:7px;border-radius:4px}.font-control button{background:#e0e9d8;color:#204827;font-size:12px;padding:5px 9px}.font-control output{min-width:42px;text-align:center;font-size:12px}.colour-panel{border:1px solid #dfe6db;background:white;border-radius:8px;padding:12px;margin-bottom:15px}.colour-panel h2{font-size:14px;margin:0 0 9px}.colour-panel p{font-size:11px;color:#677961}.colour-chip{display:inline-flex;align-items:center;gap:7px;background:white;color:#244523;border:1px solid #d4dfcc;padding:6px 8px;margin:3px;font-size:10px}.colour-chip:before{content:'';width:17px;height:17px;border-radius:50%;background:var(--chip);border:1px solid #0002}.colour-chip.original{font-weight:700;font-size:11px}.colour-panel details{margin-top:10px}#colour-history{padding:5px;max-height:180px;overflow-y:auto}.preview-toolbar{flex-wrap:wrap}.preview-toolbar button{white-space:nowrap}

.image-live-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;width:100%;padding:10px 12px;background:white;border:1px solid #c9d8c1;border-radius:7px;font-size:12px;letter-spacing:0}.image-live-controls label{display:flex;align-items:center;gap:5px;white-space:nowrap}.image-live-controls select,.image-live-controls input[type=number]{font:inherit;color:#17342a;padding:5px;border:1px solid #bacdb1;border-radius:4px;background:white}.image-live-controls input[type=number]{width:62px}.image-live-controls input[type=range]{width:125px;accent-color:#56ab2f}.visual-mode .workspace{grid-template-columns:1fr}.visual-mode aside{display:none}.visual-mode .preview-area{padding:10px 14px}.visual-mode iframe{border-radius:0}.preview-toolbar{flex-shrink:0}#toggle-visual{background:#e4efd9;color:#17342a}@media(max-width:650px){.visual-mode .preview-area{height:calc(100dvh - 110px)}.image-live-controls{gap:7px;padding:7px}.image-live-controls input[type=range]{width:90px}.image-live-controls label{font-size:11px}.image-live-controls select{max-width:150px}}

.element-appearance{width:100%;margin:3px 0 0}.element-appearance summary{font-size:11px;cursor:pointer}.element-appearance>div{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding-top:8px}.element-appearance input[type=color]{width:40px;height:30px;padding:2px}.element-appearance select{font:inherit;padding:5px;border:1px solid #bacdb1;border-radius:4px}.element-appearance input:disabled{opacity:.4}