.presets-page{--lp-bg: #f7f7f5;--lp-ink: #111111;--lp-muted: #5a5a5a;--lp-line: #e6e6e3;--lp-card: #ffffff;--lp-dark: #0f0f0f;--lp-radius: 1.5rem;--lp-radius-sm: 1.15rem;--lp-font: "Montserrat", system-ui, sans-serif;--shell-max: 1280px;--shell-pad: 1.5rem;background:var(--lp-bg);color:var(--lp-ink);font-family:var(--lp-font);overflow-x:clip}html[data-theme=dark] .presets-page{--lp-bg: #212121;--lp-ink: #f2f2f2;--lp-muted: #a3a3a3;--lp-line: #2a2a2a;--lp-card: #2a2a2a;--lp-dark: #0a0a0a}.presets-page main,.presets-page article{width:100%;max-width:none;margin:0;padding-inline:0;padding-top:0}.presets-page article.px{padding-bottom:clamp(4.5rem,9vw,7rem)}.presets-page #rp-page,.presets-page .rp-page{background:var(--lp-bg)}.presets-shell,.px-shell{width:100%;max-width:var(--shell-max);margin-inline:auto;padding-inline:var(--shell-pad);box-sizing:border-box}.presets-archive-hero{background:var(--lp-dark);color:#f5f5f5;padding:clamp(3rem,6vw,4.5rem) clamp(1.35rem,4vw,2.5rem) clamp(3.25rem,6vw,4.25rem);border-radius:var(--lp-radius);margin:1.5rem var(--shell-pad) 0}.presets-archive-hero__eyebrow{margin:0 0 .75rem;font-size:.8125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#ffffff73}.presets-archive-hero h1{margin:0 0 .85rem;font-size:clamp(2rem,5vw,3.25rem);font-weight:700;letter-spacing:-.035em;line-height:1.1;max-width:14ch}.presets-archive-hero__lead{margin:0;max-width:38rem;font-size:1.05rem;line-height:1.55;color:#ffffff9e}.presets-archive{padding:2.5rem 0 4.5rem}.presets-filters{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:1.75rem}.presets-filters__chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--lp-line);background:var(--lp-card);color:var(--lp-ink);border-radius:999px;padding:.45rem .95rem;font:inherit;font-size:.8125rem;font-weight:600;cursor:pointer}.presets-filters__chip:hover,.presets-filters__chip.is-active{background:var(--lp-ink);color:var(--lp-bg);border-color:var(--lp-ink)}.presets-archive__grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}.presets-empty{grid-column:1 / -1;color:var(--lp-muted)}.preset-card,.px-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;border-radius:var(--lp-radius-sm);overflow:hidden;background:var(--lp-card);border:1px solid var(--lp-line);transition:transform .28s ease}.preset-card:hover,.px-card:hover{transform:translateY(-3px)}.preset-card__media,.px-card__media{position:relative;aspect-ratio:3 / 2;overflow:hidden;background:#111}.preset-card__media--empty{background:linear-gradient(145deg,#1a1a1a,#0a0a0a 55%,#222)}.preset-card__media img,.px-card__media img{width:100%;height:100%;object-fit:cover;display:block}.preset-card__ba{position:absolute;left:.75rem;bottom:.75rem;padding:.3rem .55rem;border-radius:999px;font-size:.68rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:#0000008c}.preset-card__body,.px-card__body{padding:1.05rem 1.1rem 1.2rem;display:grid;gap:.35rem}.preset-card__meta{display:flex;justify-content:space-between;gap:.75rem;font-size:.75rem;color:var(--lp-muted)}.preset-card__cat,.px-card__cat{font-size:.68rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--lp-muted)}.preset-card h2,.preset-card h3,.px-card__title{margin:0;font-size:1.1rem;font-weight:700;line-height:1.25;letter-spacing:-.02em}.preset-card__excerpt{margin:0;font-size:.9rem;line-height:1.45;color:var(--lp-muted)}.preset-card__more{margin-top:.25rem;font-size:.82rem;font-weight:650}.preset-card.is-hidden{display:none}.presets-page--detail .site-header{background:#0a0a0a;border-bottom-color:#ffffff14}.presets-page--detail .site-header .logo__raw,.presets-page--detail .site-header .logo__presets,.presets-page--detail .site-header .logo__text,.presets-page--detail .site-header .logo__mark{color:#f5f5f5}.presets-page--detail .site-header .logo__tag{color:#ffffff8c}.presets-page--detail .site-header .header-nav__link,.presets-page--detail .site-header .header-nav__tools>summary,.presets-page--detail .site-header .header-nav__blog>summary,.presets-page--detail .site-header .header-nav__lexikon>summary,.presets-page--detail .site-header .header-nav__mega>summary{color:#ffffffb8}.presets-page--detail .site-header .header-nav__link:hover,.presets-page--detail .site-header .header-nav__tools>summary:hover,.presets-page--detail .site-header .header-nav__blog>summary:hover,.presets-page--detail .site-header .header-nav__lexikon>summary:hover,.presets-page--detail .site-header .header-nav__mega>summary:hover{color:#fff}.presets-page--detail .site-header .header-nav__tools.is-mega-open>summary,.presets-page--detail .site-header .header-nav__tools[open]>summary,.presets-page--detail .site-header .header-nav__blog.is-mega-open>summary,.presets-page--detail .site-header .header-nav__blog[open]>summary,.presets-page--detail .site-header .header-nav__lexikon.is-mega-open>summary,.presets-page--detail .site-header .header-nav__lexikon[open]>summary,.presets-page--detail .site-header .header-nav__mega.is-mega-open>summary,.presets-page--detail .site-header .header-nav__link[aria-current=page],.presets-page--detail .site-header .header-nav__link.is-active,.presets-page--detail .site-header .header-nav__tools.is-current>summary,.presets-page--detail .site-header .header-nav__blog.is-current>summary,.presets-page--detail .site-header .header-nav__lexikon.is-current>summary{color:#fff;font-weight:600;border-color:#ffffff47;background:#ffffff1f}.presets-page--detail .site-header .theme-switch{border-color:#f5f5f5;color:#f5f5f5}.presets-page--detail .site-header .theme-switch__iris{filter:none}.presets-page--detail .site-header .rp-menu-toggle{color:#f5f5f5}.presets-page--detail .site-header .rp-menu-toggle:hover{background:#ffffff14}.presets-page--detail .site-header .rp-menu-toggle svg{fill:currentColor}.presets-page--detail .site-header:has(+article>.px-hero),.presets-page--detail .rp-page:has(>article>.px-hero) .site-header{border-bottom-color:transparent}.px{display:flex;flex-direction:column;gap:clamp(2.25rem,5vw,3.25rem);padding-bottom:clamp(4.5rem,9vw,7rem)}.presets-page--detail .px-hero{width:100vw;max-width:100vw;margin:0;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:clamp(3rem,6vw,4.25rem) 0 clamp(3rem,5vw,3.75rem);border-radius:0;background:#0a0a0a;color:#f5f5f5;overflow:hidden}.px-hero__grid{display:grid;gap:clamp(1.75rem,4vw,2.75rem);align-items:end}@media(min-width:900px){.px-hero__grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:3rem}}.px-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .4rem;margin:0 0 1.15rem;padding:0;list-style:none;font-size:.8rem;font-weight:500;color:#ffffff73}.px-breadcrumb a{color:#ffffff8c;text-decoration:none}.px-breadcrumb a:hover{color:#fff}.px-breadcrumb__sep{opacity:.45}.px-breadcrumb [aria-current=page]{color:#ffffffd9}.px-hero h1{margin:0 0 1rem;font-size:clamp(1.85rem,4.5vw,3rem);font-weight:700;letter-spacing:-.03em;line-height:1.12;max-width:14ch}.px-hero__lead{margin:0 0 1.35rem;max-width:34rem;font-size:1rem;line-height:1.55;color:#ffffff9e}.px-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.85rem 1.15rem}.px-pill{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.7rem 1.25rem;border-radius:999px;border:1px solid var(--lp-ink);background:var(--lp-ink);color:var(--lp-bg);font-family:var(--lp-font);font-size:.8125rem;font-weight:600;text-decoration:none;transition:opacity .2s ease}.px-pill:hover{opacity:.86}.px-pill .rp-icon img{width:1.05rem;height:1.05rem}.px-pill:not(.px-pill--light):not(.px-pill--ghost) .rp-icon img{filter:invert(1)}.px-pill--light{background:#f5f5f5;border-color:#f5f5f5;color:#111}.px-pill--off{opacity:.4;cursor:not-allowed}.px-hero__meta{margin:0;font-size:.82rem;color:#ffffff7a}.px-hero__figure{margin:0}.px-hero__media{margin:0;border-radius:1.35rem;overflow:hidden;background:#1a1a1a;aspect-ratio:4 / 3}.px-hero__media>img{width:100%;height:100%;object-fit:cover;display:block}.px-ba{position:relative;-webkit-user-select:none;user-select:none;touch-action:none;container-type:inline-size;cursor:ew-resize}.px-ba__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.px-ba__before{position:absolute;inset:0 auto 0 0;width:var(--ba-pos, 50%);overflow:hidden;z-index:1;border-right:1.5px solid rgba(255,255,255,.85);pointer-events:none}.px-ba__before .px-ba__img--before{inset:auto;top:0;left:0;width:100cqi;height:100%;max-width:none}.px-ba__labels{position:absolute;inset-inline:.85rem;bottom:.85rem;z-index:2;display:flex;justify-content:space-between;pointer-events:none;font-size:.65rem;font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:#ffffffe0;text-shadow:0 0 10px rgba(0,0,0,.45),0 0 18px rgba(0,0,0,.28),0 1px 2px rgba(0,0,0,.35)}.px-body{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(12rem,.7fr);gap:clamp(1.5rem,4vw,2.75rem);align-items:start}.px-prose{font-size:1rem;line-height:1.65;color:color-mix(in srgb,var(--lp-ink) 86%,transparent)}.px-prose p{margin:0 0 .9rem}.px-howto{margin-top:1.75rem;padding-top:1.35rem;border-top:1px solid var(--lp-line)}.px-howto h2{margin:0 0 .7rem;font-size:.72rem;font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:var(--lp-muted)}.px-howto ol{margin:0;padding:0;list-style:none;display:grid;gap:.4rem;counter-reset:px-step}.px-howto li{counter-increment:px-step;font-size:.95rem;color:var(--lp-muted)}.px-howto li:before{content:counter(px-step) ".";display:inline-block;width:1.4rem;font-weight:650;color:var(--lp-ink)}.px-body__aside{display:grid;gap:.85rem;padding:1.15rem 1.2rem;border-radius:1.1rem;border:1px solid var(--lp-line);background:var(--lp-card)}.px-body__aside p{margin:0;font-size:.92rem;line-height:1.4}.px-body__aside span{display:block;margin-bottom:.15rem;font-size:.68rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--lp-muted)}.px-body__actions{display:grid;gap:.55rem;margin-top:.15rem}.px-body__actions .px-pill{width:100%}.px-pill--ghost{background:transparent;border-color:var(--lp-line);color:var(--lp-ink)}.px-pill--ghost:hover{opacity:1;border-color:color-mix(in srgb,var(--lp-ink) 28%,var(--lp-line))}.px-pill.px-pill--ghost .rp-icon img{filter:none}html[data-theme=dark] .px-pill.px-pill--ghost .rp-icon img{filter:invert(1)}.px-related{margin-top:1rem;margin-bottom:.5rem;padding-top:2.25rem;border-top:1px solid var(--lp-line)}.px-related__head{margin-bottom:1.35rem}.px-related__eyebrow{margin:0 0 .35rem;font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--lp-muted)}.px-related h2{margin:0;font-size:clamp(1.35rem,2.5vw,1.7rem);font-weight:700;letter-spacing:-.03em;line-height:1.15}.px-related__grid{display:grid;gap:1.25rem;grid-template-columns:repeat(3,minmax(0,1fr))}.px-related__grid .preset-card{min-width:0;border:0;border-radius:0;overflow:visible;background:transparent;box-shadow:none;transition:transform .28s ease}.px-related__grid .preset-card:hover{transform:translateY(-3px)}.px-related__grid .preset-card__media{position:relative;aspect-ratio:4 / 3;border-radius:.85rem;overflow:visible;isolation:isolate;background:#111;margin-bottom:.75rem}.px-related__grid .preset-card__media img{width:100%;height:100%;object-fit:cover;display:block;border-radius:.85rem;clip-path:inset(0 round .85rem);transition:transform .45s ease,opacity .9s cubic-bezier(.22,1,.36,1)}.px-related__grid .preset-card:hover .preset-card__media img{transform:scale(1.04)}.px-related__grid .preset-card__img--before,.px-related__grid .preset-card__img--after{position:absolute;top:0;right:0;bottom:0;left:0}.px-related__grid .preset-card__img--before{z-index:1;opacity:1}.px-related__grid .preset-card__img--after{z-index:2;opacity:1;will-change:opacity;backface-visibility:hidden;transform:translateZ(0)}.px-related__grid .preset-card:hover .preset-card__img--after{opacity:0}.px-related__grid .preset-card__cat{position:absolute;top:.65rem;left:.65rem;z-index:1;padding:.18rem .55rem;border-radius:999px;background:#ffffffeb;color:#111;font-size:.55rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;line-height:1.35}.px-related__grid .preset-card__body{padding:0;gap:0}.px-related__grid .preset-card h3{margin:0;font-size:1.02rem;line-height:1.3}.px-related__grid .preset-card__excerpt,.px-related__grid .preset-card__more{display:none}@media(max-width:900px){.px-body{grid-template-columns:1fr}.px-related__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.px-related__grid{grid-template-columns:1fr}}@media(max-width:720px){.presets-archive-hero{margin-inline:var(--shell-pad)}}.px-body__aside .blog-share{margin-top:1.25rem;padding-top:1.15rem;border-top:1px solid color-mix(in srgb,currentColor 12%,transparent)}.px-body__aside .blog-share__label{margin:0 0 .65rem;font-size:.75rem;font-weight:650;color:inherit;opacity:.7}.px-body__aside .blog-share__list{display:flex;flex-wrap:wrap;gap:.45rem;margin:0;padding:0;list-style:none}.px-body__aside .blog-share__list a,.px-body__aside .blog-share__list button{display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border:none;border-radius:.5rem;background:#0a0a0a;color:#fff;cursor:pointer;text-decoration:none;transition:opacity .2s ease}html[data-theme=dark] .px-body__aside .blog-share__list a,html[data-theme=dark] .px-body__aside .blog-share__list button{background:#f5f5f5;color:#0a0a0a}.px-body__aside .blog-share__list a:hover,.px-body__aside .blog-share__list button:hover{opacity:.82}.px-body__aside .blog-share__list svg{width:.95rem;height:.95rem;display:block}