:root{--bg:#fafaf9;--surface:#fff;--text:#202124;--secondary:#66696d;--muted:#93969b;--stroke:#e7e7e5;--brand:#242528}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Microsoft YaHei,sans-serif;font-size:15px}button,a,textarea{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{cursor:default}:is(button:focus-visible,a:focus-visible,summary:focus-visible){outline-offset:4px;outline:2px solid #6b6d70}a{color:inherit;text-decoration:none}.site{flex-direction:column;min-height:100dvh;display:flex}header{border-bottom:1px solid var(--stroke);justify-content:space-between;align-items:center;width:calc(100% - 80px);max-width:1120px;height:96px;margin:auto;display:flex}.brand{letter-spacing:-.6px;align-items:center;gap:11px;font-size:21px;font-weight:700;display:flex}.brand img{width:32px;height:32px}.help{color:var(--secondary);align-items:center;gap:8px;padding:12px 0;font-size:13px;display:flex}main{flex:1;width:100%;padding:50px 32px 0}.intro{text-align:center;margin:0 auto 34px}.eyebrow{color:#85868a;letter-spacing:2px;justify-content:center;align-items:center;gap:8px;font-size:11px;display:flex}.eyebrow span{background:#8c8e90;border-radius:50%;width:5px;height:5px}h1{letter-spacing:-1.8px;color:#000;margin:18px 0 14px;font-size:42px;font-weight:650;line-height:1.25}h1 span{color:inherit}.intro>p{color:var(--secondary);letter-spacing:.6px;margin:0;font-size:14px}.workspace{max-width:680px;margin:auto}.workspace.has-result{grid-template-columns:1fr 1.1fr;gap:26px;max-width:1080px;display:grid}.tabs{border:1px solid var(--stroke);background:#f0f0ef;border-radius:13px;grid-template-columns:1fr 1fr;gap:4px;padding:5px;display:grid}.tabs button{color:#777a7d;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:9px;height:46px;font-size:15px;font-weight:500;transition:all .18s;display:flex}.tabs .active{color:var(--text);background:#fff;border-color:#e3e3e1;font-weight:600;box-shadow:0 2px 3px #00000004}.mode-description{color:#7c7e82;margin:17px 1px 13px;font-size:12px}.editor{background:#fff;border:1px solid #dededc;border-radius:15px;transition:border-color .18s;overflow:hidden;box-shadow:0 3px 14px #00000002}.editor:focus-within{border-color:#9c9da0}.editor.invalid{border-color:#b54845}.editor-top{justify-content:space-between;align-items:center;padding:19px 23px 6px;display:flex}.editor-top label{font-size:13px;font-weight:600}.editor-top button{color:#999b9d;padding:5px;font-size:12px}.editor-top button:disabled{opacity:.45}textarea{font:inherit;resize:vertical;width:100%;min-height:220px;color:var(--text);background:0 0;border:0;outline:0;padding:17px 23px 20px;font-size:15px;line-height:1.9;display:block}textarea::placeholder{color:#aaabad}.editor-bottom{color:#999b9d;justify-content:space-between;padding:13px 23px 18px;font-size:11px;display:flex}.editor-bottom i{color:#b1b2b4;margin-left:3px;font-style:normal}.privacy{color:#93969b;align-items:center;gap:6px;margin:15px 1px 18px;font-size:11px;line-height:1.6;display:flex}.privacy svg{flex-shrink:0}.primary{background:var(--brand);color:#fff;border-radius:10px;justify-content:center;align-items:center;gap:12px;width:100%;height:49px;font-size:14px;font-weight:550;transition:background .18s;display:flex}.primary:hover:not(:disabled){background:#3b3c40}.primary:disabled{color:#fff;background:#d5d5d3}.primary svg{margin-left:2px}.examples{color:#9a9c9e;flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;margin-top:18px;font-size:11px;display:flex}.examples>span{margin-right:4px}.examples button{border:1px solid var(--stroke);color:#727579;background:#fff;border-radius:6px;align-items:center;gap:5px;padding:7px 10px;font-size:11px;display:flex}.examples button:hover{border-color:#bfc0c2}.principles{color:#898c8e;justify-content:center;gap:28px;margin:29px 0;font-size:11px;display:flex}.principles span{align-items:center;gap:5px;display:flex}.small-note{text-align:center;color:#b1b2b3;margin:44px auto 40px;font-size:11px}.mini-ring{border:3px solid #dededc;border-radius:50%;width:18px;height:18px;display:inline-block}.small-note p{margin:10px 0}footer{border-top:1px solid var(--stroke);color:#9a9c9f;justify-content:space-between;align-items:center;width:calc(100% - 80px);max-width:1120px;margin:auto;padding:23px 0;font-size:10px;display:flex}footer div{gap:23px;display:flex}footer button{padding:7px 0;font-size:10px}.footer-tag{letter-spacing:1px}.tones{align-items:center;gap:7px;margin-top:16px;font-size:12px;display:flex}.tones>span{color:#898c90;margin-right:8px}.tones button{border:1px solid var(--stroke);color:#777;border-radius:7px;padding:8px 10px;font-size:12px}.tones button.selected{color:#242528;background:#eaeae8;border-color:#cdcecc}.error:empty{display:none}.error{color:#b54845;margin-top:12px;font-size:12px;line-height:1.8}.error button{margin-left:10px;text-decoration:underline}.danger{color:#b54845}.result{border:1px solid var(--stroke);background:#fff;border-radius:15px;align-self:start;padding:24px 27px;animation:.25s appear}.result-header{color:#96989b;justify-content:space-between;align-items:center;font-size:11px;display:flex}.result-header span,.result-header button{align-items:center;gap:5px;display:flex}.result-header button{color:#85878b;font-size:11px}.result h2{letter-spacing:.4px;margin:27px 0 16px;font-size:15px}.main-result{white-space:pre-wrap;overflow-wrap:anywhere;border-left:2px solid #292b2e;margin:0 0 20px;padding-left:15px;font-size:17px;line-height:1.85}.copy{border:1px solid #dddeda;border-radius:7px;align-items:center;gap:7px;padding:9px 12px;font-size:12px;display:flex}.copy.copied{color:#3b6d4e}.result-section{border-top:1px solid #f0f0ee;margin-top:23px;padding-top:18px}.result h3{color:#696c70;margin:0 0 11px;font-size:12px;font-weight:550}.result ul{margin:0;padding:0;list-style:none}.result li{color:#53565a;overflow-wrap:anywhere;margin:5px 0;padding-left:14px;font-size:13px;line-height:1.9;position:relative}.result li:before{content:"·";color:#999;position:absolute;left:0}.result details{border-top:1px solid var(--stroke);color:#898b8e;margin-top:24px;padding-top:17px;font-size:12px}.result summary{cursor:pointer;justify-content:space-between;align-items:center;list-style:none;display:flex}.result details p{white-space:pre-wrap;overflow-wrap:anywhere;color:#6e7073;line-height:1.8}.feedback{color:#a1a2a4;border-top:1px solid #eee;align-items:center;gap:12px;margin-top:18px;padding-top:16px;font-size:10px;display:flex}.feedback span{margin-right:auto}.feedback button{padding:5px}.demo-note,.caution{color:#8f9194;background:#f7f7f5;border-radius:6px;margin:18px 0 0;padding:10px;font-size:11px;line-height:1.8}.overlay{z-index:9;background:#0005;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:100%;max-width:480px;max-height:85dvh;padding:30px;position:relative;overflow:auto}.modal h2{margin:0 0 24px;font-size:21px}.modal p{color:#6c6f73;font-size:14px;line-height:1.85}.modal .primary{margin-top:26px}.close{color:#777;position:absolute;top:22px;right:20px}.spinner{border:2px solid #ffffff50;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes appear{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1500px){main{padding-top:68px}.intro{margin-bottom:38px}textarea{min-height:245px}.small-note{margin-top:54px}}@media (max-width:879px){.workspace.has-result{max-width:680px;display:block}.result{margin-top:25px}.footer-tag{display:none}}@media (max-width:600px){header{width:calc(100% - 40px);height:73px}.brand{font-size:19px}.brand img{width:29px;height:29px}.help{font-size:12px}main{padding:31px 20px 0}.intro{margin-bottom:26px}.eyebrow{letter-spacing:1.5px;font-size:10px}h1{letter-spacing:-1.5px;margin-top:15px;font-size:32px}.intro>p{letter-spacing:0;font-size:12px}.tabs button{height:43px;font-size:14px}.mode-description{margin:15px 0 12px;font-size:11px}.editor-top{padding:15px 17px 5px}textarea{min-height:213px;padding:13px 17px;font-size:14px}.editor-bottom{padding:12px 17px 16px;font-size:10px}.privacy{align-items:flex-start;font-size:10px}.examples{gap:7px;font-size:10px}.examples button{padding:8px;font-size:10px}.principles{gap:19px;margin-top:27px;font-size:10px}.small-note{margin-top:35px;margin-bottom:28px}footer{gap:14px;width:calc(100% - 40px);padding:17px 0}footer div{gap:15px}.tones{flex-wrap:wrap;gap:5px}.tones>span{margin-right:2px}.tones button{padding:8px}.result{padding:21px}.main-result{font-size:16px}.modal{padding:26px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.brand .brand-mark{flex-shrink:0;width:32px;height:32px;display:block;position:relative;overflow:hidden}.brand .brand-mark img{width:96px;max-width:none;height:96px;position:absolute;top:-32px;left:-32px}@media (max-width:600px){.brand .brand-mark{width:29px;height:29px}.brand .brand-mark img{width:87px;height:87px;top:-29px;left:-29px}}.image-input{background:#f7f7f5;border:1px dashed #dededb;border-radius:12px;margin:0 0 14px;padding:13px 15px}:is(.image-input:focus-visible,.image-input.drag-hover){outline-offset:2px;outline:1px solid #777}.image-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.image-toolbar button,.scan-button{align-items:center;gap:7px;padding:7px 0;font-size:12px;font-weight:500;display:flex}.image-toolbar>span{color:#96989b;font-size:10px}.image-hint{color:#96989b;margin:5px 0 0;font-size:10px;line-height:1.7}.image-preview{background:#fff;border:1px solid #e7e7e5;border-radius:8px;align-items:center;gap:12px;margin:12px 0;padding:12px;display:flex}.image-preview>a{flex-shrink:0;width:60px;height:68px}.image-preview img{object-fit:contain;width:100%;height:100%}.image-preview>div{flex:1;min-width:0}.image-preview p{white-space:nowrap;text-overflow:ellipsis;color:#828589;margin:0 0 6px;font-size:11px;overflow:hidden}.scan-button{border:1px solid #dededb;border-radius:7px;padding:8px 10px}.remove-image{color:#93969b;align-self:flex-start;padding:5px}.ocr-status,.ocr-error{margin:7px 0 0;font-size:11px;line-height:1.7}.ocr-status:empty{display:none}.ocr-error{color:#b54845}.image-input button:disabled{opacity:.5}@media (max-width:400px){.image-toolbar{flex-direction:column;align-items:flex-start;gap:0}}