@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#242820;background:#f5f5ee;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}header,footer{max-width:1320px;margin:auto;padding:28px 48px;display:flex;align-items:center;justify-content:space-between}header{border-bottom:1px solid #d9dcd0}.brand{display:flex;gap:13px;align-items:center;font-size:24px}.brand>span{font-size:17px;font-weight:500}.brand strong{font-weight:700}.version,.eyebrow,.tag,small,.event-log,.step-num{font-family:Space Mono,monospace}.version{font-size:11px;color:#72766a;border:1px solid #d9dcd0;padding:7px 11px;border-radius:30px}main{max-width:1224px;padding:55px 0 0;margin:auto}.eyebrow{font-size:11px;letter-spacing:1.6px;color:#72766a}h1{font-size:clamp(42px,5.6vw,76px);line-height:1.04;letter-spacing:-4px;margin:22px 0}h1 em{font-style:normal;color:#758052}.intro{font-size:16px;color:#73786c;line-height:1.65;max-width:560px;margin-bottom:38px}.workspace{display:grid;grid-template-columns:1.1fr 1fr;gap:24px}.panel{background:#fff;border:1px solid #dce0d3;border-radius:16px;padding:28px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;font-size:17px;font-weight:600}.tag{font-size:9px;letter-spacing:1px;color:#72766a;background:#f2f3ed;padding:6px 9px;border-radius:4px}.upload{position:relative;cursor:pointer;border:1px dashed #c3cab6;background:#f8f9f4;border-radius:10px;display:flex;align-items:center;flex-direction:column;gap:9px;text-align:center;padding:28px 12px}.upload input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.file-icon{font-size:25px;color:#758052}.upload small{font-size:9px;color:#72766a}.field{display:flex;flex-direction:column;gap:10px;margin-top:24px;font-size:12px;font-weight:600}select,textarea{width:100%;border:1px solid #dce0d3;border-radius:7px;background:#fff;padding:12px;color:#424839}textarea{font-family:Space Mono,monospace;font-size:10px;height:155px;resize:vertical;line-height:1.6}.primary{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;border-radius:8px;padding:15px 17px;background:#323e26;color:#fff;cursor:pointer;font-size:13px;font-weight:600;margin-top:24px}.primary:disabled{opacity:.55;cursor:wait}.hint,.privacy{color:#8a8f82;font-size:11px;line-height:1.7}.hint{margin-bottom:0}.dot{width:7px;height:7px;border-radius:50%;background:#c5c9bc}.dot.live{background:#8a9a64;box-shadow:0 0 0 4px #f0f3e9}.status{font-size:12px;background:#f2f4ed;color:#556540;padding:12px;border-radius:7px;min-height:40px}.step{display:flex;gap:16px;align-items:center;padding:21px 0;border-bottom:1px solid #eef0e8;color:#9ba28f}.step-num{font-size:11px}.step>div{flex:1}.step strong{font-family:Space Mono,monospace;font-size:11px;font-weight:400}.step small{display:block;font-family:inherit;font-size:11px;margin-top:6px}.step.complete{color:#3f5429}.step.complete>span:last-child{background:#edf2e5;border-radius:50%;padding:3px 6px;font-size:11px}.event-log{margin-top:22px;max-height:160px;overflow:auto;font-size:9px;line-height:1.9;color:#737c66}.event-log>div{display:flex;gap:18px}.event-log time{color:#a1a598}.privacy{margin-top:20px}.integration{display:grid;grid-template-columns:1fr 1fr;gap:56px;padding:64px 0;margin-top:40px;border-top:1px solid #d9dcd0}.integration h2{font-size:34px;letter-spacing:-1px;line-height:1.15}.integration p{font-size:13px;color:#73786c;line-height:1.8}pre{white-space:pre-wrap;word-break:break-word}.integration pre{font-family:Space Mono,monospace;font-size:11px;color:#5e6654;line-height:1.8;margin:0}.preview{font-family:Space Mono,monospace;background:#f7f8f2;padding:16px;border-radius:8px;font-size:11px;max-height:320px;overflow:auto;line-height:1.7}.file-display{display:flex;gap:15px;align-items:center;padding:24px 0}.file-display strong{overflow-wrap:anywhere}.file-display small{display:block;font-size:9px;color:#72766a;margin-top:8px}h3{font-size:13px;margin-top:28px}.waiting{text-align:center;padding:80px 0}.waiting-icon{font-size:44px;color:#a4b38b}.waiting h2{font-size:21px;letter-spacing:-.5px}.waiting p{font-size:13px;color:#8a8f82;line-height:1.7}.text-button{background:none;border:0;text-decoration:underline;font-size:11px;color:#73786c;cursor:pointer;margin-top:10px}footer{border-top:1px solid #d9dcd0;font-size:10px;color:#8a8f82}footer nav{display:flex;gap:24px}:focus-visible{outline:2px solid #758052;outline-offset:4px}@media(max-width:1320px){main{margin:0 48px}}@media(max-width:750px){header,footer{padding:22px}.brand>span{font-size:14px}main{margin:0 22px;padding-top:38px}h1{letter-spacing:-2px}.workspace,.integration{grid-template-columns:1fr}.panel{padding:22px}.integration{gap:24px;padding:40px 0}.integration pre{font-size:10px}footer{align-items:flex-start;gap:20px;flex-direction:column}footer nav{flex-wrap:wrap;gap:15px}.waiting{padding:55px 0}}