body{margin:0;font-family:Outfit,"Noto Sans TC",sans-serif;background:#F3F4F6;color:#111827}
header{background:#111827;color:#fff;padding:12px 20px;font-weight:600}
main{display:grid;grid-template-columns:320px 1fr;gap:16px;padding:16px}
.card{background:#fff;border:1px solid #E5E7EB;border-radius:8px;padding:12px;margin-bottom:12px}
label{display:block;font-size:13px;color:#374151;margin:6px 0 2px}
input,select,textarea{width:100%;box-sizing:border-box;padding:6px;border:1px solid #E5E7EB;border-radius:6px}
button{background:#3B82F6;color:#fff;border:0;border-radius:6px;padding:8px 12px;margin-top:8px;cursor:pointer}
button:hover{background:#2563EB}
.warn{color:#b91c1c;font-size:13px}
#preview{background:#fff;border:1px solid #E5E7EB;max-width:100%;height:auto}
@media(max-width:800px){main{grid-template-columns:1fr}}