:root{--c-brand: #4f46e5;--c-brand-2: #6366f1;--c-brand-hover: #4338ca;--c-brand-weak: #eef2ff;--c-brand-soft: #f5f3ff;--c-success: #16a34a;--c-success-weak: #dcfce7;--c-warning: #d97706;--c-warning-weak: #fef3c7;--c-danger: #dc2626;--c-danger-weak: #fee2e2;--c-info: #2563eb;--c-info-weak: #dbeafe;--c-text: #0f172a;--c-text-soft: #475569;--c-text-mute: #94a3b8;--c-bg: #ffffff;--c-bg-tint: #f1f5f9;--c-card: #ffffff;--c-border: #e2e8f0;--c-border-soft: #eef2f6;--r-xl: 16px;--r-lg: 12px;--r-md: 10px;--r-sm: 8px;--r-xs: 6px;--sh-sm: 0 1px 2px rgba(15, 23, 40, .06);--sh-md: 0 4px 14px rgba(15, 23, 40, .08), 0 1px 3px rgba(15, 23, 40, .05);--sh-lg: 0 16px 40px rgba(79, 70, 229, .16), 0 6px 14px rgba(15, 23, 40, .07);--sh-brand: 0 10px 24px rgba(79, 70, 229, .22);--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-8: 48px;--maxw: 1120px;--header-h: 60px;--radius: var(--r-lg);--radius-sm: var(--r-sm);--radius-xs: var(--r-xs);--shadow-sm: var(--sh-sm);--shadow-md: var(--sh-md);--gap: 16px;font-synthesis:none}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--c-bg);color:var(--c-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.6}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font-family:inherit}.container{max-width:var(--maxw);margin:0 auto;padding:0 24px}h1,h2,h3,h4{color:var(--c-text);line-height:1.3;margin:0}.field{display:flex;flex-direction:column;gap:8px}.field-label{font-size:13px;font-weight:500;color:var(--c-text-soft)}.field-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px}.settings-grid>.span-2{grid-column:1 / -1}@media(max-width:640px){.settings-grid{grid-template-columns:1fr;gap:16px}}.card{background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--r-xl);box-shadow:var(--sh-sm)}.tool-body{max-width:1250px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start;margin-top:4px}@media(max-width:820px){.help-grid{grid-template-columns:1fr}}.field-stack{display:flex;flex-direction:column;gap:18px}@media(max-width:640px){.field-stack{gap:16px}}