:root{--ink:#20211d;--paper:#fffdf5;--red:#d55335;--sage:#607263}*{box-sizing:border-box}body{margin:0;background:#d9d2c4;color:var(--ink);font-family:Georgia,"Songti SC",serif}header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;background:var(--ink);color:#f8f2e6}header p{font-size:12px;letter-spacing:.2em}.brand{color:inherit;text-decoration:none;font:bold 19px Arial;letter-spacing:.16em}.brand span{margin-left:14px;color:#aaa897;font:12px sans-serif}main{display:grid;grid-template-columns:minmax(320px,440px) 1fr;min-height:calc(100vh - 72px)}.editor{padding:50px 42px 70px;background:var(--paper);border-right:1px solid #aaa296}.eyebrow{font:11px Arial;letter-spacing:.18em;color:var(--red)}h1{font-size:44px;line-height:1.05;margin:14px 0 38px;font-weight:500}label{display:block;margin:17px 0;font:700 12px Arial}small{float:right;color:#8b877e;font-weight:400}.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}input,textarea,select{width:100%;margin-top:8px;border:0;border-bottom:1px solid #a8a195;background:#f5f0e6;padding:11px;color:var(--ink);font:14px system-ui;resize:vertical}textarea{line-height:1.65}input:focus,textarea:focus,select:focus{outline:2px solid #d8b19f}.actions,.preview-tools,.saved>div:first-child{display:flex;gap:9px;justify-content:space-between;align-items:center}button{border:1px solid #8e897f;background:transparent;padding:10px 16px;cursor:pointer}.primary{background:var(--red);border-color:var(--red);color:white}.dark{background:var(--ink);color:white}.saved{margin-top:28px;padding-top:18px;border-top:1px solid #e9e1d2;font:12px Arial}.saved span{color:var(--sage)}#drafts button{display:block;width:100%;margin-top:8px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-wrap{padding:42px clamp(20px,5vw,80px);overflow:auto}.preview-tools{max-width:790px;margin:0 auto 16px;font:11px Arial;letter-spacing:.12em}.card{width:min(100%,790px);min-height:1118px;margin:auto;background:var(--paper);padding:65px 68px 45px;box-shadow:0 20px 60px #665f5444;display:flex;flex-direction:column}.card-head{display:flex;justify-content:space-between;align-items:end;border-top:8px solid var(--red);padding-top:32px}.kicker{font:10px Arial;letter-spacing:.2em;color:var(--sage)}h2{font-size:42px;margin:12px 0;word-break:break-all}.card-head strong{font:13px Arial;color:var(--red);margin-bottom:18px}.timer{margin:25px 0 35px;padding:15px 18px;border:1px solid #aeb4a8;background:#eef0e8;font:600 13px Arial}.card-body{display:grid;grid-template-columns:.8fr 1.2fr;gap:42px}.flow .card-body{grid-template-columns:1fr}.card h3{font:17px Arial;border-bottom:1px solid;padding-bottom:10px}.card h3 em{float:right;font:9px Arial;letter-spacing:.15em;color:#888}.card ul,.card ol{margin:0;padding-left:20px}.card li{padding:8px 3px;border-bottom:1px dotted #cac5ba;line-height:1.45;word-break:break-word}.card ul{list-style:none;padding:0}.card ul b{display:inline-block;min-width:62px;color:var(--red);font:12px Arial}.card footer{margin-top:auto;border-top:1px solid;padding-top:15px;display:flex;justify-content:space-between;font-size:11px;color:#777}.card footer i{font:bold 15px Arial;color:var(--red)}.export-note{text-align:center;font:12px Arial;color:#685f55}@media(max-width:900px){main{grid-template-columns:1fr}.editor{border:0}.card{min-height:auto;padding:8vw}.preview-wrap{padding:28px 12px}.card-body{gap:20px}h2{font-size:32px}}@media(max-width:520px){header p{display:none}.editor{padding:35px 20px}.row,.card-body{grid-template-columns:1fr}.preview-tools{align-items:flex-start}.preview-tools>div{display:flex}.card{box-shadow:none}.card-head{align-items:flex-start}h1{font-size:38px}}@media print{header,.editor,.preview-tools,.export-note{display:none!important}body,.preview-wrap{background:white;padding:0}.card{box-shadow:none;width:210mm;min-height:297mm;margin:0;padding:16mm}}
