/**handles:soc-style**/
.soc-filters{display:flex;flex-wrap:wrap;gap:12px;margin:15px 0 24px}.soc-filters label{display:flex;flex-direction:column;font-size:13px;gap:4px}.soc-filters select{min-width:150px;padding:9px;border:1px solid #ccc;border-radius:6px;background:#fff}.soc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:20px}.soc-card{position:relative;min-width:0;border:1px solid #e2e5e8;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 3px 12px #0000000a;color:#20252a;max-width:340px}.soc-card[hidden],.soc-empty[hidden],.soc-modal[hidden]{display:none!important}.soc-cover{display:block;width:100%;aspect-ratio:210/297;border:0;background:#f2f3f4;cursor:pointer;padding:0;overflow:hidden}.soc-cover canvas,.soc-cover img{width:100%;height:100%;object-fit:contain;display:block}.soc-preview-fallback{display:flex;align-items:center;justify-content:center;height:100%;color:#777}.soc-card-body{display:flex;flex-direction:column;gap:8px;padding:14px}.soc-card-body strong{font-size:15px;line-height:1.35}.soc-card-body small{font-size:12px;color:#656b70}.soc-button{background:#176ab2!important;color:#fff!important;border:0;border-radius:7px;padding:10px;cursor:pointer;font-weight:600}.soc-share{color:#16844b;text-align:center;font-size:13px}.soc-badge{position:absolute;top:10px;right:10px;background:#b52828;color:#fff;border-radius:5px;padding:4px 9px;font-size:12px}.soc-single{max-width:280px;margin:25px auto}.soc-modal{position:fixed;inset:0;z-index:999999;background:#000c;display:flex;justify-content:center;align-items:center;padding:16px}.soc-modal-panel{background:#fff;border-radius:10px;width:min(100%,1050px);height:min(95vh,1000px);display:flex;flex-direction:column;overflow:hidden;color:#222}.soc-modal-panel header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-bottom:1px solid #ddd}.soc-close{border:0;background:0 0;font-size:32px;cursor:pointer}.soc-toolbar{display:flex;justify-content:center;gap:10px;padding:10px;border-bottom:1px solid #ddd}.soc-toolbar button{padding:7px 12px;border:1px solid #ddd;background:#f7f7f7;border-radius:6px;cursor:pointer}.soc-canvas-wrap{flex:1;overflow:auto;background:#e6e6e6;text-align:center;padding:12px}.soc-page{max-width:none;background:#fff;box-shadow:0 1px 8px #0003}.soc-error{text-align:center;color:#a22}.soc-no-scroll{overflow:hidden}@media(max-width:600px){.soc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.soc-card-body{padding:9px}.soc-filters select{min-width:120px}.soc-toolbar{gap:4px}.soc-toolbar button{padding:6px}}