@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap";:root{color:#263238;background:#f3f6f7;font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #263238;--muted: #718087;--line: #dce3e5;--paper: #fff;--cyan: #008d99;--cyan-deep: #006e78;--cyan-soft: #e8f5f6;--orange: #ef7f3c;--orange-dark: #d96d2f;--orange-soft: #fff1e8;--shadow: 0 12px 32px rgba(32, 56, 66, .055)}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}.topbar{height:72px;border-bottom:1px solid var(--line);background:#ffffffeb;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1120px)/2))}.brand-lockup{display:flex;align-items:center;gap:11px}.brand-mark{width:34px;height:34px;border-radius:8px;background:var(--cyan);color:#fff;display:grid;place-items:center;font-size:16px;font-weight:800}.brand-name{font-size:16px;font-weight:800}.brand-caption{color:#8a969a;font-size:11px;letter-spacing:.4px;margin-top:1px}.privacy-note{display:flex;align-items:center;gap:8px;color:#758288;font-size:12px}.privacy-dot{width:7px;height:7px;border-radius:50%;background:#52b992;box-shadow:0 0 0 4px #e6f5ef}.workspace{width:min(1120px,calc(100% - 48px));margin:0 auto;padding:54px 0 36px}.intro-row{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:33px}.eyebrow,.section-kicker{color:var(--cyan);font-family:DM Mono,monospace;font-size:11px;font-weight:500;letter-spacing:1.3px;margin:0 0 9px}h1,h2,p{margin-top:0}h1{font-size:32px;line-height:1.25;margin-bottom:9px}.intro-copy{color:var(--muted);font-size:14px;margin-bottom:0}.step-tracker{display:flex;align-items:center;padding-bottom:4px;white-space:nowrap}.step{display:flex;align-items:center;gap:7px;color:#9aa6aa;font-size:12px}.step span{width:23px;height:23px;border:1px solid #ccd6d9;border-radius:50%;display:grid;place-items:center;color:#869399;font-family:DM Mono,monospace;font-size:10px}.step strong{font-weight:500}.step.is-active{color:var(--ink)}.step.is-active span{border-color:var(--cyan);background:var(--cyan);color:#fff}.step-line{width:31px;height:1px;background:#ccd6d9;margin:0 10px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.form-panel{padding:27px 30px 29px}.contract-panel{margin-top:20px;padding:27px 30px 29px}.panel-heading{display:flex;align-items:start;justify-content:space-between;gap:18px;margin-bottom:27px}h2{font-size:19px;line-height:1.3;margin-bottom:0}.section-kicker{margin-bottom:7px}.text-button{border:0;background:transparent;color:var(--muted);font-size:12px;padding:3px 0}.text-button:hover{color:var(--cyan-deep)}.fields-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 20px}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field-label{display:flex;align-items:baseline;gap:6px;color:#526067;font-size:12px;font-weight:700}.field-label em{color:var(--orange);font-style:normal}.field-label small{color:#a0abad;font-size:10px;font-weight:400}.input-row{display:flex;align-items:center;gap:7px}input{width:100%;height:41px;border:1px solid #d7e0e2;border-radius:5px;outline:0;background:#fcfdfd;color:var(--ink);padding:0 12px;font-size:13px;transition:border-color .15s,box-shadow .15s,background .15s}input::placeholder{color:#b5bec1}input:focus{border-color:var(--cyan);background:#fff;box-shadow:0 0 0 3px #008d991a}.translate-button{flex:none;height:41px;padding:0 10px;border:1px solid #b9dfe1;border-radius:5px;background:var(--cyan-soft);color:var(--cyan-deep);font-size:11px;font-weight:700}.translate-button:hover{border-color:var(--cyan);background:#dff1f2}.translate-button:disabled{cursor:wait;opacity:.6}.token-strip{margin-top:29px;border:1px solid #d8ebed;border-radius:6px;background:#f5fbfb;padding:14px 16px}.token-heading{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700}.token-icon{color:var(--cyan);font-family:DM Mono,monospace;font-size:12px}.token-strip p{color:#7b898e;font-size:11px;line-height:1.6;margin:7px 0 10px}.token-list{display:flex;flex-wrap:wrap;gap:8px 13px}.token-list span{display:flex;align-items:center;gap:5px;color:#6c7b80;font-size:10px}.token-list code{border-radius:3px;background:#fff;color:#27747b;padding:3px 5px;font-family:DM Mono,monospace;font-size:10px}.selected-count{color:var(--cyan-deep);border-radius:12px;background:var(--cyan-soft);font-size:10px;padding:5px 9px;white-space:nowrap}.template-list{display:grid;grid-template-columns:1fr 1fr;gap:13px}.template-option{width:100%;min-width:0;display:flex;align-items:center;gap:12px;padding:15px;border:1px solid #dce3e5;border-radius:6px;background:#fff;color:var(--ink);text-align:left;transition:border-color .15s,background .15s,box-shadow .15s}.template-option:hover{border-color:#9dcdd0}.template-option.is-selected{border-color:var(--cyan);background:#f8fcfc;box-shadow:0 0 0 1px #008d9912}.radio-mark{width:15px;height:15px;border:1px solid #b9c5c8;border-radius:50%;flex:none;position:relative}.is-selected .radio-mark{border-color:var(--cyan)}.is-selected .radio-mark:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:var(--cyan)}.file-icon{width:38px;height:43px;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #efc2a8;border-radius:4px;background:var(--orange-soft);color:#d76c2e;font-family:DM Mono,monospace;font-size:8px;line-height:1}.file-icon span{font-size:10px;font-weight:700;margin-top:2px}.template-copy{min-width:0;flex:1}.template-copy strong,.template-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-copy strong{font-size:13px}.template-copy small{color:#929da1;font-size:10px;margin-top:5px}.check-mark{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--cyan);font-size:12px;opacity:0;flex:none}.is-selected .check-mark{opacity:1}.export-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#26383d;border-radius:8px;margin-top:20px;padding:16px 20px 16px 22px;color:#fff}.export-status{display:flex;align-items:center;gap:11px;min-width:0}.status-indicator{width:8px;height:8px;flex:none;border-radius:50%;background:#aab5b8}.status-indicator.success{background:#5ed1a3;box-shadow:0 0 0 4px #5ed1a31f}.status-indicator.error{background:#ff9b6c;box-shadow:0 0 0 4px #ff9b6c1f}.export-status strong{display:block;font-size:13px;font-weight:600}.status-subtext{display:block;max-width:500px;overflow:hidden;color:#aebabe;font-size:11px;text-overflow:ellipsis;white-space:nowrap;margin-top:3px}.primary-button{display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:5px;background:var(--orange);color:#fff;padding:11px 18px;font-size:13px;font-weight:700;white-space:nowrap;transition:background .15s,transform .15s}.primary-button:hover{background:var(--orange-dark)}.primary-button:active{transform:translateY(1px)}.primary-button:disabled{cursor:wait;opacity:.7}.download-icon{font-size:18px;line-height:12px}.spinner{width:13px;height:13px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.footer-note{display:flex;justify-content:space-between;color:#a1abad;font-family:DM Mono,monospace;font-size:10px;margin-top:24px}.toast{position:fixed;left:50%;bottom:27px;z-index:10;border:1px solid #c8e6df;border-radius:6px;background:#f4fffb;color:#216f61;box-shadow:0 8px 25px #18393621;font-size:12px;padding:11px 15px;opacity:0;pointer-events:none;transform:translate(-50%,9px);transition:opacity .2s,transform .2s}.toast.is-visible{opacity:1;transform:translate(-50%)}.toast.is-error{border-color:#f3c8b5;background:#fff8f4;color:#b45c35}@media(max-width:700px){.intro-row{align-items:start;flex-direction:column}.step-tracker{padding-bottom:0}.template-list{grid-template-columns:1fr}}@media(max-width:540px){.topbar{height:64px;padding:0 18px}.privacy-note{font-size:0}.privacy-dot{width:8px;height:8px}.workspace{width:calc(100% - 28px);padding-top:34px}h1{font-size:27px}.intro-copy{font-size:13px}.step{gap:5px;font-size:10px}.step span{width:20px;height:20px;font-size:9px}.step-line{width:16px;margin:0 6px}.form-panel,.contract-panel{padding:22px 18px}.fields-grid{grid-template-columns:1fr;gap:16px}.export-bar{align-items:stretch;flex-direction:column;padding:17px}.primary-button{width:100%}.status-subtext{max-width:270px}.footer-note{font-size:9px}}