.ccu-tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:14px;padding-top:18px}
.ccu-tool-card{background:#fff;border:1px solid #d6e3eb;border-radius:12px;padding:22px;box-shadow:0 6px 20px #183d540a}
.ccu-tool-card h3{color:#17394d;font-size:16px;margin:0 0 10px}.ccu-tool-card p{color:#607c8d;font-size:13px;line-height:1.6;min-height:44px}
.ccu-tool-card .chip{margin-top:10px}.ccu-media-upload{background:#f4f9fc;color:#25465a;padding:16px;margin:12px 0;border:1px solid #d6e4ed;border-radius:12px}
.ccu-media-upload input{display:block;max-width:100%;margin:12px 0;color:#25465a}.ccu-media-upload .sub{color:#567588}
.ccu-avatar-preview{width:100px;height:100px;object-fit:cover;border-radius:15px;display:block;background:#dfebf1}
.ccu-cover-preview{width:100%;height:auto;aspect-ratio:8/3;object-fit:cover;border-radius:8px;background:linear-gradient(110deg,#102f48,#285a70);display:block}
.ccu-avatar-preview:not([src]),.ccu-cover-preview:not([src]){display:none}
.ccu-personal-avatar img{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover}
.ccu-account-avatar img{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover}