:root{--navy:#143e5e;--ink:#172744;--royal:#163fe8;--orange:#ff7045;--cream:#f7f5ee;--muted:#536673;--line:#d7dcd6}*{box-sizing:border-box}body{margin:0;background:var(--cream);font-family:Arial,sans-serif;color:var(--navy);line-height:1.5}button,input,select{font:inherit}a{color:inherit}button,a,input,select,[contenteditable]{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[contenteditable]:focus-visible{outline:3px solid var(--royal)}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button,.primary,.secondary{border-radius:3px}.primary,.secondary{font-size:13px;font-weight:700;display:inline-flex;justify-content:center;align-items:center;text-decoration:none;padding:12px 18px;min-height:44px}.primary{background:var(--navy);color:#fff;border:1px solid var(--navy)}.primary:hover{background:#102f48}.secondary{background:#fffefa;color:var(--navy);border:1px solid #aebcc4}.secondary:hover{border-color:var(--navy)}.quiet{font-size:12px;text-decoration:underline;text-underline-offset:4px}.brand{font-family:Georgia,serif;font-size:30px;text-decoration:none;letter-spacing:-1px}.editor-header{position:sticky;top:0;z-index:5;background:#fffefa;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line);padding:17px 4%}.editor-header>div{display:flex;align-items:center;gap:25px}.owner-label,.eyebrow{font-size:9px;letter-spacing:.13em;font-weight:700}.owner-label{border-left:3px solid var(--orange);padding-left:14px}.editor-header nav{display:flex;align-items:center;gap:13px}.editor-main{padding:30px 4% 60px;max-width:1800px;margin:auto}.editor-intro{display:flex;align-items:start;justify-content:space-between;gap:25px;margin-bottom:20px}h1,h2,h3,p{margin:0}h1{font-family:Georgia,serif;font-weight:400;letter-spacing:-.035em;font-size:34px;line-height:1.2}em{color:var(--royal)}.editor-intro p{font-size:13px;color:var(--muted);margin-top:12px}.status{font-size:13px;min-height:42px;border-left:3px solid var(--orange);padding:10px 14px;background:#fffefa;margin-bottom:24px}.status.error{border-color:#ae3629;color:#87291f;background:#fff3ee}.status.success{border-color:#396b52}.workspace{display:grid;grid-template-columns:minmax(310px,.8fr) minmax(0,1.2fr);gap:27px;align-items:start}.editing-panel,.preview-panel{background:#fffefa;border:1px solid var(--line);min-width:0}.panel-controls{padding:23px 23px 20px;border-bottom:1px solid var(--line)}h2{font-family:Georgia,serif;font-weight:400;font-size:25px;margin-bottom:18px}.panel-controls label{font-size:12px;display:block;margin:18px 0 7px;font-weight:700}input,select{width:100%;border:1px solid #aebcc4;border-radius:2px;color:var(--navy);background:white;padding:11px 12px;font-size:14px;min-height:43px}.help{font-size:11px;color:var(--muted);line-height:1.7;margin-top:14px}#fields{max-height:75vh;overflow:auto;padding:0 23px 15px;scrollbar-gutter:stable}.field{border-bottom:1px solid var(--line);padding:22px 0;scroll-margin-top:20px}.field>label{font-size:12px;font-weight:700;line-height:1.6;display:block;margin-bottom:9px;overflow-wrap:anywhere}.field.selected{box-shadow:inset 3px 0 var(--orange);padding-left:14px}.rich-input{min-height:80px;max-height:360px;overflow:auto;background:#fff;border:1px solid #aebcc4;padding:12px 13px;font-size:15px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.rich-input br{content:normal}.rich-input em{color:var(--royal);font-family:Georgia,serif}.format-bar{display:flex;align-items:center;gap:7px;margin-bottom:8px}.format-bar button{background:transparent;border:1px solid #c4ccd0;font-size:12px;padding:5px 10px;min-height:31px}.format-bar button:hover{background:#f1f3f7}.image-preview{display:block;max-width:100%;max-height:180px;object-fit:contain;background:var(--cream);margin-bottom:12px}.field input[type=file]{font-size:12px;padding:10px}.empty-fields{font-size:14px;color:var(--muted);padding:30px 0}.preview-panel{position:sticky;top:102px}.preview-heading{display:flex;gap:20px;justify-content:space-between;align-items:start;padding:20px;border-bottom:1px solid var(--line)}.preview-heading h2{margin-bottom:5px}.preview-heading p{font-size:11px;color:var(--muted)}.preview-heading button{font-size:11px;min-height:38px;padding:9px 12px}#preview{border:0;width:100%;height:73vh;background:var(--cream);display:block}.version-controls{margin:20px 23px;padding:18px 0;border-top:1px solid var(--line);font-size:12px}.version-controls summary{cursor:pointer;font-weight:700}.version-controls>p{margin-top:14px;color:var(--muted)}.version-controls button{width:100%;font-size:12px;margin-top:13px}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:30px}.login-card{max-width:570px;background:#fffefa;border:1px solid var(--line);border-top:4px solid var(--orange);padding:40px}.login-card .eyebrow{margin:35px 0 20px}.login-card h1{font-size:43px}.login-card>p:not(.eyebrow){color:var(--muted);font-size:15px;line-height:1.8;margin:24px 0}.login-card .quiet{display:block;margin-top:22px}.login-card .primary{margin-top:5px}@media(max-width:1100px){.owner-label{display:none}.workspace{grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr)}}@media(max-width:800px){.workspace{grid-template-columns:1fr}.preview-panel{position:static}.editor-header{flex-wrap:wrap;gap:15px}.editor-header nav{width:100%;justify-content:flex-end}.editor-header nav .quiet{margin-right:auto}.editor-main{padding:25px 5% 40px}.editor-intro{display:block}.editor-intro>.quiet{display:inline-block;margin-top:18px}h1{font-size:31px}#fields{max-height:65vh}#preview{height:600px}.preview-heading{padding:18px}.login-card{padding:30px 25px}.login-card h1{font-size:37px}}@media(max-width:400px){.editor-header nav{gap:8px}.primary,.secondary{font-size:11px;padding:11px 12px}.editor-header nav .quiet{font-size:10px}}
