/* LEDMESEE — „Zobacz swoją grafikę w ramce” (symulacja). Samodzielna strona: tokeny jak w /assets/v2/style.css i shop.css */
@font-face{font-family:Manrope;src:url(/assets/v2/manrope-400.woff2) format("woff2"),url(/assets/v2/manrope-400.ttf) format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url(/assets/v2/manrope-600.woff2) format("woff2"),url(/assets/v2/manrope-600.ttf) format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:Manrope;src:url(/assets/v2/manrope-700.woff2) format("woff2"),url(/assets/v2/manrope-700.ttf) format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:Manrope;src:url(/assets/v2/manrope-800.woff2) format("woff2"),url(/assets/v2/manrope-800.ttf) format("truetype");font-weight:800;font-display:swap}
@font-face{font-family:"Noto Sans Arabic";src:url(/assets/v5/noto-arabic.woff) format("woff");font-weight:100 900;font-display:swap}
@font-face{font-family:"Noto Sans JP";src:url(/assets/v5/noto-jp.woff) format("woff");font-weight:100 900;font-display:swap}
:root{
  --bg:#fff;--ink:#191523;--muted:#706b7b;--line:#e5e1ea;--panel:#f6f5f8;--card:#fff;
  --purple:#472186;--purple-soft:#eee8f7;--purple-ink:#fff;--orange:#f39200;
  --ok:#15803d;--warn:#b45309;--bad:#dc2626;--ok-bg:#e8f7ee;--warn-bg:#fff4de;--bad-bg:#fdecec;
  --radius:10px;color-scheme:light
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme=light]){
    --bg:#181320;--ink:#f6f0fc;--muted:#b4a8c1;--line:#3d304b;--panel:#211a2d;--card:#1d1728;
    --purple:#bc97f3;--purple-soft:#312240;--purple-ink:#1b1325;--orange:#ffab33;
    --ok:#4ade80;--warn:#fbbf24;--bad:#f87171;--ok-bg:#12301e;--warn-bg:#3a2a10;--bad-bg:#3b1717;color-scheme:dark
  }
}
:root[data-theme=dark]{
  --bg:#181320;--ink:#f6f0fc;--muted:#b4a8c1;--line:#3d304b;--panel:#211a2d;--card:#1d1728;
  --purple:#bc97f3;--purple-soft:#312240;--purple-ink:#1b1325;--orange:#ffab33;
  --ok:#4ade80;--warn:#fbbf24;--bad:#f87171;--ok-bg:#12301e;--warn-bg:#3a2a10;--bad-bg:#3b1717;color-scheme:dark
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 Manrope,"Noto Sans Arabic","Noto Sans JP",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-synthesis:none}
button,input,select{font:inherit;color:inherit}
a{color:var(--purple)}
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
.pv-ic{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:-4px}
.pv-ic-lg{width:34px;height:34px;flex-basis:34px}
[dir=rtl] .pv-back .pv-ic{transform:scaleX(-1)}

/* ---------- nagłówek / stopka ---------- */
.pv-top{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.pv-top-in{display:flex;align-items:center;gap:12px;max-width:1280px;margin:0 auto;padding:12px 16px;min-height:64px}
.pv-logo{display:inline-flex;align-items:center}
.pv-logo img{display:block;height:28px;width:auto}
.pv-badge{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:20px;background:var(--purple-soft);color:var(--purple)}
.pv-back{margin-inline-start:auto;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:6px 14px;border-radius:7px;border:1px solid var(--line);font-weight:700;font-size:13px;text-decoration:none;color:var(--ink)}
.pv-back:hover{border-color:var(--purple);color:var(--purple)}
.pv-foot{border-top:1px solid var(--line);margin-top:24px;background:var(--panel)}
.pv-foot-in{max-width:1280px;margin:0 auto;padding:18px 16px 28px;font-size:12px;color:var(--muted)}
.pv-foot p{margin:4px 0}
.pv-foot a{color:inherit;font-weight:600}

/* ---------- wstęp ---------- */
.pv-main{max-width:1280px;margin:0 auto;padding:0 16px 24px}
.pv-intro{padding:26px 0 18px}
.pv-eyebrow{margin:0 0 4px;font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--orange)}
.pv-intro h1{font-size:clamp(26px,4.2vw,40px);line-height:1.12;margin:0 0 10px;font-weight:800;letter-spacing:-.01em}
.pv-lead{margin:0 0 8px;color:var(--muted);max-width:780px;font-size:16px}
.pv-privacy{display:inline-flex;gap:8px;align-items:flex-start;margin:0;font-size:13px;font-weight:600;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:7px 12px}
.pv-privacy .pv-ic{color:var(--purple)}

