:root {font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Noto Sans SC","Microsoft YaHei",sans-serif;color:#23382d;background:#f8fbf8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}.wrap{width:min(1460px,calc(100% - 48px));margin:auto}.topbar{display:flex;align-items:center;gap:12px;padding:30px 0 20px}.mark{width:48px;height:48px;background:#184f38;color:white;border-radius:14px;display:grid;place-items:center;font-size:17px;font-weight:800;letter-spacing:-.09em;box-shadow:0 7px 15px #184f3822}.mark span{color:#91ddb4}.brand{font-size:17px;font-weight:800}.brand-desc{font-size:12px;color:#718378;margin-top:4px}.intro{margin:10px 0 26px}.intro h1{font-size:clamp(24px,3vw,37px);margin:0 0 10px;font-weight:750;letter-spacing:-.04em}.intro p{font-size:14px;color:#687c71;margin:0}.workspace{display:grid;grid-template-columns:minmax(290px,360px) minmax(0,1fr);gap:20px;align-items:start}.sidebar,.preview-area{background:white;border:1px solid #e0eae3;border-radius:18px;box-shadow:0 8px 22px #213f2909}.sidebar{padding:22px}.section-heading{display:flex;gap:10px;align-items:center;margin-bottom:15px}.section-heading.mid{margin-top:28px}.section-heading h2,.preview-head h2{font-size:17px;line-height:24px;margin:0;font-weight:760}.step{background:#def4e5;border:1px solid #bee4c9;border-radius:10px;color:#22704b;width:27px;height:27px;display:grid;place-items:center;font-size:13px;font-weight:800}.dropzone{border:1.5px dashed #95bca2;border-radius:14px;background:#f5fbf6;display:flex;align-items:center;justify-content:center;min-height:147px;padding:16px;gap:8px;flex-direction:column;cursor:pointer;text-align:center;transition:.16s}.dropzone:hover,.dropzone.dragging,.dropzone:focus-visible{border-color:#227b50;background:#eaf8ec;outline:none}.dropzone strong{font-size:14px;max-width:100%;overflow-wrap:anywhere}.dropzone span:last-of-type{font-size:12px;color:#688474}.dropzone input{display:none}.upload-icon{width:39px;height:39px;border-radius:12px;background:#e0f1e4;display:grid;place-items:center;color:#338a5c;font-size:26px;line-height:1}.example-row{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:12px;flex-wrap:wrap}.text-button{border:0;background:transparent;padding:0;color:#167b4e;text-decoration:underline;text-underline-offset:3px;font-size:12px;font-weight:700}.local-note{font-size:11px;color:#92a197}.field{display:block;margin-top:14px}.field>span{display:block;font-size:13px;font-weight:700;margin-bottom:8px}.field select,.subfield input{border:1px solid #d8e3db;border-radius:9px;background:#fff;width:100%;height:40px;padding:0 12px;outline:none;color:#294535;font-size:13px}.field select:focus,.subfield input:focus{border-color:#258051;box-shadow:0 0 0 3px #e3f4e8}.field select:disabled{color:#a8b4ab;background:#f8faf8}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}.subfield{display:block}.subfield span{display:block;font-size:11px;color:#7a8c7f;margin-bottom:7px}.scale-options{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.scale-btn{display:flex;gap:3px;justify-content:center;align-items:center;flex-wrap:wrap;border:1px solid #dce8e0;background:#fff;color:#3f5848;border-radius:9px;min-height:42px;font-weight:750}.scale-btn small{font-weight:550;font-size:9px;color:inherit}.scale-btn.active{background:#e4f6e9;color:#176c41;border-color:#5cb07c}.checkrow{display:flex;gap:9px;margin-top:16px;align-items:flex-start;line-height:1.5;font-size:12px;color:#586d5f;cursor:pointer}.checkrow input{margin:3px 0 0;accent-color:#238755;flex-shrink:0}.primary{margin-top:24px;background:#147b49;border:0;border-radius:10px;min-height:49px;color:#fff;font-size:15px;font-weight:770;width:100%;box-shadow:0 9px 18px #12815422}.primary:not(:disabled):hover{background:#116c40}.primary:disabled{background:#b6c8bc;box-shadow:none;cursor:not-allowed}.primary span{font-size:20px;vertical-align:middle;margin-right:7px}.status{margin-top:12px;font-size:12px;color:#6c8072;line-height:1.6;white-space:pre-line}.status.error{color:#ad3636}.preview-area{min-height:650px;overflow:hidden}.preview-head{padding:22px 22px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #edf2ee}.preview-sub{color:#829289;font-size:12px;margin-top:6px}.preview-pill{font-size:11px;background:#eff6f0;color:#617d68;border:1px solid #deecdf;padding:6px 10px;border-radius:100px;white-space:nowrap}.preview-scroller{padding:24px;overflow:auto;min-height:440px;max-height:990px;background:#f3f6f3;text-align:center}.empty-preview{min-height:425px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#8fa197}.empty-preview .empty-icon{font-size:48px;color:#bad6c2}.empty-preview strong{color:#758c7e;font-size:16px}.empty-preview span{font-size:13px}.preview-scroller canvas{display:block;max-width:100%;height:auto;margin:auto;background:#fff;box-shadow:0 3px 17px #132d1b19}.tips{border-top:1px solid #e9f0eb;padding:14px 22px 19px;font-size:12px;color:#7b8a7f;line-height:1.7}.tips strong{color:#507259}footer{padding:27px 0 40px;text-align:center;color:#9aaa9f;font-size:12px}@media(max-width:840px){.workspace{grid-template-columns:minmax(0,1fr)}.wrap{width:min(100% - 24px,740px)}.topbar{padding-top:19px}.sidebar{padding:20px}.preview-area{min-height:500px}.preview-scroller{min-height:350px;padding:12px}.empty-preview{min-height:320px}.intro{margin-top:5px}.preview-head{padding:18px}.preview-pill{display:none}}@media(max-width:440px){.intro h1{font-size:25px}.intro p{line-height:1.7}.sidebar{padding:16px}.preview-scroller{max-height:650px}}

.mark{white-space:nowrap;font-size:13px;letter-spacing:-.12em;flex:0 0 48px}