:root{--bg:#f7f8fa;--surface:#fff;--text:#16191f;--muted:#667085;--line:#e4e7ec;--soft:#f2f4f7;--accent:#1f2937;--danger:#b42318}*{box-sizing:border-box}html{background:var(--bg)}body{color:var(--text);background:radial-gradient(circle at 50% -20%,#fff 0,#f7f8fa 42%,#f3f4f6 100%);margin:0;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans,Noto Sans JP,sans-serif}button,textarea,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.62}.shell{width:min(1080px,100% - 32px);margin:0 auto}.hero{text-align:center;padding:86px 0 42px}.eyebrow,.step{color:#697386;letter-spacing:.14em;font-size:12px;font-weight:800;display:inline-block}.hero h1{letter-spacing:-.045em;margin:14px 0 18px;font-size:clamp(42px,7vw,72px);line-height:1.05}.heroCopy{max-width:680px;color:var(--muted);margin:0 auto;font-size:18px;line-height:1.8}.trustRow{color:#475467;flex-wrap:wrap;justify-content:center;gap:10px 22px;margin-top:26px;font-size:14px;display:flex}.workspace{padding:18px 0 80px}.inputPanel,.outputPanel,.historyPanel{border:1px solid var(--line);background:#fffffff5;border-radius:24px;box-shadow:0 20px 70px #10182812}.inputPanel{padding:28px}.panelHeader,.outputHeader,.historyHeader{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}h2,h3{letter-spacing:-.02em;margin:7px 0 0}h2{font-size:24px}h3{font-size:20px}textarea{resize:vertical;width:100%;min-height:260px;color:var(--text);background:#fcfcfd;border:1px solid #d0d5dd;border-radius:16px;outline:none;padding:20px;line-height:1.75}textarea:focus{border-color:#667085;box-shadow:0 0 0 4px #6670851a}.textareaMeta{color:var(--muted);justify-content:space-between;gap:18px;margin:10px 2px 14px;font-size:12px;display:flex}.textareaMeta p{margin:0}.warning{color:var(--danger);font-weight:700}.historyToggle{border:1px solid var(--line);color:#344054;cursor:pointer;background:#fcfcfd;border-radius:12px;align-items:flex-start;gap:10px;margin:0 2px 18px;padding:12px 14px;font-size:13px;display:flex}.historyToggle input{width:16px;height:16px;margin-top:3px}.historyToggle span{gap:2px;font-weight:700;display:grid}.historyToggle small{color:var(--muted);font-weight:500}.primaryButton{background:var(--accent);color:#fff;border:0;border-radius:14px;width:100%;padding:15px 18px;font-weight:800;box-shadow:0 8px 24px #1f29372e}.secondaryButton,.textButton,.inlineCopy{border:1px solid var(--line);color:#344054;background:#fff;border-radius:10px;padding:9px 12px;font-weight:700}.textButton{background:0 0;border:0;padding:4px}.textButton.danger{color:var(--danger)}.inlineCopy{margin-top:14px}.notice{background:var(--soft);color:#475467;border-radius:10px;margin-top:14px;padding:11px 13px;font-size:14px}.outputPanel{margin-top:24px;padding:28px}.buttonGroup{flex-wrap:wrap;gap:8px;display:flex}.resultGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.resultCard{border:1px solid var(--line);background:var(--surface);border-radius:18px;min-width:0;padding:20px}.resultCard.wide{grid-column:1/-1}.cardTitle{color:#475467;letter-spacing:.04em;margin-bottom:13px;font-size:13px;font-weight:800}.summary,.muted{margin:0;line-height:1.8}.muted{color:var(--muted)}.cleanList,.outlineList{margin:0;padding-left:1.25rem;line-height:1.8}.cleanList li+li,.outlineList li+li{margin-top:7px}.actionTable{gap:8px;display:grid}.actionRow{background:var(--soft);border-radius:12px;grid-template-columns:minmax(0,1.6fr) minmax(120px,.5fr) minmax(120px,.5fr);align-items:center;gap:12px;padding:12px 14px;display:grid}.actionRow span{color:var(--muted);font-size:13px}.emailDraft{white-space:pre-wrap;word-break:break-word;font:inherit;margin:0;line-height:1.8}.historyPanel{margin-top:24px;padding:24px}.historyNote{color:var(--muted);margin:-8px 0 16px;font-size:13px}.historyList{gap:8px;display:grid}.historyItem{text-align:left;border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px 14px}.historyItem span{color:var(--muted);margin-bottom:5px;font-size:11px;display:block}.historyItem strong{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.footer{color:#98a2b3;justify-content:space-between;gap:20px;padding:0 0 36px;font-size:12px;display:flex}@media (max-width:720px){.hero{padding-top:58px}.hero h1{font-size:44px}.heroCopy{font-size:16px}.inputPanel,.outputPanel,.historyPanel{border-radius:18px;padding:20px}.panelHeader,.outputHeader,.historyHeader{flex-direction:column}.resultGrid{grid-template-columns:1fr}.resultCard.wide{grid-column:auto}.actionRow{grid-template-columns:1fr;gap:5px}.textareaMeta,.footer{flex-direction:column}textarea{min-height:220px}}