:root{--ink:#273e38;--green:#355e4d;--muted:#788079;--line:#e1e5dc}*{box-sizing:border-box}body{margin:0;background:#f6f7f1;color:var(--ink);font:15px/1.8 -apple-system,BlinkMacSystemFont,'Hiragino Kaku Gothic ProN',sans-serif}header{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 6%}header span{font-size:12px;color:var(--muted)}header strong{font-size:20px;color:var(--green)}main{max-width:1180px;margin:auto;padding:50px 32px}.intro{position:relative;margin-bottom:46px}small{font-size:11px;letter-spacing:2px;color:var(--green);font-weight:700}h1{font-family:serif;font-weight:500;font-size:44px;line-height:1.5;letter-spacing:3px;margin:14px 0}.intro p{position:absolute;left:55%;bottom:10px;color:var(--muted)}.workspace{display:grid;grid-template-columns:1.12fr 1fr;gap:36px;align-items:start}.editor,.preview{background:#fff;border:1px solid var(--line);border-radius:18px;padding:32px}h2{font-size:18px;line-height:1.6;margin:36px 0 8px}.editor>h2:first-child,.preview h2{margin-top:0}.muted{font-size:12px;color:var(--muted);margin:0}#feeling{background:#edf2e8;border-radius:9px;padding:13px 16px;margin-top:12px;font-size:13px}label{display:block;font-size:13px;font-weight:600;margin:18px 0 7px}select,textarea,input{font:inherit;width:100%;border:1px solid #d9dfd5;background:#fff;border-radius:8px;color:var(--ink);padding:12px;outline:none}select:focus,textarea:focus,input:focus{border-color:var(--green);box-shadow:0 0 0 3px #355e4d15}textarea{min-height:88px;resize:vertical;font-size:14px}input{font-size:14px}.preview{box-shadow:0 10px 35px #2d4b3710}.previewhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}#progress{font-size:11px;color:var(--muted)}#output{margin-top:22px;min-height:460px;border:0;background:#fafbf7;padding:22px;font-size:14px;line-height:2}.previewfoot{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin:8px 0 18px}button{font:inherit;cursor:pointer;border:0;border-radius:8px;padding:12px 18px;background:#edf2e8;color:var(--green);font-size:12px}button:focus-visible{outline:3px solid #a7bca0}.primary{width:100%;background:var(--green);color:#fff;font-size:15px}.textbutton{background:transparent;color:var(--muted);font-size:12px}.hint{font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding-top:16px}.actions{margin-top:25px;display:flex;flex-wrap:wrap;gap:8px}aside{position:sticky;top:24px}.note{text-align:center;font-size:13px;color:var(--green);margin:25px 0}details{margin-top:20px;font-size:12px;color:var(--muted)}summary{cursor:pointer}footer{text-align:center;border-top:1px solid var(--line);padding:28px;font-size:11px;color:var(--muted)}#status{font-size:12px;color:var(--green)}@media(max-width:800px){header{padding:0 22px;height:66px}header span{display:none}main{padding:30px 18px}h1{font-size:34px}.intro p{position:static}.workspace{grid-template-columns:1fr;gap:22px}.editor,.preview{padding:22px}aside{position:static}#output{min-height:380px}}

.rewrite-guide{margin-top:18px;padding:18px;background:#f2f5ed;border-radius:10px;font-size:12px;line-height:1.9}.rewrite-guide h3{margin:0 0 8px;font-size:14px}.rewrite-guide p{margin:8px 0}.rewrite-guide ol{padding-left:20px}.rewrite-guide details{color:var(--ink);margin-top:12px}.rewrite-guide summary{font-weight:600}.rewrite-guide label{font-size:11px;font-weight:400}.rewrite-guide textarea{min-height:300px;font-size:12px;line-height:1.9}.rewrite-guide .rewrite-note{font-size:11px;color:var(--muted)}
