*{box-sizing:border-box}body{margin:0;background:#f5f6f2;color:#24372f;font:14px Arial,sans-serif}a{color:inherit}.top{height:78px;display:flex;justify-content:space-between;align-items:center;padding:0 28px;border-bottom:1px solid #dde3da;background:#fff;position:sticky;top:0;z-index:3}.logo{text-decoration:none;font-size:25px;color:#32634d;display:flex;gap:12px;align-items:center}.logo b{font-size:19px;color:#24372f}.logo span{font-size:12px;color:#839186;border-left:1px solid #ddd;padding-left:12px}.top>div{display:flex;align-items:center;gap:10px}button{border:0;background:#32634d;color:white;border-radius:8px;padding:12px 17px;cursor:pointer;font:600 13px Arial}button:hover{filter:brightness(.93)}button:disabled{opacity:.5;cursor:wait}.quiet{background:#edf1e9;color:#365442}#status{color:#697b6d;font-size:12px;max-width:250px}.workspace{display:grid;grid-template-columns:210px 390px minmax(0,1fr);min-height:calc(100vh - 78px)}aside{border-right:1px solid #dde3da;padding:30px 20px;background:#f8f9f6}.kicker{font-size:10px;letter-spacing:1.5px;color:#7d8b7f;font-weight:bold}.new{display:block;margin:20px 0 30px;padding:12px;border:1px dashed #a9b7a4;border-radius:8px;text-decoration:none}.draft{display:block;text-decoration:none;padding:14px 0;border-bottom:1px solid #e1e6dd;line-height:1.5}.draft small{display:block;color:#85917f;font-size:10px}.aside-note{font-size:12px;line-height:1.7;color:#84917f;margin-top:60px}.editor{padding:32px 26px;background:#fff;max-height:calc(100vh - 78px);overflow:auto}.editor h1{font-size:25px;letter-spacing:-.8px;line-height:1.2}.muted{color:#85917f;line-height:1.6}h2{font-size:12px;text-transform:uppercase;letter-spacing:1px;margin:32px 0 20px;border-top:1px solid #e6e9e0;padding-top:24px}label{display:block;font-size:12px;font-weight:bold;margin:18px 0;color:#52604f}input,textarea{display:block;margin-top:8px;width:100%;background:#fafbf8;border:1px solid #dbe1d5;border-radius:7px;padding:12px;font:14px/1.5 Arial;color:#29382e}input:focus,textarea:focus{outline:2px solid #8aaa83;outline-offset:1px}textarea{resize:vertical}input[type=color]{height:44px;padding:5px}.hint{font-size:11px;line-height:1.7;color:#85917f}.preview-pane{padding:28px;min-width:0;background:#e9ede5}.preview-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:24px}.preview-bar b{font-size:12px}.preview-bar button{font-size:11px;padding:9px}.frame-wrap{display:flex;justify-content:center}iframe{width:100%;height:calc(100vh - 210px);min-height:450px;border:1px solid #d5ddcd;border-radius:12px;background:#f6f5f0;transition:width .2s}#public-link{display:block;padding-top:15px;font-size:12px;overflow-wrap:anywhere}#public-link[hidden]{display:none}.login{display:grid;place-items:center;min-height:100vh;padding:20px;background:#e9ede5}.login-card{background:white;border-radius:20px;padding:44px;max-width:450px;width:100%;box-shadow:0 20px 70px #253b2910}.login h1{font-size:30px;letter-spacing:-1px}.login p{color:#78836f;line-height:1.6}.login button{width:100%;margin-top:12px}@media(max-width:1150px){.workspace{grid-template-columns:150px 340px minmax(0,1fr)}aside{padding:25px 12px}.preview-pane{padding:18px}.logo span{display:none}}@media(max-width:850px){.top{height:auto;padding:16px;gap:10px;flex-wrap:wrap}.top>div{flex-wrap:wrap}.workspace{grid-template-columns:1fr}.editor{max-height:none}aside{border-bottom:1px solid #ddd}.aside-note{display:none}.draft{display:inline-block;margin-right:20px}.new{margin:15px 0}.preview-pane{padding:20px}iframe{height:650px}.preview-bar{flex-wrap:wrap}}