*{box-sizing:border-box}body{margin:0;background:#070b13;color:#a9b5c9;font:13px/1.45 "Courier New",monospace}body:before{content:"";position:fixed;inset:0;background:linear-gradient(rgba(0,220,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(0,220,255,.02) 1px,transparent 1px);background-size:24px 24px;pointer-events:none}.wrap{max-width:1080px;margin:auto;padding:18px}.top{border:1px dashed #1b314d;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;background:#0a111d}.brand{color:#00eaff;font-size:16px}.brand span{color:#9aa9bd;font-weight:400}.badge{font-size:11px;color:#00eaff}.status{text-align:center;margin:16px 0;border:1px solid #16384c;background:#0a2029;color:#00eaff;padding:11px;font-weight:bold}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.panel{border:1px solid #20304a;border-radius:22px;padding:24px;background:rgba(11,17,29,.88);box-shadow:0 0 30px rgba(0,180,255,.03)}.panel:first-child{border-color:#00dfff}h2{font-size:12px;color:#00eaff;letter-spacing:1px;margin:0 0 18px}label,.preview-title{display:block;color:#536680;font-size:10px;letter-spacing:1px;margin:14px 0 6px}input,select,textarea{width:100%;background:#070d18;color:#b9c7da;border:1px dashed #213a55;padding:11px 12px;font:12px "Courier New",monospace;outline:none}input:focus,select:focus,textarea:focus{border-color:#00dfff}textarea{min-height:88px;resize:vertical}.row{display:flex;gap:7px}.row select,.row input{flex:1}.mini,.add{border:1px solid #00dfff;background:#09202a;color:#00eaff;padding:0 13px}.generate{width:100%;margin-top:18px;padding:14px;background:#06242d;border:1px solid #00eaff;color:#00eaff;font:bold 12px "Courier New";cursor:pointer}.result{padding:13px;background:#050a12;border:1px dashed #2b425d;color:#00eaff;min-height:42px;word-break:break-all}.preview{border:1px solid #25354b;background:#0a101a;min-height:190px;padding:14px}.preview-img{height:85px;border:1px dashed #29425e;display:flex;align-items:center;justify-content:center;color:#536680;background:#070d16;background-size:cover;background-position:center}.preview-site{font-size:9px;color:#5b7898;margin-top:10px}.preview-head{color:#d4deeb;font-size:15px;margin-top:3px}.preview-desc{color:#77879d;margin-top:5px;font-size:11px}.hint{font-size:10px;color:#65758c}.domain-list{display:flex;flex-direction:column;gap:6px;margin-top:10px}.domain-item{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border:1px dashed #20354f;background:#080f19;color:#b7c5d7}.del{background:none;border:0;color:#ff6680;cursor:pointer}hr{border:0;border-top:1px dashed #1b2c43;margin:25px 0}footer{text-align:center;color:#40516a;font-size:10px;padding:20px}@media(max-width:760px){.grid{grid-template-columns:1fr}.wrap{padding:10px}.panel{padding:18px}}