.clip-wrap{max-width:1200px;margin:0 auto;min-height:75vh;padding:48px 28px 95px}.clip-wrap h1{font-size:25px;margin:0 0 28px;font-weight:650}.clip-actions{display:flex;justify-content:space-between;align-items:center;margin:0 0 18px;min-height:30px;color:#777}.link-button{border:0;background:transparent;text-decoration:underline;color:#222;padding:5px}.link-button:disabled{color:#aaa;cursor:default}.clip-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:38px 24px}.clip-card{min-width:0}.clip-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:34px;font-size:12px;color:#555}.clip-card-head label{display:flex;gap:7px;align-items:center;min-width:0}.clip-card-head input{accent-color:#962424}.clip-trash{border:0;background:none;padding:6px;color:#444}.clip-trash:hover{color:#962424}.clip-image{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border:1px solid #ddd;background:#fafafa;overflow:hidden}.clip-image img{max-width:100%;max-height:100%;object-fit:contain}.clip-title{font-size:12px;line-height:1.5;margin:9px 0 0;overflow-wrap:anywhere}.clip-pagination{display:flex;justify-content:center;gap:7px;margin-top:55px}.clip-pagination button{border:0;background:#eee;padding:9px 13px}.clip-pagination button.active{background:#962424;color:white}#clipMessage{color:#777}#clipMessage.error{color:#962424}#clipConfirm{border:0;border-radius:7px;box-shadow:0 10px 60px #0004;max-width:90vw;width:400px;padding:28px}#clipConfirm::backdrop{background:#0007}#clipConfirm h2{font-size:19px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:30px}.dialog-actions button{padding:10px 18px;border:0;border-radius:4px}.dialog-actions .danger{background:#bd2637;color:#fff}@media(max-width:850px){.clip-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.clip-wrap{padding:28px 16px 70px}.clip-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 12px}}