:root{--cream: #f5f2ea;--ink: #26241f;--olive: #6b7a3f;--olive-deep: #3d4a2f;--line: #ddd7c8;--wip: #c9a24b;--ok: #6b7a3f;--panel: #ffffff}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,Helvetica Neue,Arial,sans-serif;color:var(--ink);background:var(--cream)}.app{display:flex;flex-direction:column;min-height:100%}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:var(--panel);border-bottom:1px solid var(--line)}.brand{font-weight:700;letter-spacing:.02em}.brand span{color:var(--olive);font-weight:500}.who{font-size:14px;color:#5a564d}.role{font-weight:600}.role-owner{color:var(--olive-deep)}.role-editor{color:var(--olive)}.role-anonymous{color:#9a958a}.editor{flex:1;display:grid;place-items:center;padding:40px 20px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:40px;max-width:640px;width:100%;box-shadow:0 10px 40px #3d4a2f0f}.panel h1{font-family:Georgia,Times New Roman,serif;color:var(--olive-deep);font-size:28px;margin:0 0 12px}.lead{color:#4a4740;line-height:1.6;margin:0 0 26px}.status{display:flex;flex-direction:column;gap:14px}.status-row{display:grid;grid-template-columns:14px 1fr;align-items:baseline;gap:10px}.status-row .status-note{grid-column:2;font-size:13px;color:#7c776c;margin-top:2px}.status-label{font-weight:600}.dot{width:10px;height:10px;border-radius:50%;margin-top:5px}.dot-ok{background:var(--ok)}.dot-wip{background:var(--wip)}.foot{padding:16px 24px;text-align:center;font-size:13px;color:#8a857a;border-top:1px solid var(--line)}.ed{display:flex;flex-direction:column;height:100vh}.ed-top{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--panel);border-bottom:1px solid var(--line);flex:none}.ed-top-right{font-size:13px;color:#5a564d}.ed-banner{background:#fbf3da;color:#6b5a1f;border-bottom:1px solid #ecdfb4;padding:8px 20px;font-size:13px;flex:none}.ed-body{flex:1;min-height:0;display:grid;grid-template-columns:220px 1fr 1fr}.ed-rail{border-right:1px solid var(--line);overflow-y:auto;padding:10px;background:var(--panel)}.ed-rail-item{display:block;width:100%;text-align:left;border:0;background:none;cursor:pointer;padding:9px 12px;border-radius:8px;font-size:14px;color:var(--ink)}.ed-rail-item:hover{background:#f2efe6}.ed-rail-item.active{background:var(--olive-deep);color:#fff}.ed-form{overflow-y:auto;padding:20px 22px}.ed-group{border:1px solid var(--line);border-radius:12px;padding:14px 16px 6px;margin:0 0 18px}.ed-group>legend{font-family:Georgia,serif;color:var(--olive-deep);font-size:15px;padding:0 8px}.ed-field{margin-bottom:14px}.ed-field-label{display:block;font-weight:600;font-size:13px;margin-bottom:5px}.ed-tag{font-weight:400;font-size:11px;color:#9a958a;margin-left:8px}.ed-field-langs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ed-field-lang{display:flex;flex-direction:column;gap:3px}.ed-lang-tag{font-size:10px;letter-spacing:.06em;color:#9a958a}.ed-field-lang input,.ed-field-lang textarea{width:100%;border:1px solid var(--line);border-radius:7px;padding:7px 9px;font:inherit;font-size:13px;background:#fff;resize:vertical}.ed-field-lang input:focus,.ed-field-lang textarea:focus{outline:2px solid var(--olive);outline-offset:-1px}.ed-field-lang input:disabled,.ed-field-lang textarea:disabled{background:#f4f2ec;color:#8a857a}.ed-preview{border-left:1px solid var(--line);overflow-y:auto;background:#fbfaf6;display:flex;flex-direction:column}.ed-preview-head{position:sticky;top:0;background:#fbfaf6;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:10px 16px;font-size:13px;color:#7c776c}.ed-lang button{border:1px solid var(--line);background:#fff;border-radius:6px;padding:3px 9px;margin-left:5px;cursor:pointer;font-size:12px}.ed-lang button.active{background:var(--olive);color:#fff;border-color:var(--olive)}.ed-preview-body{padding:14px 18px 40px}.pv-group{margin-bottom:20px}.pv-group h3{font-family:Georgia,serif;color:var(--olive-deep);font-size:14px;margin:0 0 8px;border-bottom:1px solid var(--line);padding-bottom:4px}.pv-row{margin-bottom:9px}.pv-label{display:block;font-size:11px;color:#9a958a}.pv-value{font-size:14px;white-space:pre-wrap}.pv-rich{font-size:14px}.pv-rich :is(h2,h3){font-family:Georgia,serif;color:var(--olive-deep)}.pv-empty{color:#c7c2b6}.ed-savebar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 20px;background:var(--panel);border-top:1px solid var(--line)}.ed-status{font-size:13px;color:#7c776c}.ed-status-ok{color:var(--olive-deep);font-weight:600}.ed-status-error{color:#a13a2f;font-weight:600}.ed-actions{display:flex;gap:8px}.btn{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 16px;font:inherit;font-size:14px;cursor:pointer}.btn.primary{background:var(--olive-deep);color:#fff;border-color:var(--olive-deep)}.btn.primary:disabled{background:#cfcabb;border-color:#cfcabb;cursor:not-allowed}.btn.ghost:hover{background:#f2efe6}.ed-muted{color:#9a958a}