.ab-pf{--pf-paper:#f6f0e7;--pf-ink:#241b22;--pf-wine:#4b1026;--pf-accent:#aa2945;--pf-line:#d8c9bc;--pf-muted:#6e5d61;background:var(--pf-paper);color:var(--pf-ink);padding:24px max(20px,calc((100vw - 1160px)/2)) 48px;font-size:16px}.ab-pf *{box-sizing:border-box}.ab-pf [hidden]{display:none!important}.ab-pf button,.ab-pf input,.ab-pf select{font:inherit}.ab-pf button,.ab-pf a,.ab-pf summary{ -webkit-tap-highlight-color:transparent}.ab-pf button{cursor:pointer}.ab-pf :focus-visible{outline:3px solid #bd8d43;outline-offset:4px}.ab-pf-header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.ab-pf-header h1{font-family:Georgia,serif;font-size:clamp(32px,4vw,52px);line-height:1.05;letter-spacing:-.04em;margin:6px 0 9px;color:var(--pf-wine)}.ab-pf-header p{margin:0;color:var(--pf-muted);line-height:1.45}.ab-pf .ab-pf-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:var(--pf-accent)}.ab-pf-eyebrow span{letter-spacing:.02em;color:var(--pf-muted)}.ab-pf-hub{font-size:13px;color:var(--pf-wine);white-space:nowrap;padding:14px 0;text-decoration:none;border-bottom:1px solid var(--pf-line)}.ab-pf-stage{display:grid;grid-template-columns:340px minmax(0,1fr);gap:28px;align-items:start}.ab-pf-composer{background:var(--pf-wine);color:#fff6ed;border-radius:22px;padding:24px;box-shadow:0 15px 45px #4b102620;position:sticky;top:100px;overflow:hidden}.ab-pf-composer:before{content:'';width:220px;height:220px;border:1px solid #b88a4940;border-radius:50%;position:absolute;top:-160px;right:-90px;pointer-events:none}.ab-pf-composer-top{display:flex;gap:12px;align-items:center}.ab-pf-number{font-size:12px;color:#dfb780;border:1px solid #bd936c66;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;flex-shrink:0}.ab-pf-composer h2{font:26px/1.1 Georgia,serif;margin:0;color:inherit}.ab-pf-hint{font-size:14px;line-height:1.45;margin:12px 0 18px;color:#e9cfd5}.ab-pf-format{display:flex;background:#2b0917;border-radius:9px;padding:3px;margin-bottom:20px;gap:2px}.ab-pf-format button{flex:1;background:none;border:0;color:#ead8d9;padding:8px 5px;min-height:44px;font-size:12px;border-radius:7px}.ab-pf-format button[aria-pressed=true]{background:#f6f0e7;color:#4b1026;box-shadow:0 2px 4px #0002}.ab-pf-chips{display:flex;flex-wrap:wrap;gap:8px}.ab-pf-chips button{border:1px solid #97717d;background:#ffffff06;color:#fff6ed;border-radius:10px;padding:10px 12px;min-height:44px;font-size:13px;text-align:left;transition:background .18s,transform .18s,border-color .18s;line-height:1.3}.ab-pf-chips button:hover{background:#ffffff15;transform:translateY(-2px)}.ab-pf-chips button[aria-pressed=true]{background:#f3dfbf;border-color:#f3dfbf;color:#4b1026;box-shadow:0 3px 0 #2b0917}.ab-pf-options{border-top:1px solid #ffffff25;margin-top:20px;padding-top:4px}.ab-pf-options summary{cursor:pointer;min-height:44px;display:list-item;padding:13px 0;font-size:13px;color:#edd8be}.ab-pf-options label{display:block;font-size:13px;margin:14px 0 7px}.ab-pf-options input,.ab-pf-options select{width:100%;min-height:44px;padding:9px;border:1px solid #987b83;border-radius:7px;background:#fff7ef;color:#241b22}.ab-pf-all-chips{max-height:260px;overflow:auto;margin:12px 0;padding:4px}.ab-pf-selection{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.ab-pf-selection:empty{display:none}.ab-pf-selection button{background:#ffffff12;border:1px solid #cfafaf66;color:#fff6ed;border-radius:6px;padding:8px;font-size:12px;min-height:44px}.ab-pf-selection .is-excluded{text-decoration:line-through}.ab-pf-clear{background:none;border:0;border-bottom:1px solid #ac8490;color:#f2dce1;padding:10px 0;min-height:44px;margin-top:8px;font-size:13px}.ab-pf-shelf-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:4px 0 18px}.ab-pf-shelf-heading h2{font:28px/1.15 Georgia,serif;letter-spacing:-.02em;margin:5px 0;color:var(--pf-wine)}.ab-pf-total{background:#e8dcd1;color:var(--pf-wine);border:1px solid var(--pf-line);border-radius:30px;padding:8px 12px;font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}.ab-pf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 18px}.ab-pf-card{min-width:0;animation:pf-arrive .28s ease-out}.ab-pf-cover{display:flex;height:210px;align-items:center;justify-content:center;background:linear-gradient(140deg,#eaded2,#e3d2c3);border-radius:12px;overflow:hidden;padding:13px;box-shadow:inset 0 0 0 1px #4b102609}.ab-pf-cover img{height:100%;width:auto;max-width:100%;object-fit:contain;box-shadow:4px 7px 11px #28151c55;transform:rotate(-2deg);transition:transform .2s}.ab-pf-card:nth-child(even) .ab-pf-cover img{transform:rotate(2deg)}.ab-pf-card:hover .ab-pf-cover img{transform:rotate(0) translateY(-3px)}.ab-pf-card-body{padding:12px 2px}.ab-pf-kind{text-transform:uppercase;letter-spacing:.1em;font-size:10px;color:var(--pf-accent);font-weight:700}.ab-pf-card h3{font:19px/1.2 Georgia,serif;margin:6px 0;color:var(--pf-wine)}.ab-pf-card h3 a{color:inherit;text-decoration:none}.ab-pf-tags{font-size:12px;color:var(--pf-muted);line-height:1.5;margin:8px 0;min-height:36px}.ab-pf-read{font-size:12px;font-weight:700;color:var(--pf-wine);text-decoration:none;display:inline-flex;gap:6px;align-items:center;min-height:44px;border-bottom:1px solid #b88a49}.ab-pf-load,.ab-pf-empty button{min-height:44px;padding:12px 18px;background:var(--pf-wine);border:1px solid var(--pf-wine);border-radius:8px;color:#fff6ed;margin:20px 8px 0 0}.ab-pf-empty{border:1px dashed var(--pf-line);border-radius:15px;text-align:center;padding:40px 24px;color:var(--pf-muted)}.ab-pf-empty>span{font-size:48px;color:#b88a49}.ab-pf-empty h3{font:30px Georgia,serif;color:var(--pf-wine)}.ab-pf-empty p{line-height:1.6}.ab-pf-method{border-top:1px solid var(--pf-line);margin-top:32px;padding:10px 0;color:var(--pf-muted);font-size:14px}.ab-pf-method summary{cursor:pointer;padding:14px 0}.ab-pf-method p{max-width:80ch;line-height:1.65}@keyframes pf-arrive{from{opacity:.5;transform:translateY(7px)}to{opacity:1;transform:none}}@media(max-width:950px){.ab-pf-stage{grid-template-columns:290px minmax(0,1fr);gap:20px}.ab-pf-composer{padding:20px}.ab-pf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.ab-pf{padding:18px 16px 32px}.ab-pf-header{margin-bottom:18px}.ab-pf-header h1{font-size:34px}.ab-pf-header>div>p:last-child{font-size:13px}.ab-pf-hub{display:none}.ab-pf-stage{display:block}.ab-pf-composer{position:static;padding:17px;border-radius:16px;margin-bottom:20px}.ab-pf-composer h2{font-size:23px}.ab-pf-hint{margin:8px 0 12px;font-size:12px}.ab-pf-format{margin-bottom:12px}.ab-pf-chips{gap:6px}.ab-pf-chips button{font-size:12px;padding:8px 9px;min-height:44px}.ab-pf-options{margin-top:12px}.ab-pf-clear{margin:0;padding:6px 0}.ab-pf-shelf-heading h2{font-size:25px}.ab-pf-grid{gap:16px 12px}.ab-pf-cover{height:195px;padding:12px}.ab-pf-card h3{font-size:18px}.ab-pf-card-body{padding-top:10px}.ab-pf-total{font-size:11px;padding:7px 9px}.ab-pf-shelf-heading{margin-bottom:14px}.ab-pf-tags{font-size:11px}}@media(prefers-reduced-motion:reduce){.ab-pf-card{animation:none}.ab-pf *{transition:none!important}}html[data-theme=dark] .ab-pf,body[data-theme=dark] .ab-pf{--pf-paper:#21171e;--pf-ink:#f6f0e7;--pf-wine:#f1d9dc;--pf-muted:#c6adb7;--pf-accent:#e2ab95;--pf-line:#604450}.ab-pf-composer{background:#4b1026;color:#fff6ed}html[data-theme=dark] .ab-pf-cover{background:linear-gradient(135deg,#422d37,#33232b)}html[data-theme=dark] .ab-pf-total{background:#422d37}html[data-theme=dark] .ab-pf-load,html[data-theme=dark] .ab-pf-empty button{background:#aa2945;border-color:#aa2945;color:#fff6ed}
.ab-playground.ab-pf h1,.ab-playground.ab-pf h2,.ab-playground.ab-pf h3{font-family:Georgia,serif}.ab-pf-shelf-heading>div{min-width:0}.ab-pf-card h3 a{overflow-wrap:anywhere}.ab-pf{--pf-paper:var(--play-paper,#f6f0e7);--pf-ink:var(--play-ink,#241b22);--pf-line:var(--play-line,#d9c9be);--pf-muted:var(--play-muted,#74646b)}
@media(max-width:650px){.ab-pf-header h1{font-size:30px}.ab-pf-header{margin-bottom:14px}.ab-pf-composer{padding:15px}.ab-pf-composer h2{font-size:22px}.ab-pf-composer .ab-pf-hint{font-size:12px;margin:7px 0 10px}.ab-pf-form{min-width:0}#ab-pf-form>.ab-pf-chips{display:grid;grid-template-rows:repeat(2,44px);grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto;padding:0 0 7px;scrollbar-width:thin;scrollbar-color:#b88a49 transparent}.ab-pf-options{margin-top:7px}.ab-pf-options summary{padding:10px 0}.ab-pf-composer .ab-pf-clear{font-size:12px}.ab-pf-shelf-heading{align-items:start}.ab-pf-shelf-heading h2{font-size:23px}.ab-pf-total{white-space:normal;max-width:90px;text-align:center;flex-shrink:0}}
body.ab-playground-page main.ab-pf{padding-top:calc(var(--ab-header-h,64px) + 18px)}
@media(max-width:650px){.ab-pf-composer{position:relative;top:auto}#ab-pf-form>.ab-pf-chips{scrollbar-width:thin;scrollbar-gutter:stable;-webkit-mask-image:linear-gradient(90deg,#000 93%,transparent);mask-image:linear-gradient(90deg,#000 93%,transparent)}#ab-pf-form>.ab-pf-chips::-webkit-scrollbar{height:5px}#ab-pf-form>.ab-pf-chips::-webkit-scrollbar-thumb{background:#b88a49;border-radius:4px}}