.pv-layout{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:24px;align-items:start}
@media (max-width:960px){.pv-layout{grid-template-columns:minmax(0,1fr)}}

/* ---------- scena ---------- */
.pv-stage-wrap{position:sticky;top:76px;min-width:0}
@media (max-width:960px){.pv-stage-wrap{position:static}}
.pv-stage{position:relative;overflow:hidden;border-radius:var(--radius);width:100%;isolation:isolate;border:1px solid var(--line);
  touch-action:pan-y;user-select:none;-webkit-user-select:none;background:#d9d4cc}
.pv-stage[data-mode=close] .pv-poster{touch-action:none}
.pv-stage[data-mode=close]{aspect-ratio:4/3;max-height:72vh;display:grid;place-items:center}
@media (max-width:600px){.pv-stage[data-mode=close]{aspect-ratio:4/5}}
.pv-stage[data-mode=scale]{aspect-ratio:var(--ar,1.506)}
.pv-scene-bg{position:absolute;inset:0;z-index:-2;background:
  radial-gradient(ellipse 70% 55% at 50% 38%,rgba(255,255,255,.55),transparent 70%),
  repeating-linear-gradient(90deg,rgba(0,0,0,.012) 0 2px,transparent 2px 5px),
  linear-gradient(180deg,#e9e5df 0%,#ddd7cf 84%,#a89a87 84%,#8f8170 100%)}
.pv-stage[data-mode=scale] .pv-scene-bg{display:none}
.pv-scene-img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:-1;transition:filter .35s;pointer-events:none}

/* ---------- ramka ---------- */
.pv-frame-box{position:relative;display:grid;place-items:center;margin-bottom:5%}
.pv-stage[data-mode=scale] .pv-frame-box{position:absolute;left:0;top:0;margin:0;cursor:grab;touch-action:none;will-change:transform}
.pv-stage[data-mode=scale] .pv-frame-box.pv-drag{cursor:grabbing}
.pv-frame{position:relative;width:var(--fw,240px);height:var(--fh,340px);padding:var(--p,10px);border-radius:calc(var(--p,10px)*.35);
  background:linear-gradient(135deg,var(--al1) 0%,var(--al2) 22%,var(--al3) 50%,var(--al2) 78%,var(--al1) 100%);
  box-shadow:inset 0 0 0 1px var(--al-edge),inset 1px 1px 0 1px rgba(255,255,255,var(--al-hi)),0 2px 3px rgba(0,0,0,.25),0 calc(var(--fh,340px)*.05) calc(var(--fh,340px)*.12) calc(var(--fh,340px)*-.03) rgba(0,0,0,.45)}
.pv-frame[data-color=black]{--al1:#2d2d31;--al2:#151518;--al3:#3a3a40;--al-edge:#060607;--al-hi:.14}
.pv-frame[data-color=silver]{--al1:#e9eaec;--al2:#b8bbc1;--al3:#f7f8f9;--al-edge:#8d9097;--al-hi:.8}
.pv-frame[data-color=white]{--al1:#fbfbfb;--al2:#e4e4e4;--al3:#fff;--al-edge:#c9c9c9;--al-hi:.9}
.pv-poster{position:relative;width:100%;height:100%;overflow:hidden;background:#f4f4f1;border-radius:1px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.25)}
.pv-stage[data-mode=close] .pv-poster{cursor:grab}
.pv-stage[data-mode=close] .pv-poster.pv-drag{cursor:grabbing}
.pv-poster canvas{display:block;width:100%;height:100%;transition:filter .35s}
/* ---------- podświetlenie LED ----------
   WŁ: grafika świeci od tyłu (jaśniej, bardziej nasycona), cienka poświata tylko na krawędzi profilu przy szybie,
       odbicie szyby słabsze; scena lekko przygaszona. Bez poświaty na ścianie — ramka nie świeci na ścianę.
   WYŁ: zwykły wydruk za szybą — ciemniej, mniejszy kontrast, wyraźniejsze odbicie. */
.pv-glass{position:absolute;inset:var(--p,10px);pointer-events:none;border-radius:1px;z-index:2;transition:opacity .35s;
  background:linear-gradient(118deg,rgba(255,255,255,.24) 0%,rgba(255,255,255,.07) 28%,transparent 34%,transparent 62%,rgba(255,255,255,.08) 70%,transparent 78%);mix-blend-mode:screen}
.pv-glow{position:absolute;inset:var(--p,10px);border-radius:1px;pointer-events:none;z-index:1;opacity:0;transition:opacity .35s;
  box-shadow:0 0 calc(var(--p,10px)*.45) color-mix(in srgb,var(--glow,#fff8ea) 38%,transparent),
    inset 0 0 calc(var(--p,10px)*1.1) color-mix(in srgb,#fff 13%,transparent)}
.pv-poster::after{content:"";position:absolute;inset:0;pointer-events:none;transition:opacity .35s,background .35s}
.pv-scene-img{transition:filter .45s}
.pv-stage.pv-on .pv-glow{opacity:1}
.pv-stage.pv-on .pv-poster{background:#fffef8}
.pv-stage.pv-on canvas{filter:brightness(1.1) saturate(1.16) contrast(1.05)}
.pv-stage.pv-on .pv-poster::after{background:radial-gradient(ellipse 80% 70% at 50% 45%,rgba(255,255,255,.08),transparent 75%);mix-blend-mode:screen}
.pv-stage.pv-on .pv-glass{opacity:.45}
.pv-stage.pv-on[data-mode=scale] .pv-scene-img{filter:brightness(.9) saturate(.96)}
.pv-stage.pv-off canvas{filter:brightness(.78) saturate(.82) contrast(.86)}
.pv-stage.pv-off .pv-poster{background:#a8a6a1}
.pv-stage.pv-off .pv-poster::after{background:linear-gradient(180deg,rgba(40,38,48,.10),rgba(40,38,48,.18));mix-blend-mode:multiply}
.pv-stage.pv-off .pv-glass{opacity:1}
.pv-shadow{position:absolute;left:8%;right:8%;bottom:-10px;height:14px;border-radius:50%;background:radial-gradient(rgba(0,0,0,.28),transparent 70%);filter:blur(4px);z-index:-1}
.pv-stage[data-mode=scale] .pv-shadow{display:none}
/* ramki wiszące na linkach */
.pv-cables{position:absolute;left:0;right:0;bottom:100%;height:var(--cable,60vh);display:none;pointer-events:none}
.pv-cables i{position:absolute;bottom:0;width:max(1px,calc(var(--fw,240px)*.006));height:100%;background:linear-gradient(180deg,rgba(150,150,160,.5),rgba(190,190,200,.95))}
.pv-cables i:first-child{left:14%}.pv-cables i:last-child{right:14%}
.pv-stage[data-hang="1"] .pv-cables{display:block}
.pv-stage[data-hang="1"] .pv-shadow{display:none}

.pv-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;padding:8px;cursor:pointer;
  color:#6b6577;background:repeating-linear-gradient(45deg,#f6f4f8 0 12px,#efecf3 12px 24px);font-size:13px;line-height:1.3;overflow:hidden}
.pv-empty b{font-size:15px;color:#3a3346}
.pv-empty .pv-ic{color:#472186;margin-bottom:4px}
.pv-stage[data-mode=scale] .pv-empty{font-size:clamp(8px,calc(var(--fw,240px)*.07),13px)}
.pv-stage[data-mode=scale] .pv-empty b{font-size:clamp(9px,calc(var(--fw,240px)*.08),15px)}
.pv-stage[data-mode=scale] .pv-empty span{display:none}
.pv-stage[data-mode=scale] .pv-empty .pv-ic{width:clamp(12px,calc(var(--fw,240px)*.14),34px);height:auto;aspect-ratio:1}

/* nakładki na scenie */
.pv-chip{position:absolute;z-index:3;display:flex;align-items:center;gap:6px;max-width:calc(100% - 20px);padding:5px 10px;border-radius:7px;
  background:rgba(18,14,26,.72);color:#fff;font-size:11.5px;font-weight:600;line-height:1.3;pointer-events:none;backdrop-filter:blur(6px)}
.pv-chip .pv-ic{width:15px;height:15px;flex-basis:15px;color:var(--orange)}
.pv-chip-disc{inset-inline-start:10px;bottom:10px}
.pv-chip-scale{inset-inline-start:10px;top:10px}
@media (max-width:600px){.pv-chip{font-size:10px;padding:4px 8px}.pv-chip-disc{bottom:6px;inset-inline-start:6px;max-width:calc(100% - 12px)}.pv-chip-scale{top:6px;inset-inline-start:6px}}
.pv-drop-hint{position:absolute;inset:10px;z-index:4;border:3px dashed var(--orange);border-radius:10px;display:grid;place-items:center;
  font-weight:800;color:#fff;background:rgba(71,33,134,.6);opacity:0;pointer-events:none;transition:opacity .15s;font-size:18px;text-align:center;padding:16px}
.pv-stage.pv-dragover .pv-drop-hint{opacity:1}
.pv-busy{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:rgba(18,16,25,.6);color:#fff;font-weight:700;text-align:center;padding:16px}
.pv-spin{width:34px;height:34px;border-radius:50%;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;animation:pvspin .8s linear infinite}
@keyframes pvspin{to{transform:rotate(1turn)}}
/* kalibracja */
.pv-cal{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:visible}
.pv-cal line{stroke-linecap:round}
#pv-cal-line2{stroke:rgba(0,0,0,.55);stroke-width:5}
#pv-cal-line{stroke:#f39200;stroke-width:2.5;stroke-dasharray:7 5}
.pv-cal-pt{position:absolute;z-index:4;left:0;top:0;width:44px;height:44px;margin:-22px 0 0 -22px;padding:0;border:0;border-radius:50%;background:transparent;cursor:move;touch-action:none}
.pv-cal-pt::before{content:"";position:absolute;inset:12px;border-radius:50%;background:#f39200;border:3px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.5),0 2px 8px rgba(0,0,0,.4)}
.pv-cal-pt::after{content:"";position:absolute;left:50%;top:50%;width:2px;height:2px;margin:-1px;background:#191523;border-radius:50%}
@media (prefers-reduced-motion:reduce){.pv-glow,canvas,.pv-scene-img,.pv-glass,.pv-poster::after,.pv-led-knob i{transition:none}.pv-spin{animation-duration:2.4s}}

/* wybór sceny — miniatury */
.pv-scenes{display:flex;gap:8px;overflow-x:auto;padding:10px 0 4px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.pv-scene-btn{flex:0 0 auto;width:92px;display:flex;flex-direction:column;gap:4px;padding:4px;border:1.5px solid var(--line);border-radius:9px;background:var(--card);cursor:pointer;text-align:start;font-size:11.5px;font-weight:700;line-height:1.2;color:var(--ink)}
.pv-scene-btn span.pv-th{display:block;width:100%;aspect-ratio:3/2;border-radius:5px;background:#ddd7cf center/cover no-repeat;position:relative;overflow:hidden}
.pv-scene-btn span.pv-th .pv-ic{position:absolute;inset:0;margin:auto;width:26px;height:26px;color:var(--purple)}
.pv-scene-btn[data-scene=close] span.pv-th{background:linear-gradient(180deg,#e9e5df 0 80%,#a89a87 80%)}
.pv-scene-btn[data-scene=own] span.pv-th{background:var(--purple-soft)}
.pv-scene-btn b{padding:0 2px 2px;font-weight:700}
.pv-scene-btn[aria-pressed=true]{border-color:var(--purple);box-shadow:0 0 0 1px var(--purple) inset;background:var(--purple-soft)}

/* ---------- pod sceną ---------- */
.pv-info{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin:10px 0 6px}
.pv-size{font-weight:800;font-size:18px}
.pv-dpi{font-size:13px;font-weight:600;padding:5px 11px;border-radius:20px;border:1px solid var(--line);color:var(--muted)}
.pv-dpi::before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;margin-inline-end:7px;background:currentColor;vertical-align:1px}
.pv-dpi[data-level=none]::before{display:none}
.pv-dpi[data-level=ok]{color:var(--ok);background:var(--ok-bg);border-color:transparent}
.pv-dpi[data-level=warn]{color:var(--warn);background:var(--warn-bg);border-color:transparent}
.pv-dpi[data-level=bad]{color:var(--bad);background:var(--bad-bg);border-color:transparent}
.pv-msg{margin:6px 0;padding:10px 14px;border-radius:9px;background:var(--warn-bg);color:var(--ink);font-size:14px;border:1px solid var(--line)}
.pv-stage-tools{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;margin-top:8px}
.pv-zoom{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);font-weight:600;flex:1 1 200px}
.pv-zoom input{flex:1;accent-color:var(--purple);min-width:90px}
.pv-zoom output{min-width:44px;text-align:end;color:var(--ink)}
.pv-tip{font-size:12px;color:var(--muted);margin:8px 0 0}
.pv-link-btn{background:none;border:0;color:var(--purple);font-weight:700;cursor:pointer;padding:8px 4px;font-size:13px;min-height:40px}

/* ---------- panel ---------- */
.pv-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:18px;min-width:0}
.pv-file{display:flex;flex-direction:column;gap:6px}
.pv-file-name{font-size:12px;color:var(--muted);word-break:break-all}
.pv-field{border:0;margin:0;padding:0;min-width:0;display:flex;flex-direction:column;gap:8px}
.pv-field legend{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:8px;padding:0}
.pv-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pv-card{display:flex;flex-direction:column;gap:2px;text-align:start;padding:10px 11px;border:1.5px solid var(--line);border-radius:9px;background:var(--card);cursor:pointer;min-height:60px}
.pv-card b{font-size:13.5px;line-height:1.25}
.pv-card span{font-size:11.5px;color:var(--muted);line-height:1.3}
.pv-card[aria-pressed=true]{border-color:var(--purple);box-shadow:0 0 0 1px var(--purple) inset;background:var(--purple-soft)}
.pv-field select,.pv-lbl select,.pv-lbl input{min-height:44px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--card);width:100%}
.pv-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.pv-seg{display:inline-flex;align-self:flex-start;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--card)}
.pv-seg button{border:0;background:none;padding:9px 12px;font-size:13px;font-weight:700;cursor:pointer;min-height:40px;color:var(--muted)}
.pv-seg button+button{border-inline-start:1px solid var(--line)}
.pv-seg button[aria-pressed=true]{background:var(--purple);color:var(--purple-ink)}
.pv-seg button:disabled{opacity:.4;cursor:not-allowed}
.pv-swatches{display:flex;gap:10px;flex-wrap:wrap}
.pv-sw{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border:1.5px solid var(--line);border-radius:30px;background:var(--card);cursor:pointer;font-size:13px;font-weight:700}
[dir=rtl] .pv-sw{padding:6px 6px 6px 12px}
.pv-sw i{width:26px;height:26px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.25)}
.pv-sw[data-c=black] i{background:linear-gradient(135deg,#3a3a40,#111)}
.pv-sw[data-c=silver] i{background:linear-gradient(135deg,#f7f8f9,#a9adb4)}
.pv-sw[data-c=white] i{background:linear-gradient(135deg,#fff,#ddd)}
.pv-sw[aria-pressed=true]{border-color:var(--purple);box-shadow:0 0 0 1px var(--purple) inset}
.pv-sw small{font-weight:500;color:var(--muted)}
.pv-toggle{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;cursor:pointer;min-height:40px}
.pv-toggle input{width:19px;height:19px;accent-color:var(--purple);margin:0}
.pv-toggle .pv-ic{color:var(--orange)}
.pv-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;counter-reset:s}
.pv-steps li{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.4}
.pv-steps .pv-ic{width:30px;height:30px;flex:0 0 30px;padding:6px;border-radius:8px;background:var(--purple-soft);color:var(--purple)}
.pv-cal-box{display:flex;flex-direction:column;gap:10px}
.pv-cal-form{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px dashed var(--orange);border-radius:9px;background:var(--card)}
.pv-lbl{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:700;color:var(--muted)}
.pv-small{font-size:12px;color:var(--muted);margin:0;display:flex;gap:6px;align-items:flex-start}
.pv-strong{color:var(--ink);font-weight:700}

.pv-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border-radius:8px;font-weight:800;text-decoration:none;cursor:pointer;border:1.5px solid transparent;text-align:center;font-size:14px}
.pv-btn-primary{background:var(--purple);color:var(--purple-ink)}
.pv-btn-primary:hover{filter:brightness(1.12)}
.pv-btn-ghost{border-color:var(--purple);color:var(--purple);background:transparent}
.pv-btn-ghost:hover{background:var(--purple-soft)}
.pv-btn-big{min-height:52px;font-size:16px}
.pv-btn[aria-disabled=true]{opacity:.45;pointer-events:none}
.pv-buy{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--line);padding-top:16px}
.pv-buy-sum{font-size:13px;color:var(--muted)}
.pv-buy-sum b{color:var(--ink);font-size:14px}
.pv-buy-sum .pv-na{color:var(--bad);font-weight:700}
.pv-disc{display:flex;gap:6px;align-items:flex-start;margin:2px 0 0;padding:8px 10px;border-radius:8px;background:var(--warn-bg);color:var(--ink);font-size:12px;font-weight:600;line-height:1.4}
.pv-disc .pv-ic{color:var(--warn);width:16px;height:16px;flex-basis:16px}
.pv-note{font-size:12px;color:var(--muted);margin:2px 0 0}
@media (max-width:520px){.pv-back span{display:none}.pv-back{padding:6px 10px}.pv-logo img{height:24px}.pv-top-in{min-height:56px}}
@media (max-width:360px){.pv-badge{display:none}}
@media (max-width:600px){.pv-chip{font-size:9.5px;line-height:1.25}.pv-chip .pv-ic{width:12px;height:12px;flex-basis:12px}}
.pv-sample{align-self:flex-start;padding:4px 0;min-height:32px}
.pv-stage-wrap .pv-cal-box{margin:8px 0 4px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}
.pv-stage-wrap .pv-cal-box>.pv-btn{align-self:flex-start}
.pv-size,.pv-dpi,.pv-file-name,.pv-buy-sum b,.pv-field select,#pv-cal-read,.pv-zoom output{unicode-bidi:plaintext}

/* ---------- pasek nad sceną: przełącznik LED + przykładowe plakaty ---------- */
.pv-stage-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin:0 0 10px}
.pv-led{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:6px 8px 6px 6px;border:1.5px solid var(--line);border-radius:30px;background:var(--card);cursor:pointer;text-align:start;transition:border-color .2s,background .2s}
[dir=rtl] .pv-led{padding:6px 6px 6px 8px}
.pv-led-ic{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--panel);color:var(--muted);transition:background .25s,color .25s,box-shadow .25s}
.pv-led-ic .pv-ic{width:20px;height:20px;flex-basis:20px}
.pv-led-txt{display:flex;flex-direction:column;line-height:1.15}
.pv-led-txt b{font-size:14px;font-weight:800}
.pv-led-txt small{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.pv-led-knob{position:relative;width:44px;height:26px;border-radius:13px;background:#b9b3c2;flex:0 0 44px;transition:background .25s;margin-inline-start:4px}
.pv-led-knob i{position:absolute;top:3px;inset-inline-start:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.35);transition:transform .25s}
.pv-led[aria-checked=true]{border-color:var(--orange);background:color-mix(in srgb,var(--orange) 8%,var(--card))}
.pv-led[aria-checked=true] .pv-led-ic{background:var(--orange);color:#fff;box-shadow:0 0 0 4px color-mix(in srgb,var(--orange) 25%,transparent)}
.pv-led[aria-checked=true] .pv-led-txt small{color:var(--orange)}
.pv-led[aria-checked=true] .pv-led-knob{background:var(--orange)}
.pv-led[aria-checked=true] .pv-led-knob i{transform:translateX(18px)}
[dir=rtl] .pv-led[aria-checked=true] .pv-led-knob i{transform:translateX(-18px)}
.pv-led:hover{border-color:var(--orange)}
.pv-posters{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.pv-posters-lbl{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}
.pv-posters-list{display:flex;gap:5px;flex-wrap:wrap}
.pv-pst{width:30px;height:42px;padding:0;border:1.5px solid var(--line);border-radius:4px;background:#ddd center/cover no-repeat;cursor:pointer}
.pv-pst[data-o=l]{width:42px;height:30px}
.pv-pst[aria-pressed=true]{border-color:var(--purple);box-shadow:0 0 0 2px var(--purple)}
.pv-posters-next{min-height:36px;padding:4px 2px}
@media (max-width:600px){.pv-stage-bar{gap:8px}.pv-led{width:100%}.pv-led-knob{margin-inline-start:auto}.pv-posters-lbl{width:100%}.pv-pst{width:26px;height:37px}.pv-pst[data-o=l]{width:37px;height:26px}}
.pv-zoom{min-width:0;max-width:100%}
@media (max-width:420px){.pv-zoom input{min-width:50px}.pv-zoom>span{display:none}}
