:root{color-scheme:light;font-family:Arial,sans-serif;color:#263f32;background:#f6f4ee}*{box-sizing:border-box}body{margin:0}header{padding:22px 5%;border-bottom:1px solid #dce0d7;display:flex;justify-content:space-between;align-items:center}header a{text-decoration:none;color:inherit;letter-spacing:2px;font-family:Georgia,serif}small{font:9px Arial,sans-serif;letter-spacing:2px;display:block;margin-top:6px}main{padding:30px 5%}.login-card{max-width:420px;margin:7vh auto;background:white;border:1px solid #dce0d7;border-radius:16px;padding:35px}.eyebrow{font-size:10px;letter-spacing:2px;color:#7b846d}h1{font:36px/1.12 Georgia,serif;margin:18px 0}p{line-height:1.6;color:#687267;font-size:14px}label{display:block;font-size:13px;font-weight:600;margin:18px 0 8px}input,textarea,select{display:block;width:100%;font:15px/1.5 Arial,sans-serif;padding:12px;border:1px solid #c5cfc0;border-radius:7px;margin-top:8px;color:#263f32;background:#fff}textarea{min-height:94px;resize:vertical}button,.button{display:inline-block;border:0;background:#334e3c;color:white;padding:13px 19px;border-radius:7px;cursor:pointer;font:13px/1.4 Arial,sans-serif;text-decoration:none}button:hover,.button:hover{filter:brightness(.93)}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #ab885e;outline-offset:3px}.secondary{background:#e8ede4;color:#294333;border:1px solid #d1dbc9}#login button{width:100%;margin-top:20px}.login-card>a{font-size:12px;color:inherit}#login-message{min-height:22px;color:#995627}.intro{display:flex;justify-content:space-between;align-items:center;gap:20px}.intro h1{font-size:32px}.toolbar{position:sticky;top:0;background:#f6f4eef5;z-index:2;padding:12px 0;display:flex;align-items:end;gap:10px;border-bottom:1px solid #d5ddd0}.toolbar label{margin:0;min-width:200px}.workspace{display:grid;grid-template-columns:390px 1fr;gap:28px}#fields{min-width:0}#fields label{font-weight:400;padding-bottom:16px;border-bottom:1px solid #dbe2d5}#fields img{display:block;max-width:160px;max-height:130px;object-fit:contain;margin:12px 0;background:#e6eadd;border-radius:6px}.preview{position:sticky;top:110px;align-self:start;min-width:0}.preview-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px}iframe{width:100%;height:75vh;border:1px solid #cfd8c8;border-radius:9px;background:#fff;display:block;margin:auto}.preview.mobile iframe{max-width:390px}.hint{font-size:11px;font-weight:400;line-height:1.5;display:block;color:#77806f}#status{min-height:24px}[hidden]{display:none!important}@media(max-width:1000px){.workspace{grid-template-columns:1fr}.preview{position:static}.toolbar{flex-wrap:wrap}.intro{display:block}.toolbar label{width:100%}main{padding:25px 5%}.login-card{margin:2vh auto;padding:25px}iframe{height:65vh}}

.workspace.visual-only{grid-template-columns:1fr}.visual-only .preview{position:static}#toggle-fields{margin-bottom:14px}dialog{border:1px solid #c5cfc0;border-radius:14px;padding:26px;width:min(520px,92vw);color:#263f32}dialog::backdrop{background:#14281f88}