@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500&family=Inter:wght@400;500;600&display=swap');
:root{--forest:#123f31;--deep:#0a241c;--cream:#f6f4ee;--line:#deded5;--muted:#69716b;--ink:#18261e;--gold:#bc9c64;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--cream);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible{outline:3px solid #b89656;outline-offset:3px}a{color:inherit}button{border:0;border-radius:4px}.editor-header{min-height:90px;background:var(--deep);color:white;display:flex;justify-content:space-between;align-items:center;padding:20px 30px;gap:20px}.brand{text-decoration:none;font-size:16px;letter-spacing:.17em;white-space:nowrap}.brand span{display:block;font-size:9px;letter-spacing:.22em;color:#b8c6bc;margin-top:9px}.header-actions{display:flex;gap:12px;align-items:center}#save-status{font-size:12px;color:#ccd8cf;margin-right:10px;max-width:210px}.primary,.secondary,.button-link{padding:12px 17px;font-size:12px;line-height:1.4;font-weight:500;letter-spacing:.02em;display:inline-block;text-decoration:none}.primary{background:var(--forest);color:white}.editor-header .primary{background:#c4a36a;color:#12251b}.secondary{background:transparent;border:1px solid var(--line);color:inherit}.editor-header .secondary{border-color:#536459;color:#fff}.workspace{display:grid;grid-template-columns:245px minmax(340px,440px) minmax(350px,1fr);height:calc(100vh - 90px)}.sidebar{padding:35px 22px;border-right:1px solid var(--line);display:flex;flex-direction:column;overflow:auto}.eyebrow{font-size:9px;letter-spacing:.19em;font-weight:600;color:var(--muted);margin:0 0 14px}h1,h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;line-height:1.07}h1{font-size:37px;margin:0 0 18px}.intro{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 28px}nav{display:flex;flex-direction:column;gap:7px}nav button{background:transparent;text-align:left;font-size:13px;padding:14px 13px;color:var(--ink)}nav button span{display:block;color:var(--muted);font-size:10px;margin-top:6px}nav button.active{background:#e5eadf;border-left:2px solid var(--forest)}.sidebar-bottom{margin-top:auto;padding-top:35px}.sidebar-bottom a{display:block;font-size:11px;margin:14px 0;text-underline-offset:4px}.sidebar-bottom p{font-size:10px;color:var(--muted);line-height:1.6;padding-top:14px}.editing-panel{padding:30px 28px;overflow:auto;border-right:1px solid var(--line)}.panel-title{font-family:'Cormorant Garamond',Georgia,serif;font-size:33px;font-weight:400;margin:0 0 9px}.panel-note{font-size:11px;line-height:1.75;color:var(--muted);margin-bottom:22px}label,.field-label{display:block;font-size:11px;font-weight:500;margin:22px 0 9px;line-height:1.6}input[type=text],textarea,select{width:100%;padding:12px;border:1px solid #cdd3c8;border-radius:3px;background:#fffefb;color:var(--ink);font-size:13px;line-height:1.65}textarea{resize:vertical;min-height:77px}input:focus,textarea:focus,select:focus{outline:2px solid #8da98e;outline-offset:1px}.image-preview{width:100%;max-height:260px;object-fit:contain;background:#e8e9e1;border:1px solid var(--line);margin:22px 0 12px}.upload-button{width:100%;text-align:center}.upload-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.help{font-size:10px;color:var(--muted);line-height:1.65;margin:7px 0 0}.field-divider{border:0;border-top:1px solid var(--line);margin:30px 0}.section-heading{font-size:12px;font-weight:500;padding-top:14px}.preview-panel{display:flex;flex-direction:column;background:#e8eae3;padding:20px;overflow:hidden}.preview-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:16px}.preview-toolbar .eyebrow{margin:0 0 5px}#preview-label{font-size:10px;color:var(--muted)}.preview-toolbar>div:last-child{display:flex;gap:8px}.preview-toolbar .secondary,.icon-button{font-size:10px;padding:9px 10px}.icon-button{background:transparent;color:var(--forest);text-decoration:underline;text-underline-offset:4px}.preview-frame{position:relative;flex:1;min-height:300px;display:flex;justify-content:center}iframe{width:100%;height:100%;border:1px solid #cad0c4;background:white;box-shadow:0 15px 45px #14271b0c;transition:width .2s}iframe.mobile{width:375px;max-width:100%}.preview-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--muted);background:var(--cream);font-size:12px;pointer-events:none}.preview-loading[hidden]{display:none}.message{padding:13px 30px;background:#e0eadc;color:#214f2d;font-size:12px;line-height:1.7;border-bottom:1px solid #bdcfb6}.message.error{background:#fae7e0;color:#7c3224}.history-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid var(--line)}.history-item p{font-size:12px;margin:0 0 6px}.history-item small{font-size:10px;color:var(--muted)}.history-item button{font-size:11px;padding:8px 11px}.history-explanation{margin-bottom:25px;font-size:12px;line-height:1.8;color:var(--muted)}dialog{border:1px solid var(--line);padding:35px;max-width:460px;width:calc(100% - 35px);background:var(--cream);color:var(--ink);border-radius:4px}dialog::backdrop{background:#03140c99}dialog h2{font-size:38px;margin:18px 0}dialog p{font-size:13px;line-height:1.85;color:var(--muted)}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:28px}.gate{min-height:100vh;display:grid;place-items:center;background:var(--deep);padding:30px}.gate-card{background:var(--cream);padding:50px;max-width:510px;border-top:3px solid var(--gold)}.gate-card h1{font-size:48px}.gate-card>p:not(.eyebrow){font-size:14px;line-height:1.85;color:var(--muted);margin-bottom:28px}.gate-card .back-link{display:block;font-size:11px;margin-top:25px}.loading{font-size:13px;color:var(--muted)}
@media(max-width:1200px){.workspace{grid-template-columns:210px minmax(320px,380px) minmax(300px,1fr)}.sidebar{padding:30px 16px}.preview-toolbar{align-items:flex-start;flex-direction:column}.editing-panel{padding:25px 22px}}@media(max-width:950px){.workspace{grid-template-columns:200px 1fr;height:auto;min-height:calc(100vh - 90px)}.sidebar{grid-row:1/3}.editing-panel{max-height:calc(100vh - 90px);border-right:0}.preview-panel{grid-column:2;min-height:700px}.preview-toolbar{flex-direction:row}.preview-frame{height:600px;flex:auto}.editor-header{padding:18px 20px}#save-status{display:none}}@media(max-width:620px){.editor-header{padding:17px 15px;gap:12px;min-height:85px;flex-wrap:wrap}.brand{font-size:13px}.brand span{font-size:8px}.header-actions{gap:7px}.primary,.secondary{padding:10px 11px;font-size:11px}.workspace{display:block}.sidebar{padding:22px 18px;border-right:0;border-bottom:1px solid var(--line)}.sidebar h1{font-size:29px;margin:8px 0}.sidebar .intro,.sidebar .eyebrow{display:none}nav{display:grid;grid-template-columns:1fr 1fr;margin-top:15px;gap:5px}nav button{padding:11px;font-size:12px}nav button span{font-size:9px}.sidebar-bottom{padding-top:8px;margin:0;display:flex;gap:20px}.sidebar-bottom p{display:none}.sidebar-bottom a{font-size:10px;margin:12px 0 0}.editing-panel{max-height:none;padding:25px 20px;border:0}.preview-panel{min-height:600px;padding:18px}.preview-frame{height:560px}.gate-card{padding:35px 27px}.gate-card h1{font-size:39px}.message{padding:12px 18px}}