.customization-group{display:grid;gap:8px}.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.choice-grid input{position:absolute;opacity:0}.choice-grid span{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;border:1px solid #26344a;border-radius:11px;background:#0b1320;color:#8fa2bd;font-size:11px;font-weight:800;cursor:pointer}.choice-grid input:checked+span{border-color:#3b82f6;background:#14284a;color:#fff}.animation-grid{display:grid;gap:12px;padding:16px;border:1px solid #202d40;border-radius:14px;background:#0b121d}
.phone-preview{padding:13px 12px 22px!important;background-image:var(--preview-background-image);background-position:center;background-size:cover}.phone-preview:after{content:"";position:absolute;inset:0;z-index:0;background:rgba(0,0,0,var(--preview-overlay,.35));pointer-events:none}.phone-preview>*{position:relative;z-index:1}.phone-preview-top{margin:0 auto 12px!important}.phone-preview-cover{display:none;width:100%;height:105px;border-radius:15px;background:center/cover no-repeat}.phone-preview-cover.has-image{display:block}.phone-preview-avatar{background-position:center!important;background-size:cover!important}.phone-preview-avatar.has-image i{display:none}.phone-preview-cover.has-image+.phone-preview-avatar{margin-top:-34px!important;box-shadow:0 0 0 4px var(--preview-bg)}.phone-preview.preview-layout-card{padding:13px 12px 22px!important;border:1px solid color-mix(in srgb,var(--preview-text) 16%,transparent)}.phone-preview.preview-layout-compact{width:min(100%,245px);min-height:390px}.phone-preview.preview-layout-compact .phone-preview-cover{height:82px}.phone-preview.preview-layout-compact .phone-preview-avatar{width:56px;height:56px}.phone-preview.preview-buttons-square .phone-preview-links span{border-radius:4px}.phone-preview.preview-buttons-pill .phone-preview-links span{border-radius:999px}.phone-preview.preview-style-outline .phone-preview-links span{border:2px solid var(--preview-button);background:transparent;color:var(--preview-button)}.phone-preview.preview-style-soft .phone-preview-links span{border:1px solid var(--preview-button);background:color-mix(in srgb,var(--preview-button) 28%,transparent)}.phone-preview.preview-style-glass .phone-preview-links span{border:1px solid rgba(255,255,255,.2);background:color-mix(in srgb,var(--preview-button) 30%,transparent);backdrop-filter:blur(8px)}
.phone-preview .phone-preview-links span{color:var(--preview-button-text,#fff)}.phone-preview [data-preview-logo][data-animation="float"]{animation:editor-float 4s ease-in-out infinite}.phone-preview [data-preview-logo][data-animation="pulse"]{animation:editor-pulse 3.5s ease-in-out infinite}.phone-preview [data-preview-logo][data-animation="reveal"],.phone-preview [data-preview-cover][data-animation="reveal"]{animation:editor-reveal .8s both}.phone-preview [data-preview-cover][data-animation="zoom"]{animation:editor-cover-zoom 12s ease-in-out infinite alternate}.phone-preview.preview-background-drift{animation:editor-background-drift 14s ease-in-out infinite alternate}.phone-preview.preview-background-zoom{animation:editor-background-zoom 16s ease-in-out infinite alternate}@keyframes editor-float{50%{transform:translateY(-5px)}}@keyframes editor-pulse{50%{transform:scale(1.05)}}@keyframes editor-reveal{from{opacity:0;transform:translateY(10px)}}@keyframes editor-cover-zoom{to{background-size:110%}}@keyframes editor-background-drift{to{background-position:54% 47%}}@keyframes editor-background-zoom{to{background-size:115%}}
@media(max-width:430px){.choice-grid{grid-template-columns:1fr}}