.badges-module__MC6tbW__page{min-height:100vh;padding-top:var(--space-xl)}.badges-module__MC6tbW__hero{text-align:center;padding:var(--space-3xl)var(--space-lg)var(--space-xl)}.badges-module__MC6tbW__label{text-transform:uppercase;letter-spacing:.12em;color:#fbbf24;background:#fbbf2414;border:1px solid #fbbf2433;border-radius:999px;margin-bottom:16px;padding:4px 16px;font-size:.75rem;font-weight:700;display:inline-flex}.badges-module__MC6tbW__title{font-family:var(--font-display);color:var(--text-primary);font-size:clamp(2rem,5vw,3.2rem);font-weight:700}.badges-module__MC6tbW__accent{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.badges-module__MC6tbW__subtitle{color:var(--text-secondary);max-width:620px;margin:8px auto 0;font-size:1.05rem}.badges-module__MC6tbW__section{padding:0 0 var(--space-4xl)}.badges-module__MC6tbW__container{max-width:1000px;margin:0 auto;padding:0 24px}.badges-module__MC6tbW__layout{gap:24px;display:flex}.badges-module__MC6tbW__badgeList{flex-direction:column;flex-shrink:0;gap:8px;width:320px;display:flex}.badges-module__MC6tbW__badgeBtn{background:var(--glass-bg);border:1px solid var(--glass-border);cursor:pointer;text-align:left;border-radius:14px;gap:12px;padding:16px;transition:all .3s;display:flex}.badges-module__MC6tbW__badgeBtn:hover{border-color:#fbbf2433;transform:translateY(-1px);box-shadow:0 4px 16px #0003}.badges-module__MC6tbW__badgeBtnActive{background:#fbbf240d;border-color:#fbbf244d;box-shadow:inset 0 0 20px #fbbf2408}.badges-module__MC6tbW__badgeIcon{flex-shrink:0;font-size:1.8rem}.badges-module__MC6tbW__badgeName{color:var(--text-primary);font-size:.88rem;font-weight:700}.badges-module__MC6tbW__badgeDesc{color:var(--text-muted);margin-top:2px;font-size:.72rem;line-height:1.4}.badges-module__MC6tbW__config{flex-direction:column;flex:1;gap:16px;display:flex}.badges-module__MC6tbW__previewBox{background:var(--glass-bg);border:1px solid var(--glass-border);text-align:center;border-radius:16px;padding:24px;box-shadow:0 4px 20px #00000026}.badges-module__MC6tbW__previewLabel{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:16px;font-size:.68rem;font-weight:700}.badges-module__MC6tbW__previewBadge{justify-content:center;display:flex}.badges-module__MC6tbW__mockBadge{color:#fff;border:1px solid #fbbf2433;border-radius:999px;padding:8px 20px;font-size:.82rem;font-weight:700;display:inline-flex}.badges-module__MC6tbW__fieldsBox{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:14px;padding:20px}.badges-module__MC6tbW__fieldGroup{margin-bottom:10px}.badges-module__MC6tbW__fieldGroup:last-child{margin-bottom:0}.badges-module__MC6tbW__fieldLabel{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:4px;font-size:.72rem;font-weight:700;display:block}.badges-module__MC6tbW__fieldInput{background:var(--bg-deep);border:1px solid var(--border-subtle);width:100%;color:var(--text-primary);font-family:var(--font-mono);box-sizing:border-box;border-radius:8px;outline:none;padding:8px 12px;font-size:.82rem}.badges-module__MC6tbW__fieldInput:focus{border-color:#fbbf24;box-shadow:0 0 0 3px #fbbf241a}.badges-module__MC6tbW__codeBox{background:var(--bg-deep);border:1px solid var(--border-subtle);border-radius:14px;overflow:hidden}.badges-module__MC6tbW__codeHeader{border-bottom:1px solid var(--border-subtle);color:var(--text-muted);text-transform:uppercase;justify-content:space-between;align-items:center;padding:10px 16px;font-size:.72rem;font-weight:700;display:flex}.badges-module__MC6tbW__copyBtn{border:1px solid var(--border-medium);color:var(--text-secondary);font-family:var(--font-body);cursor:pointer;background:0 0;border-radius:6px;padding:4px 12px;font-size:.72rem;font-weight:600}.badges-module__MC6tbW__copyBtn:hover{color:#fbbf24;border-color:#fbbf24}.badges-module__MC6tbW__code{font-family:var(--font-mono);color:var(--text-secondary);white-space:pre-wrap;word-break:break-all;margin:0;padding:16px;font-size:.72rem;line-height:1.6;overflow-x:auto}@media (max-width:768px){.badges-module__MC6tbW__layout{flex-direction:column}.badges-module__MC6tbW__badgeList{width:100%}}.badges-module__MC6tbW__mockBadgeDark{background:linear-gradient(135deg,#0a0a0f,#1a1a2e)}