.ydm-designer{font-family:system-ui,sans-serif;border:1px solid #ddd;border-radius:14px;padding:22px;max-width:1000px;margin:20px auto;background:#fff;color:#222}.ydm-designer h2{font-size:24px;margin:0 0 4px}.ydm-muted{color:#666;font-size:13px}.ydm-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:14px;margin:18px 0}.ydm-controls label{font-size:13px;font-weight:600;display:flex;flex-direction:column;gap:6px}.ydm-controls input,.ydm-controls select{font:inherit;padding:9px;border:1px solid #ccc;border-radius:6px;max-width:100%;box-sizing:border-box}.ydm-preview{overflow:auto;min-height:145px;background:#fafafa;border:1px solid #e3e3e3;border-radius:8px;padding:15px}.ydm-preview svg{display:block;width:100%;height:auto;max-height:310px;overflow:visible}.ydm-preview{min-width:0;box-sizing:border-box}.ydm-designer{min-width:0;box-sizing:border-box}.ydm-metrics{font-size:13px;margin:10px 0;line-height:1.8}.ydm-warning{background:#fff5e7;border-left:4px solid #b7791f;padding:12px;font-size:13px}.ydm-status{font-size:13px;color:#14613b}.ydm-download{background:#191919;color:#fff;border:0;border-radius:7px;padding:12px 20px;cursor:pointer}.ydm-download:disabled{opacity:.5}.ydm-error{color:#b91c1c;font-size:13px}
.ydm-preview svg{max-width:100%;object-fit:contain}.ydm-designer .ydm-font-option{display:none}
.ydm-designer .ydm-font-option{display:flex}.ydm-designer .ydm-overlap-option{display:flex} .ydm-designer .ydm-preview{width:100%;min-width:0;overflow:hidden;}
.ydm-designer .ydm-preview svg{display:block;width:100%;height:auto;max-width:100%;max-height:340px;object-fit:contain;overflow:visible;}