.generator-email-signature-tool{
  --bg:#eef1f4; --surface:#fff; --surface-2:#f6f8fa; --ink:#16222b; --muted:#5c6d79;
  --line:rgba(22,34,43,.12); --brand:#0d6e6a; --brand-2:#0a5652; --danger:#c0392b;
  --radius:14px; --shadow:0 18px 44px -30px rgba(22,34,43,.4);
}.generator-email-signature-tool *{box-sizing:border-box}.generator-email-signature-tool{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 Inter,system-ui,Arial,sans-serif}.generator-email-signature-tool button,.generator-email-signature-tool input,.generator-email-signature-tool select,.generator-email-signature-tool textarea{font:inherit}.generator-email-signature-tool .wrap{max-width:1280px;margin:0 auto;padding:0 22px}.generator-email-signature-tool .site-header{background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:100}.generator-email-signature-tool .nav{display:flex;align-items:center;gap:14px;height:60px}.generator-email-signature-tool .brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:17px}.generator-email-signature-tool .brand-mark{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--brand),#17a08f);display:grid;place-items:center}.generator-email-signature-tool .brand b{color:var(--brand)}.generator-email-signature-tool .nav .right{margin-left:auto;display:flex;gap:8px}.generator-email-signature-tool .btn{display:inline-flex;align-items:center;gap:7px;border:0;cursor:pointer;border-radius:10px;font-weight:800;padding:10px 16px;font-size:14px;transition:.15s}.generator-email-signature-tool .btn.primary{background:var(--brand);color:#fff}.generator-email-signature-tool .btn.primary:hover{background:var(--brand-2)}.generator-email-signature-tool .btn.ghost{background:var(--surface-2);color:var(--ink);border:1px solid var(--line)}.generator-email-signature-tool .btn.sm{padding:7px 12px;font-size:13px}.generator-email-signature-tool .app{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:20px;padding:22px 0 50px;align-items:start}
@media(max-width:1080px){.generator-email-signature-tool .app{grid-template-columns:1fr}}.generator-email-signature-tool .card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.generator-email-signature-tool .card h2{margin:0;font-size:14.5px;display:flex;gap:8px;align-items:center;letter-spacing:.02em}.generator-email-signature-tool .card h2 .n{width:22px;height:22px;border-radius:7px;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:11.5px}.generator-email-signature-tool .pad{padding:16px}.generator-email-signature-tool .sec+.sec{margin-top:14px}.generator-email-signature-tool .grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.generator-email-signature-tool .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media(max-width:760px){.generator-email-signature-tool .grid2,.generator-email-signature-tool .grid3{grid-template-columns:1fr}}.generator-email-signature-tool label.f{display:flex;flex-direction:column;gap:4px;font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.generator-email-signature-tool label.f input,.generator-email-signature-tool label.f select{border:1px solid var(--line);border-radius:9px;padding:8px 10px;background:var(--surface-2);color:var(--ink);width:100%}.generator-email-signature-tool label.f input:focus{outline:0;border-color:var(--brand)}.generator-email-signature-tool input[type="color"]{width:46px;height:34px;border:1px solid var(--line);border-radius:8px;padding:2px;background:var(--surface-2);cursor:pointer}.generator-email-signature-tool .hint{font-size:12px;color:var(--muted)}.generator-email-signature-tool .opt-row{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}.generator-email-signature-tool .chk{display:inline-flex;gap:7px;align-items:center;font-size:12.5px;font-weight:600;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-radius:9px;padding:9px 13px;cursor:pointer}.generator-email-signature-tool .size-meter{font:700 12px/1 "JetBrains Mono",monospace;border:1px solid var(--line);border-radius:999px;padding:8px 12px;background:var(--surface-2);color:var(--muted)}.generator-email-signature-tool .size-meter.okb{color:var(--ok,#1d7a4c);border-color:rgba(29,122,76,.35)}.generator-email-signature-tool .size-meter.warn{color:#c0392b;border-color:rgba(192,57,43,.4);background:#fdf0ee}.generator-email-signature-tool .tpl-row{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
@media(max-width:900px){.generator-email-signature-tool .tpl-row{grid-template-columns:repeat(2,1fr)}}.generator-email-signature-tool .tpl{border:1px solid var(--line);border-radius:11px;background:var(--surface-2);padding:11px 12px;cursor:pointer;text-align:left;transition:.15s}.generator-email-signature-tool .tpl:hover{border-color:var(--brand)}.generator-email-signature-tool .tpl.on{border-color:var(--brand);box-shadow:0 0 0 3px rgba(13,110,106,.15);background:#eef6f5}.generator-email-signature-tool .tpl b{display:block;font-size:13.5px}.generator-email-signature-tool .tpl span{font-size:11.5px;color:var(--muted)}.generator-email-signature-tool .social-row{display:flex;gap:8px;align-items:center}.generator-email-signature-tool .social-row .ic{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:#fff;font:700 12px Inter,sans-serif;flex-shrink:0}.generator-email-signature-tool .social-row input{flex:1;border:1px solid var(--line);border-radius:9px;padding:8px 10px;background:var(--surface-2);min-width:0}.generator-email-signature-tool .inst-tabs{display:flex;gap:7px;margin:12px 0 10px;flex-wrap:wrap}.generator-email-signature-tool .inst-tabs .tab{border:1px solid var(--line);background:var(--surface-2);border-radius:999px;padding:7px 14px;font-size:12.5px;font-weight:700;cursor:pointer;color:var(--muted)}.generator-email-signature-tool .inst-tabs .tab.on{background:var(--brand);border-color:var(--brand);color:#fff}.generator-email-signature-tool .inst-body{font-size:13.5px;color:#3a4a56;background:var(--surface-2);border:1px solid var(--line);border-radius:11px;padding:14px 16px;min-height:120px}.generator-email-signature-tool .inst-body ol{margin:0;padding-left:20px}.generator-email-signature-tool .inst-body li{margin:5px 0}.generator-email-signature-tool .inst-body code{background:#fff;border:1px solid var(--line);border-radius:6px;padding:1px 6px;font:12px/1.5 "Courier New",monospace}.generator-email-signature-tool .preview-col{position:sticky;top:76px}.generator-email-signature-tool .mail-frame{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.generator-email-signature-tool .mail-chrome{display:flex;align-items:center;gap:7px;background:var(--surface-2);border-bottom:1px solid var(--line);padding:9px 14px}.generator-email-signature-tool .mail-chrome span{width:10px;height:10px;border-radius:50%;background:#d3dbe1}.generator-email-signature-tool .mail-chrome span:nth-child(1){background:#ff6b6b}.generator-email-signature-tool .mail-chrome span:nth-child(2){background:#ffb454}.generator-email-signature-tool .mail-chrome span:nth-child(3){background:#4cd98b}.generator-email-signature-tool .mail-chrome b{margin-left:auto;font-size:12px;color:var(--muted);font-weight:600}.generator-email-signature-tool .mail-from{padding:12px 18px;font-size:13px;color:var(--muted);border-bottom:1px solid var(--line)}.generator-email-signature-tool .mail-from b{color:var(--ink)}.generator-email-signature-tool .mail-body{padding:18px;font-size:14px}.generator-email-signature-tool .toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(18px);background:#16222b;color:#fff;padding:12px 18px;border-radius:11px;font:600 14px/1.4 Inter,sans-serif;z-index:300;opacity:0;visibility:hidden;transition:.3s;max-width:90%}.generator-email-signature-tool .toast.on{opacity:1;visibility:visible;transform:translateX(-50%)}


@media(max-width:760px){.generator-email-signature-tool .nav{flex-wrap:wrap;height:auto;padding:10px 0;row-gap:8px}.generator-email-signature-tool .nav .right{margin-left:0;width:100%;flex-wrap:wrap;gap:6px}}

/* v2: dane rejestrowe, zespół, tryby podglądu, kontrola */
.generator-email-signature-tool [hidden]{display:none!important}
.generator-email-signature-tool div.f{display:flex;flex-direction:column;gap:4px;font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;min-width:0}
.generator-email-signature-tool div.f input:not([type=file]),.generator-email-signature-tool label.f textarea,.generator-email-signature-tool .team-csv{border:1px solid var(--line);border-radius:9px;padding:8px 10px;background:var(--surface-2);color:var(--ink);width:100%;font-size:13px;text-transform:none;letter-spacing:0;font-weight:400}
.generator-email-signature-tool label.f textarea,.generator-email-signature-tool .team-csv{resize:vertical;font:13px/1.45 Inter,system-ui,Arial,sans-serif}
.generator-email-signature-tool .team-csv{font-family:"JetBrains Mono",Consolas,monospace;font-size:12px}
.generator-email-signature-tool div.f input:focus,.generator-email-signature-tool label.f textarea:focus,.generator-email-signature-tool .team-csv:focus{outline:0;border-color:var(--brand)}
.generator-email-signature-tool .btn:disabled{opacity:.5;cursor:not-allowed}
.generator-email-signature-tool .team-list{list-style:none;margin:10px 0 0;padding:0;max-height:320px;overflow:auto}
.generator-email-signature-tool .team-list li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:7px 0;border-top:1px solid var(--line);font-size:13px}
.generator-email-signature-tool .team-list li>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.generator-email-signature-tool .team-list li>span:last-child{flex-shrink:0}
.generator-email-signature-tool .pv-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.generator-email-signature-tool .pv-grp{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:var(--surface)}
.generator-email-signature-tool .pv-grp button{border:0;background:transparent;padding:6px 12px;font-size:12.5px;font-weight:700;color:var(--muted);cursor:pointer}
.generator-email-signature-tool .pv-grp button.on{background:var(--brand);color:#fff}
.generator-email-signature-tool .mail-frame.telefon{max-width:360px;margin:0 auto}
.generator-email-signature-tool .mail-frame.telefon .mail-body{padding:14px 12px;overflow-x:auto}
.generator-email-signature-tool .mail-frame.ciemny{background:#1f2124;border-color:#33363b}
.generator-email-signature-tool .mail-frame.ciemny .mail-chrome{background:#2a2d31;border-color:#33363b}
.generator-email-signature-tool .mail-frame.ciemny .mail-from{color:#9aa3ad;border-color:#33363b}
.generator-email-signature-tool .mail-frame.ciemny .mail-from b{color:#e8eaed}
.generator-email-signature-tool .mail-frame.ciemny .mail-body>p{color:#d5d9de!important}
.generator-email-signature-tool .checks-card{margin-top:12px}
.generator-email-signature-tool .checks{list-style:none;margin:10px 0 0;padding:0;font-size:13px;line-height:1.45}
.generator-email-signature-tool .checks li{padding:6px 0;border-top:1px solid var(--line)}
.generator-email-signature-tool .checks li.bad{color:#b0302a}
.generator-email-signature-tool .checks li.warn{color:#8a5a00}
.generator-email-signature-tool .checks li.ok{color:#1d7a4c}
@media(max-width:760px){.generator-email-signature-tool .team-list li{flex-wrap:wrap}}