:root{--pins-bg:#17171c;--pins-surface:#1f2027;--pins-border:#33343d;--pins-fg:#f0ece5;--pins-fg-muted:#a7a5ad;--pins-accent:#c8a96e;--pins-danger:#e0a1a1;--pins-radius:10px;--pins-focus:2px solid var(--pins-accent);--pins-copy-btn-fg:#17171c}[data-theme=light]{--pins-bg:#f7f5f1;--pins-surface:#fff;--pins-border:#ded7c9;--pins-fg:#232326;--pins-fg-muted:#6b6a73;--pins-accent:#8a6d3b;--pins-danger:#8a2b2b;--pins-copy-btn-fg:#fff}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--pins-bg:#f7f5f1;--pins-surface:#fff;--pins-border:#ded7c9;--pins-fg:#232326;--pins-fg-muted:#6b6a73;--pins-accent:#8a6d3b;--pins-danger:#8a2b2b;--pins-copy-btn-fg:#fff}}*{box-sizing:border-box}body.pins-widget{background:var(--pins-bg);color:var(--pins-fg);margin:0;padding:20px;font-family:-apple-system,Helvetica Neue,Arial,sans-serif}.pins-controls{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;display:flex}.pins-controls input[type=search],.pins-controls select{background:var(--pins-surface);border:1px solid var(--pins-border);color:var(--pins-fg);border-radius:var(--pins-radius);padding:8px 10px;font-size:13px}.pins-controls select[multiple]{min-width:150px;min-height:34px;max-height:90px;padding:4px}.pins-controls label{color:var(--pins-fg-muted);align-items:center;gap:6px;font-size:13px;display:flex}.pins-group{margin-bottom:22px}.pins-group-title{letter-spacing:.12em;text-transform:uppercase;color:var(--pins-fg-muted);margin-bottom:8px;font-size:11px;font-weight:700}.pins-card-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.pins-card{background:var(--pins-surface);border:1px solid var(--pins-border);border-radius:var(--pins-radius);flex-direction:column;gap:8px;padding:14px;display:flex}.pins-card-title{font-size:14px;font-weight:600}.pins-card-desc{white-space:pre-wrap;max-height:160px;font-size:13px;line-height:1.5;overflow-y:auto}.pins-chips{flex-wrap:wrap;gap:6px;display:flex}.pins-chip{background:var(--pins-bg);border:1px solid var(--pins-border);color:var(--pins-fg-muted);border-radius:999px;padding:3px 8px;font-size:11px}.pins-meta{color:var(--pins-fg-muted);font-size:11px}.pins-copy-btn{background:var(--pins-accent);color:var(--pins-copy-btn-fg);border-radius:var(--pins-radius);cursor:pointer;border:none;align-self:flex-start;padding:7px 14px;font-size:13px;font-weight:600;transition:opacity .15s}@media (prefers-reduced-motion:reduce){.pins-copy-btn{transition:none}}.pins-copy-btn:focus-visible,.pins-controls input:focus-visible,.pins-controls select:focus-visible,.pins-clear-btn:focus-visible{outline:var(--pins-focus);outline-offset:2px}.pins-empty{text-align:center;color:var(--pins-fg-muted);padding:60px 20px}.pins-clear-btn{border:1px solid var(--pins-border);color:var(--pins-fg);border-radius:var(--pins-radius);cursor:pointer;background:0 0;padding:7px 14px;font-size:13px}@media (max-width:600px){.pins-card-list{grid-template-columns:1fr}}
:root{--cp-container:880px}body{background:var(--pins-bg);color:var(--pins-fg);margin:0;font-family:-apple-system,Helvetica Neue,Arial,sans-serif}.cp-wrap{max-width:var(--cp-container);margin:0 auto;padding:0 24px}.cp-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--pins-fg-muted);font-size:11px;font-weight:700}.cp-h1{margin:8px 0 12px;font-family:Georgia,Times New Roman,serif;font-size:32px;font-weight:500}.cp-btn{background:var(--pins-accent);color:#17171c;cursor:pointer;border:none;border-radius:10px;padding:12px 22px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}.cp-input{border:1px solid var(--pins-border);background:var(--pins-surface);width:100%;color:var(--pins-fg);border-radius:10px;padding:11px 13px;font-size:14px}