*{box-sizing:border-box}body{margin:0;background:#f6f7f9;color:#202b38;font:14px/1.6 'Segoe UI',sans-serif}aside{position:fixed;inset:0 auto 0 0;width:235px;background:#fff;border-right:1px solid #e5e8ec;padding:35px 24px}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:#127960;font-size:27px;font-weight:800}.brand span{font-size:15px;letter-spacing:1px}.brand .thin{font-weight:400;display:block;font-size:11px;letter-spacing:4px;color:#64716d}aside small{display:block;font-size:10px;letter-spacing:1.8px;color:#9aa4b1;margin:55px 12px 15px}.nav{padding:12px;border-radius:8px}.active{background:#eaf5ef;color:#167353;font-weight:600}.aside-note{margin-top:45px;font-size:11px;color:#657369}.aside-note p{color:#929aa5;margin-left:14px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#21976e;margin-right:7px}footer{position:absolute;bottom:30px;font-size:10px;letter-spacing:1px;color:#738174}footer span{font-size:10px;letter-spacing:0;color:#9aa4b1}main{margin-left:235px;padding:0 45px 30px;max-width:1600px}header{height:80px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e8ec;font-size:12px;color:#87909b}header b{color:#48535e;font-weight:500}.badge{font-size:9px;letter-spacing:1px;background:#eef1f4;padding:5px 9px;border-radius:5px;color:#7d8895}.hero{padding:40px 0 28px}.eyebrow{font-size:10px;letter-spacing:2px;color:#278468;font-weight:700}h1{font-size:42px;letter-spacing:-1.7px;line-height:1.16;margin:16px 0}h1 span{color:#168264}.hero p{color:#7b8692;font-size:13px}.steps{display:flex;gap:18px;margin-top:26px;align-items:center;font-size:11px;color:#188267}.steps span{color:#6e7985;margin-left:7px;font-weight:400}.steps i{color:#dce3e7;font-style:normal}.workspace{display:grid;grid-template-columns:minmax(330px,420px) minmax(340px,1fr);gap:24px;align-items:start}.card{border:1px solid #e2e7eb;background:white;border-radius:13px;padding:25px;box-shadow:0 4px 18px #243e4603}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.card-head h2{font-size:15px;margin:0}.card-head>span{color:#a5aeb7;font-size:12px}label{display:block;font-size:12px;font-weight:600;margin:17px 0 7px}label span{float:right;font-size:8px;letter-spacing:1px;font-weight:400;color:#9aa4af}input,textarea,select{width:100%;font:12px/1.7 'Segoe UI',sans-serif;border:1px solid #dce3e7;border-radius:6px;background:#fcfdfd;padding:10px;color:#3d4c59;outline:none}input:focus,textarea:focus,select:focus{border-color:#269478;box-shadow:0 0 0 3px #219b7312}textarea{resize:vertical}.domain-field{display:flex;border:1px solid #dce3e7;border-radius:6px;overflow:hidden}.domain-field span{padding:10px;background:#f3f5f6;font-size:12px;color:#929ba4}.domain-field input{border:0;border-radius:0}.hint{font-size:10px;color:#8c97a3;line-height:1.7}.split{display:grid;grid-template-columns:1.2fr 1fr;gap:15px}.callout{background:#f0f7f3;border:1px solid #e0eee6;border-radius:7px;padding:13px;margin:22px 0;color:#48735f;font-size:11px}.callout p{margin:5px 0 0;font-size:10px}.primary{background:#168364;color:white;border:0;border-radius:7px;padding:12px 18px;font-weight:600;cursor:pointer}.primary:hover{background:#10694f}.config>.primary{width:100%;display:flex;justify-content:space-between}button{cursor:pointer}#empty{text-align:center;padding:72px 0 85px}.empty-icon{background:#f0f5f3;color:#66a18a;width:65px;height:65px;border-radius:17px;margin:auto;font-size:37px}h3{font-size:15px;margin-top:22px}#empty p{font-size:12px;color:#99a3ad}.file-chips{display:flex;gap:7px;justify-content:center;margin-top:30px;flex-wrap:wrap}.file-chips span{font-size:9px;border:1px solid #e4e8eb;padding:4px 8px;border-radius:4px;color:#8d98a3}.count{background:#edf4f0;color:#31896b;padding:2px 7px;border-radius:5px;font-size:10px;margin-left:8px}.row{padding:17px 0;border-bottom:1px solid #edf0f2}.row-top{display:flex;justify-content:space-between;gap:8px}.row code{font-size:10px;color:#178465;overflow-wrap:anywhere}.row h3{font-size:13px;margin:7px 0}.row p{font-size:11px;color:#85909a;margin:0}.row button{background:#f5f7f8;border:1px solid #e1e6e8;border-radius:5px;font-size:10px;padding:3px 8px;color:#657581}.download-bar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:22px;font-size:11px}.download-bar small{display:block;font-size:9px;color:#929ba4}.bottom{display:flex;gap:35px;justify-content:center;color:#8b97a2;font-size:10px;padding-top:28px}.bottom b{font-weight:500;color:#62796d}dialog{border:1px solid #dde5e1;border-radius:14px;width:min(680px,92vw);padding:26px}dialog::backdrop{background:#142c2580}dialog button:not(.primary){border:0;background:white}dialog .primary{width:100%;margin-top:15px}#status.error{color:#bd453a}@media(max-width:1100px){aside{width:185px;padding:25px 16px}main{margin-left:185px;padding:0 25px 25px}.workspace{grid-template-columns:1fr}.result{min-height:300px}#empty{padding:35px}}@media(max-width:640px){aside{position:static;width:100%;padding:15px 20px;border-bottom:1px solid #eee}.brand .thin{display:inline;margin-left:5px}aside small,.nav,.aside-note,footer{display:none}main{margin:0;padding:0 18px 25px}header{height:55px}.hero{padding-top:25px}h1{font-size:35px}.steps{gap:9px;font-size:9px}.card{padding:20px}.bottom{flex-wrap:wrap;gap:10px}.download-bar{flex-wrap:wrap}}