/* cryptotools — CSS paczki zawężony do .pk-cryptotools + motyw webp.pl. Źródło: new-tools/paczki/cryptotools. Generowane: buduj.mjs */
.pk-cryptotools{ --bg:#ffffff; --surface:#141a2b; --surface2:#232c42; --text:#e8edf6; --muted:#98a4bd; --accent:#f9c94a; --danger:#ff5d5d; --ok:#7fd6a4; }
.pk-cryptotools, .pk-cryptotools *{ box-sizing:border-box; }
.pk-cryptotools{ margin:0; font-family:system-ui,"Segoe UI",sans-serif; background:radial-gradient(900px 500px at 20% -10%, #f8fafc 0%, var(--bg) 55%); color:var(--text); }
.pk-cryptotools .top{ display:flex; gap:14px; align-items:center; padding:12px 20px; border-bottom:1px solid #e2e8f0; }
.pk-cryptotools .brand{ font-weight:800; font-size:21px; text-decoration:none; color:var(--text); }
.pk-cryptotools .brand span{ color:var(--accent); }
.pk-cryptotools .brand small{ color:var(--muted); font-weight:400; font-size:10px; letter-spacing:.2em; }
.pk-cryptotools .pill{ margin-left:auto; color:var(--muted); font-size:12px; border:1px solid #e2e8f0; padding:5px 12px; border-radius:999px; }
.pk-cryptotools main{ max-width:980px; margin:26px auto 60px; padding:0 16px; }
.pk-cryptotools .hero h1{ font-size:32px; margin:8px 0; }
.pk-cryptotools .lede{ color:var(--muted); }
.pk-cryptotools h2{ font-size:20px; margin:26px 0 10px; }
.pk-cryptotools h2 small{ color:var(--muted); font-weight:400; }
.pk-cryptotools .grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:10px; }
.pk-cryptotools .tool{ display:flex; flex-direction:column; gap:3px; background:var(--surface); border:1px solid #e2e8f0; border-radius:12px; padding:13px; text-decoration:none; color:var(--text); }
.pk-cryptotools .tool:hover{ border-color:var(--accent); }
.pk-cryptotools .tool.soon{ opacity:.55; }
.pk-cryptotools .tool b{ font-size:14px; }
.pk-cryptotools .tool span{ color:var(--muted); font-size:12px; }
.pk-cryptotools .badge{ background:var(--surface2); color:var(--muted); font-size:10px; padding:2px 7px; border-radius:999px; }
.pk-cryptotools .panel{ background:var(--surface); border:1px solid #e2e8f0; border-radius:14px; padding:18px; margin-top:14px; }
.pk-cryptotools .back{ color:var(--muted); text-decoration:none; font-size:13px; }
.pk-cryptotools label{ display:flex; flex-direction:column; gap:4px; font-size:13px; color:var(--muted); margin:8px 0; }
.pk-cryptotools label.inline{ flex-direction:row; align-items:center; gap:8px; }
.pk-cryptotools label.c{ flex-direction:row; align-items:center; gap:8px; }
.pk-cryptotools input,.pk-cryptotools textarea,.pk-cryptotools select{ padding:11px; border-radius:10px; border:1px solid #e2e8f0; background:var(--surface2); color:var(--text); font-size:15px; width:100%; font-family:inherit; }
.pk-cryptotools .row{ display:flex; gap:10px; align-items:center; margin:10px 0; flex-wrap:wrap; }
.pk-cryptotools .cta{ padding:11px 20px; border:0; border-radius:10px; background:var(--accent); color:#fff; font-weight:700; cursor:pointer; font-family:inherit; }
.pk-cryptotools .results{ margin-top:14px; display:grid; gap:6px; }
.pk-cryptotools .res{ display:flex; justify-content:space-between; align-items:center; gap:10px; background:var(--surface2); border:1px solid #e2e8f0; border-radius:10px; padding:10px 14px; }
.pk-cryptotools .res b{ color:var(--accent); font-size:15px; text-align:right; }
.pk-cryptotools .hint{ color:var(--muted); font-size:13px; }
.pk-cryptotools .err{ color:var(--danger); }
.pk-cryptotools .empty{ color:var(--muted); padding:30px; text-align:center; }
.pk-cryptotools .foot{ color:var(--muted); font-size:12px; text-align:center; padding:20px; border-top:1px solid #e2e8f0; }
.pk-cryptotools .mono{ font-family:ui-monospace, monospace; word-break:break-all; }
.pk-cryptotools .box{ background:var(--surface2); border:1px solid #e2e8f0; border-radius:10px; padding:14px; white-space:pre-wrap; font-size:13px; }
.pk-cryptotools .qrbox{ display:flex; justify-content:center; margin:14px 0; }
.pk-cryptotools table.gates{ border-collapse:collapse; margin:10px 0; }
.pk-cryptotools table.gates th,.pk-cryptotools table.gates td{ border:1px solid #e2e8f0; padding:6px 14px; text-align:center; }

/* === motyw webp.pl (nadpisuje ciemny motyw paczki) === */
.pk-cryptotools{--bg:#ffffff;--surface:#ffffff;--surface2:#f8fafc;--text:#0f172a;--muted:#64748b;--accent:#4f46e5;--accent2:#7c3aed;--gold:#4f46e5;--danger:#dc2626;--ok:#059669;
  color-scheme:light;color:var(--text);background:none!important;min-height:0!important;font-family:'Inter',system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.55}
.pk-cryptotools .top,.pk-cryptotools .foot,.pk-cryptotools .back,.pk-cryptotools #view>h1,.pk-cryptotools #view>.lede:first-of-type{display:none!important}
.pk-cryptotools .panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 2px rgba(15,23,42,.04),0 10px 30px -18px rgba(15,23,42,.25)}
.pk-cryptotools input,.pk-cryptotools select,.pk-cryptotools textarea{background:#f8fafc;color:#0f172a;border:1.5px solid #e2e8f0;border-radius:10px}
.pk-cryptotools .fields select,.pk-cryptotools label select{display:block;width:100%;min-height:42px;padding:9px 12px;font:inherit;font-size:15px;appearance:auto}
.pk-cryptotools input:focus,.pk-cryptotools select:focus,.pk-cryptotools textarea:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px rgba(79,70,229,.15);background:#fff}
.pk-cryptotools .cta{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff}
.pk-cryptotools .cta.ghost,.pk-cryptotools .cta.ghosted,.pk-cryptotools .cta[data-rot],.pk-cryptotools .row .cta{background:#fff;color:#4f46e5;border:1px solid #e2e8f0}
.pk-cryptotools #go.cta,.pk-cryptotools .row #go.cta{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:0}
.pk-cryptotools .res{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px}
.pk-cryptotools .res b{color:#0f172a}
.pk-cryptotools a{color:#4f46e5}
.pk-cryptotools .err{color:#dc2626}
.pk-cryptotools ::placeholder{color:#94a3b8}
.pk-cryptotools [data-mode="photo"],.pk-cryptotools #photoBlock{display:none!important}
.pk-cryptotools .orbit{background:linear-gradient(135deg,#eef2ff,#f5f3ff)!important;border:1px solid #e0e7ff!important}
.pk-cryptotools .orbit h1,.pk-cryptotools .orbit .lede{color:#0f172a}
.pk-cryptotools .player{background:rgba(255,255,255,.97)!important;border-top:1px solid #e2e8f0!important;box-shadow:0 -8px 30px -12px rgba(15,23,42,.25);color:#0f172a}
.pk-cryptotools .player #p-sub,.pk-cryptotools .player #p-state{color:#64748b}
.pk-cryptotools .przyklady{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:12px;font-size:13px;color:#64748b}
.pk-cryptotools .przyklady .chip{border:1px solid #e2e8f0;background:#fff;color:#334155;border-radius:999px;padding:5px 11px;cursor:pointer;font-size:13px}
.pk-cryptotools .przyklady .chip:hover{border-color:#4f46e5;color:#4f46e5}
.pk-cryptotools .res b.err{text-align:left}
.pk-cryptotools textarea,.pk-cryptotools textarea.mono{word-break:normal!important;overflow-wrap:break-word;white-space:pre-wrap}
.pk-cryptotools label.inline:has(> input[type=checkbox]){display:flex!important;gap:8px;align-items:center}
.pk-cryptotools label.inline > input[type=checkbox]{width:auto!important;margin:0!important;display:inline-block!important}
@media (max-width:600px){.pk-cryptotools label.inline{display:block;margin:8px 0}.pk-cryptotools label.inline input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),.pk-cryptotools label.inline select,.pk-cryptotools label.inline textarea{display:block;width:100%!important;max-width:100%;margin-top:4px;box-sizing:border-box}}
.pk-cryptotools .pk-zakladki{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px;padding:6px;background:#f1f5f9;border-radius:14px}
.pk-cryptotools .pk-zakladki a{flex:1 1 auto;text-align:center;padding:9px 14px;border-radius:10px;color:#334155;font-weight:600;text-decoration:none;white-space:nowrap}
.pk-cryptotools .pk-zakladki a.on{background:#fff;color:#4f46e5;box-shadow:0 1px 3px rgba(15,23,42,.12)}
.pk-cryptotools .drop{display:flex;align-items:center;justify-content:center;gap:8px;min-height:120px;padding:18px;margin:0 0 14px;border:2px dashed #c7d2fe;border-radius:14px;background:#f5f7ff;color:#334155;text-align:center;cursor:pointer;transition:.15s}
.pk-cryptotools .drop:hover,.pk-cryptotools .drop.nad{border-color:#4f46e5;background:#eef2ff}
.pk-cryptotools .drop b{color:#4f46e5}