.editor-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.editor-tabs button{font-size:13px;padding:12px 6px;border-radius:9px}.editor-controls [data-pane^=stage-]{border:1px solid #32343d;border-radius:18px;background:#181a1f}.stage-controls-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.stage-controls-grid input[type=color]{height:46px;width:100%;padding:4px}.stage-presets{display:flex;gap:10px;flex-wrap:wrap}.stage-presets button{flex:1;background:#272a33;color:#eee;border:1px solid #494d5b;border-radius:10px;min-width:90px}#stage-banner-preview{max-height:140px;width:100%;object-fit:cover;border-radius:12px}.stage-track-row{display:grid;gap:12px;border:1px solid #373a45;border-radius:12px;padding:16px;margin:12px 0}.stage-track-row button{background:#292c35;color:#eee}.custom-preview:not([data-layout=classic]) .preview-content{margin:32px 16px;padding:24px 20px;border:var(--stage-border-width,1px) solid color-mix(in srgb,var(--stage-border) 35%,transparent);border-radius:var(--stage-card-radius,24px);background:var(--stage-surface);backdrop-filter:blur(var(--stage-card-blur,18px));font-size:var(--stage-body-size,16px);position:relative}.custom-preview:not([data-layout=classic]) .preview-avatar{width:min(var(--stage-avatar-size),110px);height:min(var(--stage-avatar-size),110px);border-radius:var(--stage-avatar-radius,50%)}.custom-preview:not([data-layout=classic]) #preview-name{font-size:min(var(--stage-name-size),36px)}.custom-preview[data-layout=minimal] .preview-content{background:transparent;border:0;backdrop-filter:none}.stage-preview-banner{width:100%;height:100px;object-fit:cover;border-radius:12px;margin-bottom:20px}.stage-preview-info{opacity:.8;font-size:12px}.stage-preview-info p{margin:8px 0 18px}.stage-preview-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.custom-preview[data-avatar-glow=true] .preview-avatar{box-shadow:0 0 24px var(--stage-glow)}.custom-preview[data-name-effect=glow] #preview-name{text-shadow:0 0 18px var(--stage-glow)}.custom-preview[data-name-effect=gradient] #preview-name{background:linear-gradient(120deg,var(--text),var(--accent));background-clip:text;-webkit-background-clip:text;color:transparent}.custom-preview[data-social-mode=icons] #preview-buttons{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.custom-preview[data-social-mode=icons] .preview-button{padding:10px;background:transparent;border:0}.custom-preview[data-social-mode=icons] .preview-button>span{display:none}.custom-preview[data-social-mode=icons] .button-icon{width:var(--stage-icon-size);height:var(--stage-icon-size);color:var(--stage-icons)}.custom-preview[data-social-mode=both] #preview-buttons{display:grid;grid-template-columns:1fr 1fr}.custom-preview[data-social-mode=both] .preview-rich-card{grid-column:1/-1}.custom-preview[data-card-gradient=true] .preview-content{background:linear-gradient(140deg,color-mix(in srgb,var(--accent) 18%,transparent),var(--stage-surface) 70%)}@media(max-width:600px){.editor-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.editor-tabs button{font-size:12px;min-height:40px}.editor-controls section[data-pane^=stage-]{padding:18px}.stage-controls-grid{gap:12px}}

.custom-preview:not([data-layout=classic]) .preview-avatar{width:var(--stage-avatar-size,100px);height:var(--stage-avatar-size,100px);max-width:100%;aspect-ratio:1;flex-shrink:0}.custom-preview:not([data-layout=classic]) #preview-bio,.custom-preview:not([data-layout=classic]) .preview-button{font-size:var(--stage-body-size,16px)}.custom-preview .button-icon{color:var(--stage-icons,var(--text))}.custom-preview[data-icon-glow=true] .button-icon{filter:drop-shadow(0 0 6px var(--stage-glow))}.preview-button>span{min-width:0;overflow-wrap:anywhere}.preview-rich-card{min-width:0}.custom-preview[data-layout=banner] .stage-preview-banner{margin-bottom:-48px}.custom-preview[data-layout=banner] .preview-avatar{position:relative;border:5px solid var(--background)}@media(max-width:600px){.custom-preview[data-social-mode=both] #preview-buttons{grid-template-columns:1fr}}

.custom-preview[data-layout=classic] .preview-avatar{width:var(--stage-avatar-size,100px);height:var(--stage-avatar-size,100px);max-width:100%;border-radius:var(--stage-avatar-radius,50%)}.custom-preview[data-layout=classic] #preview-name{font-size:min(var(--stage-name-size,36px),36px)}.custom-preview[data-layout=classic] #preview-bio,.custom-preview[data-layout=classic] .preview-button{font-size:var(--stage-body-size,16px)}

/* Icon mode must not hide links without a pictogram or squeeze rich cards. */
.custom-preview[data-social-mode=icons] .preview-button:not(:has(svg))>span{display:inline;position:static;width:auto;height:auto;overflow:visible;clip-path:none;font-size:14px}.custom-preview[data-social-mode=icons] #preview-buttons>.preview-rich-card,.custom-preview[data-social-mode=icons] #preview-buttons>.preview-divider{flex:0 0 100%;width:100%}.custom-preview[data-social-mode=both] #preview-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.stage-preview-info{overflow-wrap:anywhere}.custom-preview .preview-avatar{box-sizing:border-box}.custom-preview #preview-name{line-height:1.25}@media(max-width:600px){.custom-preview[data-social-mode=both] #preview-buttons{grid-template-columns:minmax(0,1fr)}}

/* Video stays behind the content and beneath the dimming layer in every layout. */
.stage-preview-video{z-index:-1;filter:blur(var(--blur,0px));pointer-events:none}

/* Preview copy inherits the profile text color, not the dark editor chrome. */
.custom-preview .preview-content p{color:inherit}