.vce-comment-engine{max-width:820px;margin:28px auto;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#18202a}
.vce-card{background:#fff;border:1px solid #e6e9ef;border-radius:20px;padding:18px;box-shadow:0 8px 30px rgba(20,30,50,.06)}
.vce-heading{display:flex;align-items:center;gap:12px;margin-bottom:16px}.vce-heading strong{display:block;font-size:17px}.vce-heading span{display:block;font-size:12px;color:#7b8492;margin-top:2px}
.vce-avatar{width:42px;height:42px;min-width:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f0f3f8}
.vce-form{border:1px solid #e6e9ef;border-radius:16px;padding:14px}.vce-field{margin:0 0 12px}.vce-field label{display:block;font-weight:650;font-size:13px;margin-bottom:6px}.vce-field input,.vce-field textarea{width:100%;box-sizing:border-box;border:1px solid #d7dce5;border-radius:11px;padding:11px 12px;background:#fff;font:inherit;outline:none}.vce-field textarea{min-height:112px;resize:vertical}.vce-field input:focus,.vce-field textarea:focus{border-color:#5a6cff;box-shadow:0 0 0 3px rgba(90,108,255,.12)}.vce-field small{display:block;margin-top:5px;color:#7b8492}
.vce-guest-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.vce-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px}.vce-counter{font-size:12px;color:#7b8492}.vce-submit,.vce-inline-reply button{border:0;border-radius:10px;padding:10px 16px;cursor:pointer;font-weight:700}.vce-submit{background:#1e4fd7;color:#fff}.vce-submit:disabled{opacity:.55;cursor:wait}
.vce-message{min-height:20px;margin-top:9px;font-size:13px}.vce-login-required,.vce-error,.vce-empty,.vce-loading{padding:13px;border-radius:12px;background:#f7f8fa;margin-top:10px}.vce-error{border:1px solid #e5b7b7;background:#fff6f6}.vce-comments{margin-top:18px}.vce-comment{display:flex;gap:11px;padding:16px 3px;border-bottom:1px solid #edf0f4;margin-left:calc(var(--vce-depth) * 28px)}.vce-comment-body{min-width:0;flex:1}.vce-comment-head{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.vce-comment-head time,.vce-edited{font-size:11px;color:#7d8795}.vce-content{margin-top:5px;line-height:1.55;overflow-wrap:anywhere}.vce-actions{display:flex;gap:10px;margin-top:8px}.vce-actions button{border:0;background:none;padding:2px 0;color:#687384;cursor:pointer;font-size:12px}.vce-actions button:hover{text-decoration:underline}.vce-media-link{display:block}.vce-comment-media{max-width:min(360px,100%);max-height:280px;border-radius:12px;margin-top:9px;object-fit:cover}.vce-extra-fields{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.vce-extra-fields span{font-size:11px;padding:4px 7px;border-radius:7px;background:#f3f5f8}.vce-load-more{display:block;margin:14px auto 2px;padding:10px 15px;border:1px solid #d7dce5;border-radius:10px;background:#fff;cursor:pointer}.vce-inline-reply{margin-top:10px;padding:10px;background:#f7f8fa;border-radius:12px}.vce-inline-reply textarea{width:100%;min-height:80px;box-sizing:border-box;border:1px solid #d7dce5;border-radius:9px;padding:9px;font:inherit}.vce-inline-reply div{display:flex;gap:8px;margin-top:7px}.vce-inline-reply button{background:#1e4fd7;color:#fff}.vce-inline-reply button[data-cancel]{background:#e8ebf0;color:#202733}.vce-notice{padding:12px;border-radius:10px;background:#fff8e5}
@media(max-width:620px){.vce-card{padding:12px;border-radius:16px}.vce-guest-fields{grid-template-columns:1fr}.vce-comment{margin-left:calc(var(--vce-depth) * 12px)}.vce-actions{gap:8px}}