/* Pierwszy Drop / strona sprzedażowa — edycja „folderów”. Dotyczy strony głównej i pracowni (.fd), okien podglądu (.fd-modal), odtwarzacza i komunikatów. */
.fd,dialog.fd-modal,#player,#toast{--fd-desk:#f1f0ec;--fd-win:#fbfbf9;--fd-panel:#f4f4f1;--fd-rule:#e3e2dd;--fd-rule2:#d5d4ce;--fd-ink:#141414;--fd-muted:#6b6b66;--fd-sel:#e4e3de;--fd-hover:#ebeae6;--fd-ui:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,"Helvetica Neue",Arial,sans-serif;--fd-mono:ui-monospace,"SF Mono","Cascadia Mono","Segoe UI Mono",Menlo,Consolas,monospace;--fd-display:"Helvetica Neue",Helvetica,Arial,sans-serif;--fd-serif:Georgia,"Times New Roman",serif;--fd-gap:16px;--fd-tree:248px;--fd-bar:48px}
body:has(.fd){background:#f1f0ec}
html:has(.fd){scroll-padding-top:calc(var(--fd-bar,48px) + 16px)}
@media (prefers-reduced-motion:reduce){html:has(.fd){scroll-behavior:auto}}
.fd{font-family:var(--fd-ui);color:var(--fd-ink);background:var(--fd-desk);padding-top:var(--fd-bar);min-height:100vh;-webkit-font-smoothing:antialiased}
.fd ::selection{background:var(--fd-ink);color:var(--fd-win)}
.fd h1,.fd h2{font-family:var(--fd-display);font-weight:400;color:var(--fd-ink)}
.fd h1 em,.fd h2 em{font-family:var(--fd-serif);font-style:var(--fd-accent-style,italic);font-weight:var(--fd-accent-weight,400);letter-spacing:calc(-.045em*var(--fd-track-accent,1))}
.fd p{margin:0}
.fd :focus-visible,dialog.fd-modal :focus-visible{outline:2px solid var(--fd-ink);outline-offset:2px}
.fd-ico{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}

/* Pasek górny */
.fd-top{position:fixed;inset:0 0 auto;z-index:40;height:var(--fd-bar);display:flex;align-items:center;gap:16px;padding:0 var(--fd-gap) 0 28px;background:color-mix(in srgb,var(--fd-desk) 90%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.fd-brand{font:600 13px/1 var(--fd-ui);letter-spacing:.015em;text-transform:uppercase;white-space:nowrap}
.fd-top__path{position:absolute;left:calc(var(--fd-gap) + var(--fd-tree) + var(--fd-gap));font:12px/1 var(--fd-mono);color:var(--fd-muted);white-space:nowrap}
.fd-top__path b{font-weight:400;color:var(--fd-ink)}
.fd-top__nav{margin-left:auto;display:flex;align-items:center;gap:18px}
.fd-files{display:none;align-items:center;gap:7px;height:32px;padding:0 10px;border:1px solid var(--fd-rule2);background:var(--fd-win);font:13px/1 var(--fd-ui);border-radius:3px}
.fd-files[aria-expanded="true"]{background:var(--fd-sel)}

/* Przyciski i linki */
.fd-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;height:34px;padding:0 14px;border:1px solid var(--fd-ink);border-radius:2px;background:var(--fd-ink);color:var(--fd-win)!important;font:500 13px/1 var(--fd-ui);letter-spacing:.005em;white-space:nowrap;transition:background .15s}
.fd-btn:hover{background:#3a3a37}
.fd-btn--lg{height:50px;padding:0 20px;font-size:14px;gap:34px}
.fd-btn--block{width:100%}
.fd-link{display:inline-flex;align-items:center;gap:6px;border:0;background:none;padding:4px 0;font:13px/1.2 var(--fd-ui);color:var(--fd-ink);border-bottom:1px solid var(--fd-rule2);transition:border-color .15s}
.fd-link:hover{border-color:var(--fd-ink)}
.fd-eyebrow{font:11px/1.5 var(--fd-mono);letter-spacing:.02em;text-transform:uppercase;color:var(--fd-muted)}
.fd-micro{font:12px/1.55 var(--fd-ui);color:var(--fd-muted)}
.fd-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 22px;margin-top:24px}
.fd-ai{display:inline-block;margin-right:7px;padding:1px 4px;border:1px solid currentColor;border-radius:2px;font:600 9.5px/1.3 var(--fd-mono);letter-spacing:.04em;vertical-align:1px}

/* Układ: drzewko w lewej kolumnie, wszystkie okna (także bohater) w prawej */
.fd-main{position:relative;display:grid;grid-template-columns:var(--fd-tree) minmax(0,1fr);gap:var(--fd-gap);padding:var(--fd-gap)}
.fd-tree{grid-column:1;grid-row:1/span var(--fd-rows,9);align-self:start;position:sticky;top:calc(var(--fd-bar) + var(--fd-gap));z-index:6;margin:0 0 0 12px;width:calc(var(--fd-tree) - 12px);max-height:calc(100svh - var(--fd-bar) - 2 * var(--fd-gap));overflow:auto;overscroll-behavior:contain;padding:6px;background:var(--fd-panel);border:1px solid var(--fd-rule);border-radius:3px;font:13px/1 var(--fd-ui);scrollbar-width:thin}
.fd-main>.fd-win{grid-column:2}
.fd #program{background:var(--fd-win)}
.fd-tree ul{list-style:none;margin:0;padding:0}
.fd-tree ul ul{margin:1px 0 1px 14px;padding-left:4px;border-left:1px solid var(--fd-rule2)}
.fd-tree ul ul[hidden]{display:none}
.fd-row{display:flex;align-items:center;gap:8px;width:100%;height:25px;padding:0 7px;border:0;border-radius:4px;background:transparent;text-align:left;font:13px/1.35 var(--fd-ui);color:#262624}
.fd-row:hover{background:var(--fd-hover)}
.fd-row[aria-current]{background:var(--fd-sel);color:var(--fd-ink)}
.fd-row .fd-ico{color:#3b3b38}
.fd-row__name{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.fd-row__meta{font:11px/1 var(--fd-mono);color:var(--fd-muted)}

/* Okna */
.fd-win{position:relative;min-width:0;background:var(--fd-win);border:1px solid var(--fd-rule);border-radius:3px;scroll-margin-top:calc(var(--fd-bar) + 16px)}
.fd-win__bar,.fd-panel__bar,.fd-modal__bar,.fd-sheet__bar{display:flex;align-items:center;gap:8px;height:34px;padding:0 12px;border-bottom:1px solid var(--fd-rule);background:linear-gradient(#f8f8f5,#f2f2ee);font:12.5px/1 var(--fd-ui);color:#3c3c39;white-space:nowrap}
.fd-win__name{font-weight:500;line-height:1.35;color:var(--fd-ink);overflow:hidden;text-overflow:ellipsis}
.fd-win__meta{margin-left:auto;font:11px/1 var(--fd-mono);color:var(--fd-muted);overflow:hidden;text-overflow:ellipsis}
.fd-win__body{padding:clamp(28px,4.6vw,76px)}
.fd-head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:40px;align-items:end;margin-bottom:clamp(30px,4vw,58px)}
.fd h2{font-size:clamp(40px,4.6vw,74px);line-height:1.01;letter-spacing:calc(-.055em*var(--fd-track,1));margin:16px 0 0;max-width:13em}
.fd-head>p{font:16px/1.6 var(--fd-display);letter-spacing:calc(-.005em*var(--fd-track,1));color:#45453f;max-width:30em}
.fd-thumb__name{display:flex;align-items:center;gap:8px;margin-top:12px;font:12px/1.3 var(--fd-mono);color:var(--fd-ink);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.fd-thumb__title{display:block;margin-top:4px;font:13.5px/1.4 var(--fd-ui);color:var(--fd-muted)}

/* Bohater: README i okno archiwum nad zdjęciem w rastrze 1-bit */
.fd-hero{display:flex;flex-direction:column;height:calc(100svh - var(--fd-bar) - 2 * var(--fd-gap));min-height:640px;overflow:hidden}
.fd-media{position:relative;display:block;overflow:hidden;background:var(--fd-win)}
.fd-media--hero{flex:1;min-height:0}
.fd-dither{position:absolute;inset:0;width:100%;height:100%;image-rendering:crisp-edges;image-rendering:pixelated}
.fd-color{position:absolute;inset:0;width:100%!important;height:100%;object-fit:cover;opacity:0;pointer-events:none}
.fd-media.is-fallback .fd-color{opacity:1}
.fd-marquee{position:absolute;display:none;pointer-events:none;left:calc(var(--mx,0px) - 110px);top:calc(var(--my,0px) - 140px);width:220px;height:280px;background:linear-gradient(90deg,var(--fd-ink) 50%,transparent 0) 0 0/8px 1px repeat-x,linear-gradient(90deg,var(--fd-ink) 50%,transparent 0) 0 100%/8px 1px repeat-x,linear-gradient(0deg,var(--fd-ink) 50%,transparent 0) 0 0/1px 8px repeat-y,linear-gradient(0deg,var(--fd-ink) 50%,transparent 0) 100% 0/1px 8px repeat-y;animation:fd-ants .6s linear infinite}
@keyframes fd-ants{to{background-position:8px 0,-8px 100%,0 -8px,100% 8px}}
@media (hover:hover) and (pointer:fine){
 .fd-media--hero{cursor:crosshair}
 .fd-media--hero.is-lens .fd-color{opacity:1;clip-path:inset(calc(var(--my) - 140px) calc(100% - var(--mx) - 110px) calc(100% - var(--my) - 140px) calc(var(--mx) - 110px))}
 .fd-media--hero.is-lens .fd-marquee{display:block}
}
.fd-panel{background:var(--fd-win);border:1px solid var(--fd-rule2);border-radius:3px;box-shadow:0 24px 60px -28px rgba(20,20,18,.35)}
.fd-readme{position:absolute;z-index:4;left:24px;bottom:100px;width:clamp(420px,40vw,600px)}
.fd-readme__body{padding:26px 30px 26px}
.fd-readme h1{font-size:clamp(52px,5.4vw,90px);line-height:.93;letter-spacing:calc(-.062em*var(--fd-track,1));margin:16px 0 20px}
.fd-lead{font:16px/1.55 var(--fd-display);letter-spacing:calc(-.008em*var(--fd-track,1));color:#2c2c29;max-width:33em}
.fd-readme .fd-micro{margin-top:16px}
.fd-reel{position:absolute;z-index:5;top:20px;right:20px;width:clamp(270px,24vw,420px);opacity:0;transform:translateY(12px) scale(.97);transform-origin:100% 0;transition:opacity .5s ease,transform .55s cubic-bezier(.2,.8,.2,1)}
.fd-reel.is-open{opacity:1;transform:none}
.fd-reel .fd-panel__bar{height:30px;font-size:12px}
.fd-reel__media{position:relative;display:block;width:100%;aspect-ratio:4/5;padding:0;border:0;background:#101010;overflow:hidden;cursor:zoom-in}
.fd-reel__media>img,.fd-reel__media>video{position:absolute;inset:0;width:100%!important;height:100%;object-fit:cover;animation:fd-in .7s cubic-bezier(.2,.8,.2,1) both}
@keyframes fd-in{from{opacity:0;transform:scale(1.05)}to{opacity:1;transform:none}}
.fd-reel__bar{display:block;height:2px;background:var(--fd-rule)}
.fd-reel__bar i{display:block;width:0;height:100%;background:var(--fd-ink)}
@keyframes fd-reel{from{width:0}to{width:100%}}
.fd-status{flex:none;display:flex;justify-content:space-between;gap:20px;height:28px;align-items:center;padding:0 12px;border-top:1px solid var(--fd-rule);background:var(--fd-panel);font:11px/1 var(--fd-mono);color:var(--fd-muted);white-space:nowrap;overflow:hidden}
.fd-status span{overflow:hidden;text-overflow:ellipsis}
.fd-status__file{padding:0;border:0;background:none;font:inherit;color:inherit;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fd-status__file:hover{color:var(--fd-ink);text-decoration:underline;text-underline-offset:3px}
@media (prefers-reduced-motion:reduce){.fd-marquee{animation:none}.fd-reel{transition:none}.fd-reel__media>*{animation:none}}

/* Widżet w rogu (jak odtwarzacz na pulpicie) */
.fd-widget{position:fixed;z-index:30;right:28px;bottom:calc(var(--fd-gap) + 40px);display:flex;align-items:center;gap:10px;height:36px;padding:0 13px;background:var(--fd-win);border:1px solid var(--fd-rule2);border-radius:3px;box-shadow:0 10px 30px -14px rgba(0,0,0,.3);font:13px/1 var(--fd-ui);transition:opacity .2s,transform .2s}
.fd-widget b{font-weight:500;margin-left:12px}
.fd-widget:hover{background:#fff}
.fd-widget.is-quiet{opacity:0;transform:translateY(8px);pointer-events:none}

/* Zdjęcia w sekcjach (z archiwum albo wygenerowane przez autora) */
.fd-fig{margin:0;min-width:0}
.fd-fig__img{position:relative;display:block;width:100%;aspect-ratio:4/5;padding:0;border:1px solid var(--fd-rule);background:#111;overflow:hidden;cursor:zoom-in}
.fd-fig__img img{position:absolute;inset:0;width:100%!important;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.fd-fig__img:hover img{transform:scale(1.025)}
.fd-fig figcaption .fd-thumb__name{margin-top:10px}
.fd-fig--story{margin-top:clamp(28px,3vw,44px);max-width:360px}
.fd-fig--faq{margin-top:32px;max-width:300px}

/* Historia + arkusz liczb */
.fd-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,6vw,100px);margin-bottom:clamp(44px,5.5vw,84px)}
.fd-story h2{max-width:9.5em}
.fd-story__copy{padding-top:6px;max-width:34em}
.fd-story__copy p{font:16px/1.7 var(--fd-display);color:#373734;margin-bottom:16px}
.fd-story__copy .fd-large{font-size:clamp(22px,2.1vw,29px);line-height:1.32;letter-spacing:calc(-.025em*var(--fd-track,1));color:var(--fd-ink);margin-bottom:24px}
.fd-story__copy .fd-link{margin-top:10px}
.fd-sheet{border:1px solid var(--fd-rule2);border-radius:3px;overflow:hidden;background:#fff}
.fd-csv{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.fd-csv>div{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:26px;min-height:156px;padding:30px 20px 18px;border-right:1px solid var(--fd-rule);border-bottom:1px solid var(--fd-rule)}
.fd-csv>div:nth-child(4n){border-right:0}
.fd-csv i{position:absolute;top:9px;left:11px;font:10px/1 var(--fd-mono);font-style:normal;color:#a4a39d}
.fd-csv b{font:400 clamp(28px,2.7vw,44px)/1 var(--fd-display);letter-spacing:calc(-.055em*var(--fd-track,1))}
.fd-csv span{font:13px/1.45 var(--fd-ui);color:#4a4a46;max-width:22em}
.fd-sheet .fd-micro{padding:12px 14px;background:var(--fd-panel)}

/* Archiwum marki: siatka jak feed, filmy grają po wejściu w kadr */
.fd-feed{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 12px}
.fd-tile{display:block;min-width:0;padding:0;border:0;background:none;text-align:left;cursor:zoom-in}
.fd-tile__media{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:#111;border:1px solid var(--fd-rule)}
.fd-tile__media>img,.fd-tile__media>video{position:absolute;inset:0;width:100%!important;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.fd-tile:hover .fd-tile__media>img,.fd-tile:hover .fd-tile__media>video{transform:scale(1.035)}
.fd-tile__badge{position:absolute;left:8px;bottom:8px;display:inline-flex;align-items:center;gap:5px;padding:4px 7px 4px 5px;background:rgba(251,251,249,.94);border-radius:2px;font:11px/1 var(--fd-mono);color:var(--fd-ink)}
.fd-tile__badge .fd-ico{width:11px;height:11px;fill:currentColor;stroke:none}
.fd-tile .fd-thumb__name{margin-top:9px;font-size:11.5px}
.fd-tile:hover .fd-thumb__name,.fd-tile:focus-visible .fd-thumb__name{text-decoration:underline;text-underline-offset:3px}
.fd-feed__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin-top:28px;padding-top:16px;border-top:1px solid var(--fd-rule)}

/* Zawartość: lista plików i duży podgląd w oknie, jak widok galerii w Finderze */
.fd-gal{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:clamp(24px,3vw,44px);align-items:start}
.fd-gal__list{list-style:none;margin:0;padding:0;border-top:1px solid var(--fd-ink)}
.fd-gal__list li{border-bottom:1px solid var(--fd-rule2)}
.fd-gal__item{display:flex;flex-direction:column;gap:5px;width:100%;padding:14px 12px 13px;border:0;background:transparent;text-align:left;color:var(--fd-ink);cursor:pointer;transition:background .15s,color .15s}
.fd-gal__item:hover{background:var(--fd-hover)}
.fd-gal__item.is-sel{background:var(--fd-ink);color:var(--fd-win)}
.fd-gal__name{display:flex;align-items:center;gap:10px;font:13px/1.3 var(--fd-mono)}
.fd-gal__kind{padding-left:25px;font:12px/1.4 var(--fd-ui);color:var(--fd-muted)}
.fd-gal__item.is-sel .fd-gal__kind{color:#b9b8b2}
.fd-gal__view{margin:0;position:sticky;top:calc(var(--fd-bar) + 32px)}
.fd-gal__win{overflow:hidden;background:#fff;border:1px solid var(--fd-rule2);border-radius:4px;box-shadow:0 40px 80px -46px rgba(0,0,0,.55)}
.fd-gal__bar{display:flex;align-items:center;gap:12px;height:30px;padding:0 12px;border-bottom:1px solid var(--fd-rule);background:linear-gradient(#f8f8f5,#f1f1ed);font:11px/1 var(--fd-mono);color:var(--fd-muted);white-space:nowrap;overflow:hidden}
.fd-gal__dots{display:inline-flex;gap:5px}
.fd-gal__dots i{width:8px;height:8px;border-radius:50%;border:1px solid var(--fd-rule2);background:var(--fd-win)}
.fd-gal__img{position:relative;aspect-ratio:16/10;background:#efeeea}
.fd-gal__img img{position:absolute;inset:0;width:100%!important;height:100%;object-fit:cover;object-position:top center}
.fd-gal__view figcaption{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 20px;align-items:baseline;margin-top:16px}
.fd-gal__title{display:flex;align-items:center;gap:8px;font:13px/1.3 var(--fd-mono);color:var(--fd-ink)}
.fd-gal__desc{font:16px/1.5 var(--fd-display);letter-spacing:calc(-.01em*var(--fd-track,1));color:#3a3a37}

/* Program: miniatura przy każdym module, większy kadr po rozwinięciu */
.fd-mods{border-top:1px solid var(--fd-ink)}
.fd-mod{border-bottom:1px solid var(--fd-rule2)}
.fd-mod>summary{display:grid;grid-template-columns:40px 58px minmax(0,1fr) 110px 20px;gap:18px;align-items:center;padding:16px 6px;list-style:none;cursor:pointer;transition:background .15s}
.fd-mod>summary::-webkit-details-marker{display:none}
.fd-mod>summary:hover{background:#f3f3f0}
.fd-mod__n{font:12px/1 var(--fd-mono);color:var(--fd-muted)}
.fd-mod__thumb{position:relative;display:block;width:58px;aspect-ratio:4/5;overflow:hidden;background:#fff;border:1px solid var(--fd-rule)}
.fd-mod__thumb img{position:absolute;inset:0;width:100%!important;height:100%;object-fit:cover}
.fd-mod__thumb.is-empty{display:grid;place-items:center;background:transparent;border:1px dashed var(--fd-rule2);color:#a2a19b}
.fd-mod--plain>summary{grid-template-columns:40px minmax(0,1fr) 110px 20px}
.fd-mod__h{display:block;font:400 clamp(20px,1.9vw,26px)/1.15 var(--fd-display);letter-spacing:calc(-.035em*var(--fd-track,1));margin-bottom:7px}
.fd-mod__d{display:block;font:14px/1.5 var(--fd-ui);color:var(--fd-muted)}
.fd-mod__meta{font:11.5px/1.5 var(--fd-mono);color:var(--fd-muted);text-align:right}
.fd-mod__x{width:16px;height:16px;transition:transform .2s}
.fd-mod[open] .fd-mod__x{transform:rotate(90deg)}
.fd-mod__body{display:grid;grid-template-columns:minmax(0,270px) minmax(0,1fr);gap:36px;align-items:start;padding:8px 6px 32px 134px}
.fd-mod__fig{margin:0}
.fd-mod__img{position:relative;display:block;width:100%;aspect-ratio:4/5;padding:0;border:1px solid var(--fd-rule);background:#111;overflow:hidden;cursor:zoom-in}
.fd-mod__img img{position:absolute;inset:0;width:100%!important;height:100%;object-fit:cover}
.fd-mod__slot{display:flex;flex-direction:column;justify-content:center;gap:10px;aspect-ratio:4/5;padding:20px;border:1px dashed var(--fd-rule2);font:12.5px/1.5 var(--fd-ui);color:var(--fd-muted)}
.fd-mod__slot .fd-ico{width:22px;height:22px}
.fd-mod__slot b{font:500 12px/1.3 var(--fd-mono);color:var(--fd-ink)}
.fd-mod__body--plain{display:block;padding-left:64px}
.fd-mod__fig figcaption{margin-top:9px;font:11.5px/1.45 var(--fd-mono);color:var(--fd-muted)}
.fd-mod__body ol{margin:0;padding:0;list-style:none}
.fd-mod__body li{display:flex;gap:14px;padding:9px 0;border-top:1px solid var(--fd-rule);font:14px/1.45 var(--fd-ui);color:#30302d}
.fd-mod__body li span{flex:none;width:34px;font:11px/1.8 var(--fd-mono);color:var(--fd-muted)}
.fd-tags{margin-top:16px!important;font:11px/1.4 var(--fd-mono)!important;text-transform:uppercase;letter-spacing:.02em;color:var(--fd-muted)}

/* Pakiet: podglądy plików */
.fd-icons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 22px;margin-bottom:26px}
.fd-filecard{margin:0}
.fd-prev{position:relative;display:block;aspect-ratio:1;background:#efeeea;border:1px solid var(--fd-rule)}
.fd-prev img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:auto!important;height:auto;max-width:80%;max-height:80%;object-fit:contain;box-shadow:0 14px 34px -18px rgba(0,0,0,.4)}
.fd-pack{list-style:none;margin:0;padding:0;border-top:1px solid var(--fd-rule2)}
.fd-pack li{display:grid;grid-template-columns:minmax(0,.4fr) minmax(0,1fr);gap:20px;padding:12px 0;border-bottom:1px solid var(--fd-rule);font:14px/1.45 var(--fd-ui);color:#3a3a37}
.fd-pack li>span:first-child{display:flex;align-items:center;gap:10px;font:13px/1.3 var(--fd-mono);color:var(--fd-ink)}

/* Dla kogo */
.fd-fit{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--fd-ink)}
.fd-fit--img{grid-template-columns:minmax(0,.72fr) minmax(0,1fr) minmax(0,1fr)}
.fd-fit>div{padding:24px 34px 8px 0}
.fd-fit>div+div{padding:24px 0 8px 34px;border-left:1px solid var(--fd-rule2)}
.fd-fit--img>.fd-fig{padding:24px 34px 8px 0}
.fd-fit--img>.fd-fig+div{padding:24px 34px 8px;border-left:1px solid var(--fd-rule2)}
.fd-fit ul{list-style:none;margin:14px 0 0;padding:0}
.fd-fit li{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid var(--fd-rule);font:18px/1.45 var(--fd-display);letter-spacing:calc(-.015em*var(--fd-track,1))}
.fd-fit li::before{content:'+';flex:none;width:14px;font:14px/1.75 var(--fd-mono);color:var(--fd-muted)}
.fd-fit .is-not li{color:#54544f}
.fd-fit .is-not li::before{content:'–'}

/* Dostęp */
.fd-access{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,470px);gap:clamp(30px,6vw,100px);align-items:start}
.fd-access h2{font-size:clamp(46px,5.4vw,86px);max-width:8em}
.fd-access__lead{margin-top:26px!important;font:16px/1.6 var(--fd-display);color:#45453f;max-width:28em}
.fd-stack{position:relative;margin-top:clamp(34px,4vw,56px);aspect-ratio:16/11.5;max-width:620px}
.fd-stack__win{position:absolute;width:74%;overflow:hidden;background:#fff;border:1px solid var(--fd-rule2);border-radius:4px;box-shadow:0 34px 70px -38px rgba(0,0,0,.55)}
.fd-stack__win img{display:block;aspect-ratio:16/10;object-fit:cover;object-position:top left}
.fd-stack__win--1{left:0;top:0;z-index:1}
.fd-stack__win--2{left:13%;top:19%;z-index:2}
.fd-stack__win--3{left:26%;top:38%;z-index:3}
.fd-price{background:#fff;border:1px solid var(--fd-rule2);border-radius:3px}
.fd-price__head{padding:22px 24px 20px;border-bottom:1px solid var(--fd-rule)}
.fd-price__amount{margin:10px 0 8px!important;font:400 clamp(44px,4vw,60px)/1 var(--fd-display);letter-spacing:calc(-.055em*var(--fd-track,1))}
.fd-price ul{list-style:none;margin:0;padding:6px 24px}
.fd-price li{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--fd-rule);font:14px/1.4 var(--fd-ui)}
.fd-price li:last-child{border-bottom:0}
.fd-price li .fd-ico{width:12px;height:12px;color:var(--fd-muted)}
.fd-price__foot{padding:18px 24px 22px;border-top:1px solid var(--fd-rule);background:var(--fd-panel)}
.fd-price__foot .fd-micro{margin-top:12px}
.fd-price__foot .fd-link{font-size:12px;padding:0}

/* FAQ */
.fd-faq{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(30px,6vw,100px);align-items:start}
.fd-faq h2{font-size:clamp(40px,4vw,62px)}
.fd-faq details{border-bottom:1px solid var(--fd-rule2)}
.fd-faq details:first-child{border-top:1px solid var(--fd-ink)}
.fd-faq summary{display:flex;justify-content:space-between;gap:24px;padding:20px 2px;list-style:none;cursor:pointer;font:19px/1.35 var(--fd-display);letter-spacing:calc(-.02em*var(--fd-track,1))}
.fd-faq summary::-webkit-details-marker{display:none}
.fd-faq summary::after{content:'+';flex:none;font:15px/1.6 var(--fd-mono);color:var(--fd-muted)}
.fd-faq details[open] summary::after{content:'–'}
.fd-faq details p{max-width:44em;margin:-4px 0 22px;font:15px/1.65 var(--fd-ui);color:#41413d}

/* Stopka */
.fd-foot{padding:clamp(40px,6vw,90px) var(--fd-gap) 22px}
.fd-foot__word{font:500 12.1vw/.86 var(--fd-display);letter-spacing:calc(-.075em*var(--fd-track,1));white-space:nowrap;margin:0 0 26px -.04em}
.fd-foot__row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:16px;border-top:1px solid var(--fd-rule2);font:12px/1.5 var(--fd-ui);color:var(--fd-muted)}

/* Okna podglądu (dialog) */
dialog.fd-modal{padding:0;width:min(1120px,94vw);max-width:none;max-height:90svh;overflow:hidden;background:var(--fd-win);color:var(--fd-ink);border:1px solid var(--fd-rule2);border-radius:4px;box-shadow:0 50px 120px -40px rgba(0,0,0,.5);font-family:var(--fd-ui)}
dialog.fd-modal[open]{display:flex;flex-direction:column}
dialog.fd-modal::backdrop{background:rgba(24,24,22,.38);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.fd-modal #modal-content{display:flex;flex-direction:column;min-height:0;max-height:calc(90svh - 2px)}
.fd-modal__bar{flex:none;padding-right:46px}
.fd-modal .modal-close{top:0;right:0;width:40px;height:34px;min-height:34px;font-size:20px;color:var(--fd-ink)}
.fd-modal__scroll{overflow:auto;overscroll-behavior:contain}
.fd-preview{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.fd-preview__img{background:#efeeea;display:grid;place-items:center;padding:18px;border-right:1px solid var(--fd-rule)}
.fd-preview__img img{width:auto!important;max-width:100%;max-height:calc(90svh - 80px);object-fit:contain}
.fd-preview__info{padding:30px 32px}
.fd-preview__info h2{font:400 clamp(30px,3vw,42px)/1.05 var(--fd-display);letter-spacing:calc(-.045em*var(--fd-track,1));margin:12px 0 18px}
.fd-preview__info p:not(.fd-eyebrow):not(.fd-micro){font:15px/1.6 var(--fd-ui);color:#3a3a37;margin:0 0 14px}
.fd-preview__info .fd-micro{margin:0 0 14px}
.fd-caution{padding:12px 14px;background:var(--fd-panel);border-left:2px solid var(--fd-ink);font-size:13.5px!important}
.fd-preview__info pre{white-space:pre-wrap;font:12px/1.6 var(--fd-mono);background:var(--fd-panel);padding:14px;max-height:220px;overflow:auto;margin:8px 0 0}
dialog.fd-modal--ql{width:min(1000px,94vw)}
.fd-ql{margin:0;display:flex;flex-direction:column;background:#0e0e0e}
.fd-ql__media{display:grid;place-items:center;min-height:200px}
.fd-ql__media img,.fd-ql__media video{display:block;width:auto!important;max-width:100%;max-height:calc(90svh - 110px);object-fit:contain}
.fd-ql figcaption{display:flex;justify-content:space-between;gap:16px;padding:11px 14px;background:var(--fd-panel);border-top:1px solid var(--fd-rule);font:12.5px/1.4 var(--fd-ui);color:#3c3c39}
.fd-ql figcaption span:last-child{font:11px/1.6 var(--fd-mono);color:var(--fd-muted)}
.fd-nav{display:inline-grid;place-items:center;width:28px;height:24px;margin-left:2px;border:1px solid var(--fd-rule2);border-radius:3px;background:var(--fd-win);font:13px/1 var(--fd-ui);color:var(--fd-ink)}
.fd-nav:first-of-type{margin-left:12px}
.fd-nav:hover{background:#fff}
.fd-doc{max-width:860px;margin:0 auto;padding:clamp(26px,4vw,58px) clamp(22px,4vw,58px) 40px}
.fd-doc>h2{font:400 clamp(34px,3.6vw,52px)/1.03 var(--fd-display);letter-spacing:calc(-.05em*var(--fd-track,1));margin:12px 0 26px}
.fd-doc .reading{max-width:none}
.fd-doc__end{margin-top:40px;padding-top:24px;border-top:1px solid var(--fd-rule2)}
.fd-doc__end>p{font:18px/1.45 var(--fd-display);letter-spacing:calc(-.015em*var(--fd-track,1))}

/* Szerokie ekrany: nie rozciągaj treści w nieskończoność */
@media (min-width:1800px){.fd-win__body{padding-left:max(76px,calc((100% - 1380px)/2));padding-right:max(76px,calc((100% - 1380px)/2))}}

/* Tablet i mniejsze laptopy: drzewko chowa się pod przyciskiem „Pliki” */
@media (max-width:1179px){
 .fd{--fd-gap:12px}
 .fd-top{padding-left:16px}
 .fd-top__path{display:none}
 .fd-files{display:inline-flex}
 .fd-main{display:block;padding:var(--fd-gap)}
 .fd-main>.fd-win{margin-bottom:var(--fd-gap)}
 .fd-tree:not(.is-open){display:none}
 .fd-tree.is-open{position:fixed;top:calc(var(--fd-bar) + 8px);left:auto;right:12px;margin:0;width:min(300px,calc(100vw - 24px));max-height:calc(100svh - var(--fd-bar) - 24px);overflow:auto;z-index:45;box-shadow:0 30px 70px -30px rgba(0,0,0,.45)}
 .fd-readme{left:20px;bottom:100px;width:min(540px,calc(100% - 40px))}
 .fd-reel{width:250px}
 .fd-head{grid-template-columns:1fr;gap:20px;align-items:start}
 .fd-story{grid-template-columns:1fr;gap:28px}
 .fd-csv{grid-template-columns:repeat(2,minmax(0,1fr))}
 .fd-csv>div:nth-child(4n){border-right:1px solid var(--fd-rule)}
 .fd-csv>div:nth-child(2n){border-right:0}
 .fd-mod__body{grid-template-columns:minmax(0,220px) minmax(0,1fr);padding-left:6px}
 .fd-fit--img{grid-template-columns:1fr 1fr}
 .fd-fit--img>.fd-fig{grid-column:1/-1;padding:24px 0 6px}
 .fd-fit--img>.fd-fig .fd-fig__img{aspect-ratio:16/9}
 .fd-fit--img>.fd-fig+div{padding:24px 34px 8px 0;border-left:0}
 .fd-access,.fd-faq{grid-template-columns:1fr}
}
@media (max-width:899px){
 .fd-feed{grid-template-columns:repeat(2,minmax(0,1fr))}
 .fd-gal{grid-template-columns:1fr}
 .fd-gal__view{position:static;order:-1}
 .fd-gal__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;border-top:0}
 .fd-gal__list li:nth-child(-n+2){border-top:1px solid var(--fd-ink)}
 .fd-mod__body--plain{padding-left:6px}
}
/* Telefon */
@media (max-width:699px){
 .fd{--fd-bar:52px}
 .fd-top{gap:10px;padding:0 12px}
 .fd-top .fd-link{display:none}
 .fd-top .fd-btn{height:32px;padding:0 11px;gap:10px;font-size:12px}
 .fd-files{height:32px;padding:0 9px}
 .fd-hero{height:auto;min-height:0;overflow:visible}
 .fd-media--hero{flex:none;height:min(40svh,360px);border-bottom:1px solid var(--fd-rule)}
 .fd-reel{display:none}
 .fd-readme{position:static;width:auto;border:0;border-radius:0;box-shadow:none}
 .fd-readme .fd-panel__bar{display:none}
 .fd-readme__body{padding:24px 18px 26px}
 .fd-readme h1{font-size:clamp(48px,14.5vw,68px);margin:14px 0 16px}
 .fd-lead{font-size:15.5px}
 .fd-actions{gap:14px 18px}
 .fd-actions .fd-btn--lg{width:100%}
 .fd-status__file{display:none}
 .fd-win__body{padding:26px 18px 30px}
 .fd h2{font-size:clamp(38px,11vw,50px)}
 .fd-head>p,.fd-story__copy p{font-size:15.5px}
 .fd-fig--story{max-width:none}
 .fd-csv>div{min-height:132px;padding:28px 14px 14px;gap:18px}
 .fd-csv b{font-size:28px}
 .fd-feed{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px}
 .fd-feed__foot{flex-direction:column;align-items:flex-start}
 .fd-gal__list{grid-template-columns:1fr}
 .fd-gal__list li:nth-child(2){border-top:0}
 .fd-gal__view figcaption{grid-template-columns:1fr}
 .fd-gal__desc{font-size:15px}
 .fd-mod--plain>summary{grid-template-columns:26px minmax(0,1fr) 16px}
 .fd-mod__body--plain{padding:0 2px 22px}
 .fd-mod>summary{grid-template-columns:26px 44px minmax(0,1fr) 16px;gap:12px;padding:14px 2px}
 .fd-mod__thumb{width:44px}
 .fd-mod__meta{display:none}
 .fd-mod__body{grid-template-columns:1fr;gap:18px;padding:0 2px 22px}
 .fd-mod__fig{max-width:240px}
 .fd-icons{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}
 .fd-pack li{grid-template-columns:1fr;gap:4px}
 .fd-fit,.fd-fit--img{grid-template-columns:1fr}
 .fd-fit>div,.fd-fit>div+div,.fd-fit--img>.fd-fig+div{padding:20px 0 6px;border-left:0}
 .fd-fit>div+div{border-top:1px solid var(--fd-rule2)}
 .fd-fit--img>.fd-fig .fd-fig__img{aspect-ratio:4/3}
 .fd-fit li{font-size:16.5px}
 .fd-stack{aspect-ratio:16/12.5}
 .fd-stack__win{width:82%}
 .fd-stack__win--2{left:9%;top:17%}
 .fd-stack__win--3{left:18%;top:34%}
 .fd-widget{left:12px;right:12px;bottom:12px;justify-content:space-between;height:46px;font-size:14px}
 .fd-widget b{margin-left:auto}
 .fd-foot{padding-bottom:84px}
 .fd-foot__row{flex-direction:column;align-items:flex-start;gap:8px}
 dialog.fd-modal{width:calc(100vw - 16px)}
 .fd-preview{grid-template-columns:1fr}
 .fd-preview__img{border-right:0;border-bottom:1px solid var(--fd-rule)}
 .fd-preview__img img{max-height:52svh}
 .fd-preview__info{padding:22px 18px}
 .fd-ql figcaption{flex-direction:column;gap:4px}
}