/* shrinkify — CSS paczki zawężony do .pk-shrinkify + motyw webp.pl. Źródło: new-tools/paczki/shrinkify. Generowane: buduj.mjs */
.pk-shrinkify{ --bg:#ffffff; --surface:#171a20; --surface2:#f1f5f9; --text:#eef1f6; --muted:#9aa3b2; --accent:#f9c94a; --gold:#C9A84C; --danger:#ff5d5d; --ok:#7fd6a4; }
.pk-shrinkify, .pk-shrinkify *{ box-sizing:border-box; }
.pk-shrinkify{ margin:0; font-family:system-ui,"Segoe UI",sans-serif; background:radial-gradient(900px 500px at 15% -10%, #f8fafc 0%, var(--bg) 55%); color:var(--text); }
.pk-shrinkify .top{ display:flex; gap:14px; align-items:center; padding:12px 20px; border-bottom:1px solid #e2e8f0; }
.pk-shrinkify .brand{ font-weight:800; font-size:21px; text-decoration:none; color:var(--text); }
.pk-shrinkify .brand span{ color:var(--accent); }
.pk-shrinkify .brand small{ color:var(--muted); font-weight:400; font-size:10px; letter-spacing:.2em; }
.pk-shrinkify .pill{ color:var(--muted); font-size:12px; border:1px solid #e2e8f0; padding:5px 12px; border-radius:999px; }
.pk-shrinkify nav{ margin-left:auto; }
.pk-shrinkify nav a{ color:var(--muted); text-decoration:none; }
.pk-shrinkify nav a.on{ color:var(--accent); }
.pk-shrinkify main{ max-width:980px; margin:26px auto 60px; padding:0 16px; }
.pk-shrinkify .hero h1{ font-size:32px; margin:8px 0; }
.pk-shrinkify .lede{ color:var(--muted); }
.pk-shrinkify h2{ font-size:20px; margin:26px 0 10px; }
.pk-shrinkify h2 small{ color:var(--muted); font-weight:400; }
.pk-shrinkify .grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:10px; }
.pk-shrinkify .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-shrinkify .tool:hover{ border-color:var(--accent); }
.pk-shrinkify .tool.soon{ opacity:.55; }
.pk-shrinkify .tool b{ font-size:14px; }
.pk-shrinkify .tool span{ color:var(--muted); font-size:12px; }
.pk-shrinkify .badge{ background:var(--surface2); color:var(--muted); font-size:10px; padding:2px 7px; border-radius:999px; vertical-align:middle; }
.pk-shrinkify .panel{ background:var(--surface); border:1px solid #e2e8f0; border-radius:14px; padding:18px; margin-top:14px; }
.pk-shrinkify .back{ color:var(--muted); text-decoration:none; font-size:13px; }
.pk-shrinkify label{ display:flex; flex-direction:column; gap:4px; font-size:13px; color:var(--muted); margin:8px 0; }
.pk-shrinkify label.inline{ flex-direction:row; align-items:center; gap:8px; }
.pk-shrinkify label.c{ flex-direction:row; align-items:center; gap:8px; }
.pk-shrinkify input,.pk-shrinkify textarea,.pk-shrinkify select{ padding:11px; border-radius:10px; border:1px solid #e2e8f0; background:var(--surface2); color:var(--text); font-size:15px; }
.pk-shrinkify label input[type="file"]{ padding:8px; }
.pk-shrinkify input[type="color"]{ width:44px; height:32px; padding:2px; }
.pk-shrinkify input[type="range"]{ padding:0; }
.pk-shrinkify .row{ display:flex; gap:10px; align-items:center; margin:10px 0; flex-wrap:wrap; }
.pk-shrinkify .cta{ padding:12px 22px; border:0; border-radius:10px; background:var(--accent); color:#fff; font-weight:700; cursor:pointer; }
.pk-shrinkify .cta[data-rot],.pk-shrinkify .row .cta{ background:var(--surface2); color:var(--text); border:1px solid #e2e8f0; }
.pk-shrinkify .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; margin:6px 0; }
.pk-shrinkify .res b{ color:var(--accent); font-size:15px; }
.pk-shrinkify .res a{ color:var(--accent); }
.pk-shrinkify .hint{ color:var(--muted); font-size:13px; }
.pk-shrinkify .err{ color:var(--danger); }
.pk-shrinkify .empty{ color:var(--muted); padding:30px; text-align:center; }
.pk-shrinkify .foot{ color:var(--muted); font-size:12px; text-align:center; padding:20px; border-top:1px solid #e2e8f0; }
.pk-shrinkify .pad{ border-radius:12px; border:1px solid #e2e8f0; touch-action:none; display:block; }
.pk-shrinkify .qrbox{ display:flex; justify-content:center; margin:14px 0; }
@media print{.pk-shrinkify .top,.pk-shrinkify .foot,.pk-shrinkify .row{ display:none !important; }
}

/* === motyw webp.pl (nadpisuje ciemny motyw paczki) === */
.pk-shrinkify{--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-shrinkify .top,.pk-shrinkify .foot,.pk-shrinkify .back,.pk-shrinkify #view>h1,.pk-shrinkify #view>.lede:first-of-type{display:none!important}
.pk-shrinkify .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-shrinkify input,.pk-shrinkify select,.pk-shrinkify textarea{background:#f8fafc;color:#0f172a;border:1.5px solid #e2e8f0;border-radius:10px}
.pk-shrinkify .fields select,.pk-shrinkify label select{display:block;width:100%;min-height:42px;padding:9px 12px;font:inherit;font-size:15px;appearance:auto}
.pk-shrinkify input:focus,.pk-shrinkify select:focus,.pk-shrinkify textarea:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px rgba(79,70,229,.15);background:#fff}
.pk-shrinkify .cta{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff}
.pk-shrinkify .cta.ghost,.pk-shrinkify .cta.ghosted,.pk-shrinkify .cta[data-rot],.pk-shrinkify .row .cta{background:#fff;color:#4f46e5;border:1px solid #e2e8f0}
.pk-shrinkify #go.cta,.pk-shrinkify .row #go.cta{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:0}
.pk-shrinkify .res{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px}
.pk-shrinkify .res b{color:#0f172a}
.pk-shrinkify a{color:#4f46e5}
.pk-shrinkify .err{color:#dc2626}
.pk-shrinkify ::placeholder{color:#94a3b8}
.pk-shrinkify [data-mode="photo"],.pk-shrinkify #photoBlock{display:none!important}
.pk-shrinkify .orbit{background:linear-gradient(135deg,#eef2ff,#f5f3ff)!important;border:1px solid #e0e7ff!important}
.pk-shrinkify .orbit h1,.pk-shrinkify .orbit .lede{color:#0f172a}
.pk-shrinkify .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-shrinkify .player #p-sub,.pk-shrinkify .player #p-state{color:#64748b}
.pk-shrinkify .przyklady{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:12px;font-size:13px;color:#64748b}
.pk-shrinkify .przyklady .chip{border:1px solid #e2e8f0;background:#fff;color:#334155;border-radius:999px;padding:5px 11px;cursor:pointer;font-size:13px}
.pk-shrinkify .przyklady .chip:hover{border-color:#4f46e5;color:#4f46e5}
.pk-shrinkify .res b.err{text-align:left}
.pk-shrinkify textarea,.pk-shrinkify textarea.mono{word-break:normal!important;overflow-wrap:break-word;white-space:pre-wrap}
.pk-shrinkify label.inline:has(> input[type=checkbox]){display:flex!important;gap:8px;align-items:center}
.pk-shrinkify label.inline > input[type=checkbox]{width:auto!important;margin:0!important;display:inline-block!important}
@media (max-width:600px){.pk-shrinkify label.inline{display:block;margin:8px 0}.pk-shrinkify label.inline input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),.pk-shrinkify label.inline select,.pk-shrinkify label.inline textarea{display:block;width:100%!important;max-width:100%;margin-top:4px;box-sizing:border-box}}
.pk-shrinkify .pk-zakladki{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px;padding:6px;background:#f1f5f9;border-radius:14px}
.pk-shrinkify .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-shrinkify .pk-zakladki a.on{background:#fff;color:#4f46e5;box-shadow:0 1px 3px rgba(15,23,42,.12)}
.pk-shrinkify .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-shrinkify .drop:hover,.pk-shrinkify .drop.nad{border-color:#4f46e5;background:#eef2ff}
.pk-shrinkify .drop b{color:#4f46e5}