.rr-penselpakker{--pp-bg: #171410;--pp-panel: #14110e;--pp-line: #3a332b;--pp-text: #f8f5ef;--pp-text-2: #d9d1c5;--pp-muted: #b3a99b;--pp-violet: #a622c6;--pp-violet-ink: #dcaaee;--pp-display: "Big Shoulders Display", "Arial Narrow", sans-serif;--pp-sans: "IBM Plex Sans", system-ui, sans-serif;--pp-mono: "IBM Plex Mono", ui-monospace, monospace;min-height:100vh;background:var(--pp-bg);background-image:radial-gradient(ellipse 70% 45% at 50% -5%,#a622c62e,#17141000 70%);color:var(--pp-text);font-family:var(--pp-sans);-webkit-font-smoothing:antialiased}.rr-penselpakker *,.rr-penselpakker *:before,.rr-penselpakker *:after{box-sizing:border-box}.rr-penselpakker a{color:inherit}.rr-penselpakker :focus-visible{outline:2px solid var(--pp-violet-ink);outline-offset:3px}.pp-wrap{max-width:1040px;margin:0 auto;padding:24px 16px 96px;display:flex;flex-direction:column;gap:32px}@media(min-width:720px){.pp-wrap{padding:28px 32px 96px}}.pp-mono{font-family:var(--pp-mono);letter-spacing:.26em;font-size:12px;color:var(--pp-muted);text-transform:uppercase}.pp-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--pp-line);padding-bottom:20px}.pp-brand{display:flex;align-items:center;gap:14px;text-decoration:none}.pp-back{display:inline-flex;align-items:center;min-height:44px;color:var(--pp-text-2);text-decoration:none;font-size:15px}.pp-back:hover{color:var(--pp-text)}.pp-banner{border:1px solid var(--pp-violet);background:#a622c61f;padding:16px 20px;font-size:15px}.pp-banner--muted{border-color:var(--pp-line);background:var(--pp-panel);color:var(--pp-text-2)}.pp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:28px}.pp-card{display:flex;flex-direction:column;gap:14px;border:1px solid var(--pp-line);background:var(--pp-panel);padding:18px}.pp-card__art{position:relative;aspect-ratio:4 / 3;overflow:hidden;background:#0e0c0a;border:1px solid var(--pp-line)}.pp-card__art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.pp-card h3{margin:0;font-family:var(--pp-display);font-weight:700;font-size:24px;letter-spacing:.02em}.pp-card__meta{font-size:14px;color:var(--pp-muted)}.pp-card__desc{margin:0;font-size:15px;color:var(--pp-text-2);line-height:1.5}.pp-card__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:auto}.pp-price{font-family:var(--pp-mono);font-size:16px;color:var(--pp-text)}.pp-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:0 20px;border:1px solid transparent;font:600 15px/1 var(--pp-sans);text-decoration:none;cursor:pointer}.pp-btn--primary{background:var(--pp-violet);color:#fff}.pp-btn--primary:hover{background:#bb34da}.pp-btn--ghost{background:transparent;color:var(--pp-text-2);border-color:var(--pp-line)}.pp-btn--ghost:hover{color:var(--pp-text);border-color:var(--pp-muted)}.pp-btn:disabled{opacity:.5;cursor:not-allowed}.pp-inert{display:inline-flex;align-items:center;min-height:44px;padding:0 4px;color:var(--pp-dim, #8f8578);font-size:15px}.pp-error-inline{font-size:14px;color:#e39b9b}.pp-skel{background:linear-gradient(100deg,#1d1915 30%,#26211c,#1d1915 70%);background-size:300% 100%;animation:pp-shimmer 1.6s linear infinite}@keyframes pp-shimmer{to{background-position:-150% 0}}.pp-state{min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:48px 16px;border:1px solid var(--pp-line)}.pp-state h1,.pp-state h2{margin:0;font-family:var(--pp-display);font-weight:800;font-size:clamp(26px,5vw,40px);letter-spacing:.02em}.pp-state p{margin:0;color:var(--pp-text-2);max-width:44ch;line-height:1.5}.pp-landing{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px}.pp-landing__card{max-width:480px;display:flex;flex-direction:column;gap:18px;text-align:center;align-items:center}.pp-landing__card h1{margin:0;font-family:var(--pp-display);font-weight:800;font-size:clamp(30px,6vw,44px);letter-spacing:.02em;line-height:1.1}.pp-landing__card p{margin:0;color:var(--pp-text-2);font-size:16px;line-height:1.55}@media(prefers-reduced-motion:reduce){.rr-penselpakker *,.rr-penselpakker *:before,.rr-penselpakker *:after{animation:none!important;transition:none!important}}