:root{--paper:#f6f5ef;--ink:#233c35;--muted:#6f7d73;--line:#d8ded3;--green:#315d4a;--light:#e8eee2;--orange:#ad603c;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input,select{font:inherit}button,a,input{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}[hidden]{display:none!important}.wrap{max-width:1200px;margin:auto;padding:0 36px}header{border-bottom:1px solid var(--line)}nav{height:88px;display:flex;align-items:center;gap:32px}.brand{text-decoration:none;font-weight:750;font-size:22px;letter-spacing:-1px;display:flex;align-items:center;gap:11px}.mark{display:inline-grid;place-items:center;width:31px;height:34px;background:var(--green);color:#fff;border-radius:5px 5px 13px 5px;font-family:Georgia,serif;font-size:24px}.nav-links{margin-left:auto;display:flex;gap:26px;align-items:center}.nav-links a{font-size:13px;text-decoration:none}.nav-links a:hover{text-decoration:underline}.nav-links .nav-cta{border:1px solid var(--line);padding:10px 15px;border-radius:5px}.hero{padding:72px 0 55px;display:grid;grid-template-columns:1.25fr 1fr;gap:65px;align-items:center}.eyebrow{font-family:monospace;letter-spacing:2px;font-size:11px;text-transform:uppercase;color:var(--green);display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';width:6px;height:6px;background:var(--green);border-radius:100%}h1{font:normal 64px/1.05 Georgia,'Times New Roman',serif;letter-spacing:-2.6px;margin:25px 0 23px}h1 em{color:#658068;font-weight:400}p{line-height:1.7}.intro{font-size:16px;color:var(--muted);max-width:460px}.hero-actions{display:flex;gap:12px;margin-top:27px;align-items:center}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:13px 19px;border-radius:5px;text-decoration:none;font-size:13px;font-weight:600;border:1px solid var(--line);background:transparent;color:var(--ink)}.btn.primary{background:var(--green);color:white;border-color:var(--green)}.btn:hover{filter:brightness(.94)}.micro{font-size:11px;color:var(--muted);margin-top:17px}.illustration{position:relative;min-height:340px;background:linear-gradient(145deg,#e8ecdf,#f0eee6);border:1px solid #dce0d3;border-radius:9px;padding:25px;transform:rotate(1deg)}.sheet{background:#fffefa;border:1px solid #dce0d3;border-radius:5px;padding:25px;box-shadow:0 12px 25px #304e3210;transform:rotate(-2deg)}.sheet-top{font:10px monospace;letter-spacing:1px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:15px;display:flex;justify-content:space-between}.sheet h2,.sheet h3{font:26px/1.2 Georgia,serif;max-width:250px;margin:22px 0 20px}.sample-label{font-size:10px;color:var(--green);text-transform:uppercase;letter-spacing:1px}.ink-line{height:5px;background:#e6e9df;margin:9px 0;border-radius:2px}.sheet-note{margin-top:20px;border-left:2px solid #8da083;padding-left:12px;font:italic 14px/1.6 Georgia,serif;color:var(--muted)}.saved{position:absolute;bottom:13px;right:-12px;background:var(--green);color:white;padding:13px 18px;border-radius:5px;font-size:12px;box-shadow:0 8px 20px #18302315;transform:rotate(-1deg)}.trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;display:flex;gap:40px;color:var(--muted);font-size:12px}.trust span:before{content:'✓';margin-right:8px;color:var(--green)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:48px 0 23px}.section-heading h2{font:34px/1.2 Georgia,serif;margin:0 0 8px;letter-spacing:-1px}.section-heading p{margin:0;font-size:13px;color:var(--muted)}.badge{font:10px monospace;padding:7px 10px;border:1px solid var(--line);border-radius:4px;white-space:nowrap}.import-grid{display:grid;grid-template-columns:1.8fr 1fr;gap:20px}.drop{border:1px dashed #9caf9a;border-radius:7px;background:#fbfcf7;padding:34px;text-align:center;position:relative}.drop.drag{background:var(--light)}.upload-icon{font-size:28px;margin-bottom:12px;color:var(--green)}.drop h3{font-size:17px;margin:0 0 8px}.drop p{font-size:12px;color:var(--muted);margin:0 0 18px}.file-label{cursor:pointer}.file-input{position:absolute;width:1px;height:1px;opacity:0}.file-input:focus+label{outline:2px solid var(--green);outline-offset:3px}.text-btn{border:0;background:transparent;text-decoration:underline;color:var(--ink);padding:10px;font-size:12px}.guide-card{background:var(--light);padding:26px 28px;border-radius:7px}.guide-card h3{font:23px Georgia,serif;margin:0 0 18px}.guide-card ol{padding-left:18px;color:var(--muted);font-size:13px;line-height:2}.guide-card a{font-size:12px;text-underline-offset:4px}#status{font-size:13px;line-height:1.6;margin:16px 0;color:var(--green);overflow-wrap:anywhere}.error{color:#a13d2b!important}.workspace{margin:25px 0;border:1px solid var(--line);border-radius:8px;background:#fffefa;overflow:hidden}.toolbar{padding:18px;border-bottom:1px solid var(--line);display:flex;gap:12px;align-items:center;flex-wrap:wrap}.toolbar input[type=search]{min-width:200px;flex:1}.toolbar input{padding:10px;border:1px solid var(--line);border-radius:4px;background:white;font-size:12px;color:var(--ink)}.toolbar label{font-size:11px;color:var(--muted)}.selection-bar{display:flex;align-items:center;gap:14px;padding:9px 18px;font-size:11px;border-bottom:1px solid var(--line)}.selection-bar button{font-size:11px}.editor{display:grid;grid-template-columns:310px 1fr;min-height:430px}#chat-list{border-right:1px solid var(--line);max-height:530px;overflow:auto;padding:10px}.chat-row{display:flex;gap:10px;align-items:center;padding:11px;border-radius:5px;margin:3px 0}.chat-row.active{background:var(--light)}.chat-row input{accent-color:var(--green)}.chat-button{background:none;border:0;text-align:left;color:var(--ink);width:100%;padding:0}.chat-button strong{display:block;font-size:13px;line-height:1.4}.chat-button span{font-size:10px;display:block;color:var(--muted);margin-top:8px}.preview-pane{min-width:0;padding:24px}.preview-pane h3{font:23px Georgia,serif;margin:0 0 8px}#warning{font-size:11px;color:var(--muted);line-height:1.6}pre{font:12px/1.8 ui-monospace,SFMono-Regular,monospace;white-space:pre-wrap;overflow-wrap:anywhere;color:#425348;max-height:360px;overflow:auto;border-top:1px solid var(--line);padding-top:18px}.export-bar{padding:18px;display:flex;gap:10px;align-items:center;border-top:1px solid var(--line);flex-wrap:wrap}.export-bar label{font-size:12px;margin-right:auto}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:38px 0 55px}.step-number{font:12px monospace;color:#85927d}.steps h3{font:23px Georgia,serif;margin:16px 0 10px}.steps p{font-size:13px;color:var(--muted);margin:0}.bottom-note{border-top:1px solid var(--line);padding:30px 0;display:flex;align-items:center;justify-content:space-between;gap:25px}.bottom-note p{font:21px Georgia,serif;margin:0}.bottom-note span{display:block;font:12px/1.7 sans-serif;color:var(--muted);margin-top:10px}footer{border-top:1px solid var(--line);padding:28px 0;margin-top:25px;font-size:11px;color:var(--muted)}footer .wrap{display:flex;justify-content:space-between;gap:20px}footer a{margin-left:16px}.muted{color:var(--muted);font-size:12px}.article{max-width:780px;padding:65px 0}.article h1{font-size:49px}.article h2{font:28px Georgia,serif;margin-top:35px}.article li{line-height:1.9;margin:7px 0}.article table{width:100%;border-collapse:collapse;font-size:13px}.article td,.article th{text-align:left;border-bottom:1px solid var(--line);padding:14px 10px}.callout{border-left:3px solid var(--green);background:var(--light);padding:18px 22px;margin:24px 0}.article code{background:var(--light);padding:2px 5px}.article .btn{margin:10px 0}@media(max-width:850px){.wrap{padding:0 22px}.hero{gap:30px;padding-top:45px}h1{font-size:48px}.illustration{min-height:300px;padding:15px}.sheet{padding:18px}.nav-links{gap:17px}.editor{grid-template-columns:240px 1fr}.trust{gap:20px}}@media(max-width:760px){nav{height:72px}.nav-links a:not(.nav-cta):not(.language-switch){display:none}.hero{grid-template-columns:1fr;gap:35px}.hero h1{font-size:52px}.illustration{margin:0 8px;min-height:310px}.trust{flex-wrap:wrap;gap:14px 25px}.import-grid,.steps,.editor{grid-template-columns:1fr}.steps{gap:28px}.section-heading{gap:10px}.section-heading h2{font-size:28px}.drop{padding:28px 15px}#chat-list{border-right:0;border-bottom:1px solid var(--line);max-height:240px}.preview-pane{padding:18px}.bottom-note{align-items:start;flex-direction:column}footer .wrap{flex-direction:column}footer a{margin:0 16px 0 0}.article h1{font-size:38px}.selection-bar{gap:5px;flex-wrap:wrap}}
/* Keep content-sized controls and user-provided titles within narrow layouts. */
.hero-actions,.section-heading{flex-wrap:wrap;flex-wrap:balance}
.hero>*,.import-grid>*,.editor>*,.steps>*,.chat-button{min-inline-size:0}
.chat-button,.preview-pane h3,.article h1,.article td,.article th,.article code{overflow-wrap:anywhere}
.toolbar input{max-inline-size:100%}
@media(max-width:480px){
 .hero-actions .btn{flex:1 1 100%}
 .section-heading{align-items:flex-start}
 .toolbar input[type=search]{min-inline-size:0;flex-basis:100%}
 .toolbar label{display:flex;flex-wrap:wrap;gap:6px;max-inline-size:100%}
 .export-bar .btn{flex:1 1 100%}
 nav{gap:12px}
 .nav-links .nav-cta{padding-inline:10px}
}

/* Localized navigation keeps the explicit language choice available on small screens. */
.language-switch{white-space:nowrap;border:1px solid var(--line);border-radius:4px;padding:7px 9px}
.export-help{padding:0 18px 12px}.sample-source{margin-top:24px}.line-long{width:90%}.line-short{width:68%}.product-demo{max-width:100%;height:auto}
html[lang="zh-CN"]{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
html[lang="zh-CN"] h1,html[lang="zh-CN"] h2,html[lang="zh-CN"] h3{font-family:inherit;letter-spacing:-.02em;line-height:1.4}
html[lang="zh-CN"] .sheet-note{font-family:inherit;font-style:normal}
@media(max-width:760px){nav{height:auto;min-height:72px;padding-block:14px;flex-wrap:wrap}.brand .badge{display:none}.nav-links{gap:10px}.nav-links a.language-switch{display:inline-flex}.nav-links .nav-cta{white-space:nowrap}}