.clip-shelf-stage{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:24px;margin-bottom:28px;scroll-margin-top:22px}.clip-shelf-stage[hidden]{display:none}.clip-shelf-stage-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.clip-shelf-stage-heading .eyebrow{font-size:.6rem}.clip-shelf-stage-heading h2{margin-top:9px;overflow-wrap:anywhere}.clip-shelf-stage-heading>.btn{flex-shrink:0}.clip-shelf-note{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.9rem;line-height:1.8;margin:20px 0;padding:15px 18px;border-left:3px solid var(--green);background:color-mix(in srgb,var(--green) 7%,var(--panel))}.clip-shelf-note.empty{color:var(--muted)}.clip-shelf-whole{font-size:.75rem}.clip-shelf-removed{padding:15px;border:1px solid var(--line);border-radius:8px;font-size:.85rem;line-height:1.8}.clip-shelf-search{margin:0 0 20px}.clip-shelf-search label{display:grid;gap:9px;font-size:.8rem;color:var(--muted);max-width:590px}.clip-shelf-search input{width:100%;background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:13px;color:var(--text)}.clip-shelf-library>.filters{flex-wrap:wrap;gap:8px}.clip-shelf-count{font-size:.8rem;margin:22px 0 16px}.clip-shelf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.clip-shelf-card{min-width:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel);display:flex;flex-direction:column}.clip-shelf-thumb{aspect-ratio:16/9;position:relative;background:var(--bg)}.clip-shelf-thumb img{width:100%;height:100%;object-fit:cover;display:block}.clip-shelf-thumb>span{position:absolute;bottom:10px;left:12px;padding:4px 8px;border-radius:5px;color:#fff;background:#122018e8;font-size:.75rem}.clip-shelf-copy{padding:18px;flex:1;display:flex;flex-direction:column}.clip-shelf-copy>small{font-size:.65rem;color:var(--green);line-height:1.7}.clip-shelf-copy h3{font-size:1.05rem;line-height:1.6;margin:9px 0;overflow-wrap:anywhere}.clip-shelf-copy>p{font-size:.78rem;line-height:1.8;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 18px}.clip-shelf-card-actions{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:auto}.clip-shelf-card-actions .textlink{font-size:.75rem;min-height:44px;padding:8px}.clip-shelf-card-actions .btn{font-size:.76rem}.clip-shelf-more{margin-top:22px}.clip-shelf-storage{font-size:.73rem;line-height:1.8;color:var(--muted);margin-top:26px}.clip-shelf-empty{border:1px dashed var(--line);border-radius:14px;padding:38px 24px;text-align:center;background:var(--panel)}.clip-shelf-empty>span{display:block;color:var(--gold);font-size:2.4rem;margin-bottom:15px}.clip-shelf-empty p{max-width:490px;margin:13px auto 24px;line-height:1.8;font-size:.9rem}
@media(max-width:1150px){.clip-shelf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.clip-shelf-grid{grid-template-columns:1fr;gap:16px}.clip-shelf-stage{padding:17px}.clip-shelf-stage-heading{align-items:start;flex-direction:column;gap:15px}.clip-shelf-stage-heading h2{font-size:1.25rem}.clip-shelf-note{font-size:.82rem;padding:12px;margin:18px 0}.clip-shelf-copy{padding:18px}.clip-shelf-library>.filters .filter{font-size:.73rem;padding:9px 11px}.clip-shelf-empty{padding:30px 18px}}
