:root{--red:#f04b35;--ink:#211f1d;--paper:#f4eddf;--white:#fffdf7}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"PingFang SC",sans-serif}nav{height:76px;border-bottom:1px solid var(--ink);display:flex;align-items:center;padding:0 4vw;gap:28px}nav a{color:var(--red);font:900 19px/.8 Arial;text-decoration:none;letter-spacing:-.05em}nav>span{font:11px monospace;letter-spacing:.1em}nav button{margin-left:auto;background:none;border:1px solid var(--ink);padding:8px 12px;cursor:pointer}nav b{display:inline-block;background:var(--red);color:white;padding:2px 6px;border-radius:50%;margin-left:4px}main{display:grid;grid-template-columns:minmax(440px,.9fr) 1.1fr;min-height:calc(100vh - 76px)}.editor{padding:46px 5vw 70px;border-right:1px solid var(--ink)}.issue{font:10px monospace;letter-spacing:.16em}.editor h1{font:700 clamp(46px,5.4vw,78px)/.88 Georgia,"Times New Roman",serif;letter-spacing:-.06em;margin:32px 0 24px}.editor h1 i{color:var(--red);font-weight:400}.lead{font:15px/1.7 Georgia,"Songti SC",serif;max-width:520px}fieldset{border:0;border-top:1px solid #948d82;padding:24px 0 10px;margin:30px 0 0}legend{padding:0 12px 0 0;font:10px monospace;letter-spacing:.14em;font-weight:700}label{display:block;font-size:11px;font-weight:800;margin:10px 0}label span{float:right;color:#777;font-weight:400}input{display:block;width:100%;border:0;border-bottom:1px solid var(--ink);background:transparent;padding:10px 0;font:18px Georgia,serif;outline:none}input:focus{border-color:var(--red)}.shape-grid,.color-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.shape-grid button,.color-grid button{background:var(--white);border:1px solid #b8afa2;padding:11px 6px;cursor:pointer;font-size:11px}.shape-grid button.selected,.color-grid button.selected{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--red)}.shape-grid i{display:block;width:28px;height:21px;border:2px solid var(--ink);margin:0 auto 8px}.shape-grid .round{width:22px;border-radius:50%}.shape-grid .rect{border-radius:5px}.shape-grid .hex{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:var(--ink)}.shape-grid .bone{border-radius:50% 20% 20% 50%}.color-grid button:before{content:"";display:inline-block;width:9px;height:9px;background:var(--c);border-radius:50%;margin-right:5px}.size-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.preview-side{background:var(--red);padding:46px 4vw;display:flex;flex-direction:column}.preview-top{display:flex;justify-content:space-between;align-items:end;color:white}.preview-top small{font:10px monospace;letter-spacing:.16em}.preview-top h2{font:38px Georgia,serif;margin:8px 0}.preview-top>span{border:1px solid white;padding:8px 10px;font:12px monospace}.paper{background:var(--white);padding:38px;box-shadow:12px 12px 0 #211f1d;margin:24px 0 34px;min-height:500px;display:flex;flex-direction:column;justify-content:center}.paper svg{display:block;width:100%;max-height:420px}.paper p{font-size:10px;line-height:1.6;text-align:center;color:#6e6961;margin:24px 0 0}.actions{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;margin-top:auto}.actions button{border:2px solid var(--ink);background:transparent;padding:15px;color:var(--ink);font-weight:900;cursor:pointer}.actions button:last-child{background:var(--ink);color:white;display:flex;justify-content:space-between}dialog{width:min(600px,92vw);border:1px solid var(--ink);background:var(--paper);padding:30px;box-shadow:9px 9px 0 var(--ink)}dialog::backdrop{background:#211f1dcc}.draft-head{display:flex;justify-content:space-between}.draft-head h2{font:36px Georgia;margin:5px 0 22px}.draft-head>button{border:0;background:none;font-size:28px}.draft-item{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;border-top:1px solid #aaa;padding:14px 0}.draft-item p{margin:3px 0;font-size:12px}.draft-item button{border:1px solid var(--ink);background:white;padding:7px;cursor:pointer}.draft-item .delete{color:var(--red)}.empty-draft{padding:40px;text-align:center;border:1px dashed #aaa}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,90px);background:var(--ink);color:white;padding:11px 18px;transition:.3s;z-index:10}.toast.show{transform:translate(-50%,0)}@media(max-width:850px){main{grid-template-columns:1fr}.editor{border-right:0}.preview-side{min-height:750px}.shape-grid,.color-grid{grid-template-columns:repeat(2,1fr)}.paper{padding:18px;min-height:400px}}@media print{nav,.editor,.preview-top,.actions,.paper p{display:none!important}body,.preview-side{background:white;padding:0}.paper{box-shadow:none;margin:0;padding:0;min-height:0}.paper svg{width:auto;height:auto;max-height:none}}