:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f8fa;--card:#fff;--text:#1f2937;--muted:#6b7280;--primary:#2563eb;--ok:#0f766e;--line:#e5e7eb}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0;font-family:PingFang SC,Microsoft YaHei,Arial,sans-serif}main{max-width:1080px;margin:0 auto;padding:24px}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:16px;padding:16px}.row{flex-wrap:wrap;gap:12px;display:flex}button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;padding:8px 12px}button.primary{background:var(--primary);border-color:var(--primary);color:#fff}textarea,input,select{border:1px solid var(--line);border-radius:8px;width:100%;padding:10px;font-size:14px}.muted{color:var(--muted);font-size:13px}.field-title{margin-bottom:6px;font-size:14px;font-weight:600;display:block}.step{border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:12px}.step.active{border-color:var(--primary);color:var(--primary)}.entity{background:#e0f2fe;border:1px solid #bae6fd;border-radius:999px;margin-bottom:6px;margin-right:6px;padding:2px 8px;font-size:12px;display:inline-block}.style-card{border:1px solid var(--line);border-radius:10px;min-width:220px;padding:10px}.materials-panel{border:1px solid var(--line);background:#fafafa;border-radius:8px;max-height:220px;padding:10px;overflow-y:auto}.ok{color:var(--ok)}