@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";body{font-family:Inter,sans-serif}.bg-wrapper{padding:40px;max-width:870px;margin:auto}.bg-title{font-size:28px;margin:64px 4px 4px;font-weight:600}.bg-subtitle{color:#555;margin-bottom:32px}.bg-label{display:block;margin-bottom:6px;font-weight:600;font-size:15px;color:#333}.bg-input{padding:12px;font-size:16px;width:110px;margin-bottom:24px;border:1px solid #ccc;border-radius:4px}.bg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;margin-top:10px;margin-bottom:30px}.bg-item{position:relative;cursor:pointer;border:3px solid transparent;border-radius:0;overflow:hidden;transition:border .2s ease-in-out}.bg-item.selected{border-color:#4caf50}.bg-thumb{width:100%;height:120px;object-fit:cover;display:block}.bg-placeholder{width:100%;height:120px;background-color:#eee;display:flex;justify-content:center;align-items:center;color:#888;font-size:14px}.bg-role-label{position:absolute;bottom:8px;right:8px;background:#ffffffe6;font-size:13px;font-weight:500;padding:3px 6px;border-radius:4px}.bg-button{background-color:#4caf50;color:#fff;font-size:16px;padding:14px 32px;border:none;border-radius:6px;cursor:pointer;width:100%;margin:0 auto;display:block}.bg-button:hover{background-color:#3e8e41}.bg-header{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem}.bg-intro{max-width:480px}@media (max-width: 768px){.bg-right{width:1px}.bg-wrapper{padding:15px}}