.community-credits-page{padding:0;overflow:hidden;background:#050d21;border:1px solid #174b7d;border-radius:15px;box-shadow:10px 14px 28px rgba(0,0,0,.5)}.credits-builder-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px;border-bottom:1px solid #184c7c;background:#07142d}.credits-builder-title,.credits-builder-actions,.credits-builder-title>span{display:flex;align-items:center}.credits-builder-title{gap:12px}.credits-builder-title>i{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;color:#25dfff;background:#112652;font-style:normal;box-shadow:inset 0 0 16px rgba(37,223,255,.2)}.credits-builder-title>span{align-items:flex-start;flex-direction:column}.credits-builder-title h1,.credits-builder-card h2{margin:0;color:#fff}.credits-builder-title h1{font-size:21px;text-transform:uppercase}.credits-builder-title p,.credits-builder-card p{margin:2px 0 0;color:#afbed3;font-size:13px}.credits-builder-actions{justify-content:flex-end;flex-wrap:wrap;gap:7px}.credits-builder-actions>span{color:#8fa2be;font-size:12px}.credits-builder-actions button,.credits-url-row button,.credits-controls button{min-height:36px;padding:0 12px;border:1px solid #1d5689;border-radius:9px;color:#dcecff;background:#071a38;cursor:pointer}.credits-builder-actions .primary{color:#03131d;background:#25dfff;border-color:#25dfff;font-weight:800}.credits-builder-workspace{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:14px;padding:14px}.credits-builder-column{display:flex;flex-direction:column;gap:14px}.credits-builder-card{padding:15px;border:1px solid #143f69;border-radius:13px;background:#07142c;box-shadow:7px 9px 18px rgba(0,0,0,.35)}.credits-builder-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}.credits-builder-card h2{font-size:15px;text-transform:uppercase}.credits-builder-card header>span{color:#25dfff;font:600 12px 'DM Mono',monospace}.credits-preview-card iframe{display:block;width:100%;height:560px;border:1px solid #174b7d;border-radius:12px;background:#020918}.credits-controls{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.credits-controls button:hover,.credits-builder-actions button:hover{border-color:#25dfff;box-shadow:0 0 14px rgba(37,223,255,.18)}.credits-controls .danger{border-color:#77304d;color:#ff8db9}.credits-url-row{display:flex;gap:8px}.credits-url-row input{min-width:0;flex:1;height:38px;padding:0 10px;border:1px solid #1d5689;border-radius:9px;color:#c8dcf5;background:#030b1c}.credits-settings{display:grid;grid-template-columns:1fr 1fr;gap:11px}.credits-settings label{display:flex;flex-direction:column;gap:5px;color:#c9d7ea;font-size:12px;font-weight:700}.credits-settings .wide{grid-column:1/-1}.credits-settings input:not([type=checkbox]):not([type=color]),.credits-settings select{width:100%;height:38px;padding:0 9px;border:1px solid #1b4f80;border-radius:8px;color:#fff;background:#030c1f}.credits-settings input[type=color]{width:100%;height:38px;padding:3px;border:1px solid #1b4f80;border-radius:8px;background:#030c1f}.credits-settings input[type=range]{accent-color:#25dfff}.credits-settings output{color:#25dfff;font:600 11px 'DM Mono',monospace}.credits-check-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.credits-check-grid label,.credits-enable{display:flex;align-items:center;flex-direction:row;gap:8px;padding:9px;border:1px solid #143f69;border-radius:8px;background:#061126;color:#d8e6f8;font-size:12px}.credits-check-grid input,.credits-enable input{accent-color:#25dfff}.credits-builder-note{color:#8fa2be;font-size:12px;line-height:1.55}@media(max-width:1100px){.credits-builder-header{align-items:flex-start;flex-direction:column}.credits-builder-workspace{grid-template-columns:1fr}.credits-preview-card iframe{height:500px}}@media(max-width:650px){.credits-builder-workspace{padding:9px}.credits-settings,.credits-check-grid{grid-template-columns:1fr}.credits-settings .wide{grid-column:auto}.credits-controls{grid-template-columns:repeat(2,1fr)}}
.credits-builder-card>header>button{min-height:32px;padding:0 11px;border:1px solid #74405a;border-radius:8px;color:#ff9fbd;background:#281120;cursor:pointer}.credits-settings input[type=file]{height:auto!important;padding:9px!important}.credits-settings small{color:#8fa2be;font-weight:500}.credits-settings-nested{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding-top:3px}.credits-settings-nested[hidden]{display:none}.credits-settings-nested .wide{grid-column:1/-1}@media(max-width:650px){.credits-settings-nested{grid-template-columns:1fr}.credits-settings-nested .wide{grid-column:auto}}
.credits-type-grid{display:flex;flex-direction:column;gap:7px}.credits-type-row{display:grid;grid-template-columns:minmax(150px,1fr) minmax(190px,1.25fr) 74px;align-items:center;gap:10px;padding:9px 10px;border:1px solid #143f69;border-radius:9px;background:#061126}.credits-type-row>strong{color:#e6f1ff;font-size:12px}.credits-type-row label{display:grid;grid-template-columns:auto auto;align-items:center;gap:4px;color:#aebfd6;font-size:11px;font-weight:700}.credits-type-row label input[type=range]{grid-column:1/-1;width:100%;accent-color:#25dfff}.credits-type-row label input[type=color]{grid-column:1/-1;width:100%;height:30px;padding:2px;border:1px solid #1b4f80;border-radius:7px;background:#030c1f}.credits-type-row .credits-type-toggle{grid-column:2/-1;display:flex;align-items:center;gap:7px;padding-top:2px;color:#c8d8eb}.credits-type-toggle input{accent-color:#25dfff}.credits-type-row output{justify-self:end;color:#25dfff;font:600 10px 'DM Mono',monospace}@media(max-width:650px){.credits-type-row{grid-template-columns:1fr 1fr}.credits-type-row>strong{grid-column:1/-1}.credits-type-row .credits-type-toggle{grid-column:1/-1}}
.credits-type-format{grid-column:2/-1;display:flex;align-items:center;gap:6px}.credits-type-format label{display:block}.credits-type-format input{position:absolute;opacity:0;pointer-events:none}.credits-type-format span{display:grid;place-items:center;width:29px;height:27px;border:1px solid #1b4f80;border-radius:7px;color:#aebfd6;background:#031027;cursor:pointer;transition:border-color .15s,box-shadow .15s,color .15s,background .15s}.credits-type-format input:checked+span{border-color:#25dfff;color:#fff;background:#0b3560;box-shadow:0 0 10px rgba(37,223,255,.2)}.credits-type-format .format-bold{font-weight:900}.credits-type-format .format-italic{font-style:italic}.credits-type-format .format-underline{text-decoration:underline}@media(max-width:650px){.credits-type-format{grid-column:1/-1}}