*{box-sizing:border-box}body{margin:0;font:16px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;color:#0b1929;background:#f6f8fb}
.container{max-width:1024px;margin:40px auto;padding:0 16px}
h1{font-size:24px;margin:0 0 16px}
.card{background:#fff;border-radius:12px;padding:16px 16px 4px;box-shadow:0 4px 16px rgba(2,32,71,.06)}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.col .label{display:block;margin:12px 0 6px;font-weight:600;color:#334e68}
input[type=text],select{width:100%;padding:10px 12px;border:1px solid #d5dde5;border-radius:8px;outline:0}
.checks{display:flex;gap:16px;margin:6px 0 12px}
button,.btn{display:inline-block;background:#d58608;color:#fff;border:0;border-radius:10px;padding:10px 16px;cursor:pointer;text-decoration:none;font-size: 22px}
.preview{border-left:1px dashed #e2e8f0;padding-left:16px}
.preview-img{max-width:100%;border-radius:10px;border:1px solid #eef2f6}
.hint{font-size:12px;color:#6b7c93;margin-top:8px}
.result{max-width:100%;border:1px solid #eef2f6;border-radius:8px}
@media (max-width:768px){.grid{grid-template-columns:1fr} .preview{border-left:0;padding-left:0}}