.bp-canvas{display:grid;gap:22px;min-width:0}
.bp-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:22px;align-items:start;min-width:0}
.bp-editor,.bp-preview-wrap,.bp-loading,.bp-error{min-width:0}
.bp-editor{padding:24px;display:grid;gap:22px}
.bp-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.bp-section-head>div{display:grid;gap:4px;min-width:0}
.bp-section-head span{font-size:10px;font-weight:800;letter-spacing:.16em;color:var(--p-violet-2,#b2a9ff)}
.bp-section-head h2{margin:0;font:800 23px/1.15 Manrope,Inter,sans-serif;letter-spacing:-.035em;color:var(--p-ink,#f7f8fb)}
.bp-unsaved{opacity:0;transform:translateY(-3px);transition:.18s ease;border:1px solid rgba(241,189,104,.22);background:rgba(241,189,104,.08);color:var(--p-yellow,#f1bd68)!important;border-radius:999px;padding:7px 10px;font-size:9px!important;white-space:nowrap}
.bp-unsaved.visible{opacity:1;transform:none}
.bp-avatar-row{display:grid;grid-template-columns:118px minmax(0,1fr);gap:20px;align-items:center;padding:19px;border:1px solid rgba(210,220,240,.09);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.038),rgba(255,255,255,.012))}
.bp-avatar-stage{width:118px;height:118px;border-radius:30px;display:grid;place-items:center;overflow:hidden;position:relative;background:radial-gradient(circle at 28% 18%,rgba(178,169,255,.28),transparent 42%),rgba(9,12,20,.86);border:1px solid rgba(190,181,255,.24);box-shadow:inset 0 1px rgba(255,255,255,.09),0 18px 36px rgba(0,0,0,.22)}
.bp-avatar-stage:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035);pointer-events:none}
.bp-avatar-stage img{width:100%;height:100%;object-fit:cover}
.bp-avatar-stage>span{font:800 36px/1 Manrope,sans-serif;color:#fff}
.bp-avatar-copy{display:grid;gap:7px;min-width:0}
.bp-avatar-copy>b{font:750 16px/1.2 Manrope,Inter,sans-serif;color:var(--p-ink,#f7f8fb)}
.bp-avatar-copy>p{margin:0;color:var(--p-copy,#b9c1cf);font-size:13px;line-height:1.55;max-width:650px}
.bp-avatar-copy>small{color:var(--p-muted,#8792a5);font-size:11px}
.bp-avatar-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:4px}
.bp-upload-button,.bp-secondary{height:39px;border-radius:11px;border:1px solid rgba(210,220,240,.13);font:700 12px/1 Inter,sans-serif;display:inline-flex;align-items:center;justify-content:center;padding:0 13px;cursor:pointer;transition:.16s ease}
.bp-upload-button{background:linear-gradient(135deg,rgba(139,125,255,.18),rgba(112,215,255,.09));border-color:rgba(178,169,255,.26);color:#f7f5ff}
.bp-upload-button:hover{transform:translateY(-1px);border-color:rgba(178,169,255,.46);background:linear-gradient(135deg,rgba(139,125,255,.26),rgba(112,215,255,.12))}
.bp-upload-button input{display:none}
.bp-secondary{background:rgba(255,255,255,.025);color:var(--p-copy,#b9c1cf)}
.bp-secondary:hover:not(:disabled){color:#fff;border-color:rgba(210,220,240,.24);background:rgba(255,255,255,.05)}
.bp-secondary:disabled{opacity:.4;cursor:not-allowed}
.bp-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.bp-field{display:grid;gap:8px;min-width:0}
.bp-field>span{display:flex;align-items:center;justify-content:space-between;gap:10px}
.bp-field>span b{font-size:12px;color:var(--p-copy,#b9c1cf)}
.bp-field>span em{font-style:normal;font-size:10px;color:var(--p-faint,#626d80);font-variant-numeric:tabular-nums}
.bp-field input,.bp-field textarea{width:100%;box-sizing:border-box;border:1px solid rgba(210,220,240,.12);background:rgba(5,8,14,.55);color:var(--p-ink,#f7f8fb);border-radius:13px;font:500 13px/1.45 Inter,sans-serif;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
.bp-field input{height:46px;padding:0 13px}
.bp-field textarea{resize:vertical;min-height:106px;padding:12px 13px}
.bp-field input:focus,.bp-field textarea:focus{border-color:rgba(178,169,255,.48);box-shadow:0 0 0 3px rgba(139,125,255,.09);background:rgba(7,10,17,.72)}
.bp-field input:disabled{opacity:.58;cursor:not-allowed}
.bp-field>small{color:var(--p-muted,#8792a5);font-size:10.5px;line-height:1.45}
.bp-field.locked>span b:after{content:" · BERECHTIGUNG FEHLT";font-size:8px;letter-spacing:.1em;color:var(--p-yellow,#f1bd68)}
.bp-savebar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:18px;border-top:1px solid rgba(210,220,240,.09)}
.bp-savebar>div{display:flex;align-items:center;gap:10px;min-width:0}
.bp-save-status{width:9px;height:9px;border-radius:99px;background:var(--p-green,#59dda8);box-shadow:0 0 0 4px rgba(89,221,168,.07),0 0 18px rgba(89,221,168,.28);flex:0 0 auto}
.bp-savebar p{margin:0;display:grid;gap:2px}
.bp-savebar b{font-size:11px;color:var(--p-copy,#b9c1cf)}
.bp-savebar small{font-size:10px;color:var(--p-faint,#626d80)}
.bp-preview-wrap{position:sticky;top:164px;display:grid;gap:12px;padding:18px;border:1px solid rgba(210,220,240,.1);border-radius:22px;background:linear-gradient(160deg,rgba(21,26,39,.69),rgba(11,15,24,.54));backdrop-filter:blur(22px) saturate(125%);box-shadow:inset 0 1px rgba(255,255,255,.055),0 20px 52px rgba(0,0,0,.19)}
.bp-preview-label{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px}
.bp-preview-label span{font-size:9px;font-weight:800;letter-spacing:.15em;color:var(--p-violet-2,#b2a9ff)}
.bp-preview-label small{font-size:10px;color:var(--p-faint,#626d80)}
.bp-discord-card{border:1px solid rgba(210,220,240,.11);border-radius:18px;overflow:hidden;background:#111318;box-shadow:0 22px 46px rgba(0,0,0,.28)}
.bp-discord-banner{height:82px;background:radial-gradient(circle at 74% 20%,rgba(112,215,255,.18),transparent 34%),radial-gradient(circle at 22% 80%,rgba(139,125,255,.28),transparent 38%),linear-gradient(135deg,#171927,#0d1018)}
.bp-preview-avatar-wrap{position:relative;width:84px;height:84px;margin:-43px 0 0 18px}
.bp-preview-avatar{width:84px;height:84px;border-radius:24px;object-fit:cover;background:#1d202a;border:6px solid #111318;box-sizing:border-box}
.bp-avatar-fallback{display:grid;place-items:center;font:800 26px/1 Manrope,sans-serif;color:#fff;background:linear-gradient(135deg,#7668e8,#4f92bd)}
.bp-preview-avatar-wrap>i{position:absolute;right:3px;bottom:5px;width:16px;height:16px;border-radius:50%;background:#23a55a;border:4px solid #111318;box-sizing:content-box}
.bp-discord-profile-copy{padding:10px 18px 19px;display:grid;gap:9px}
.bp-name-row{display:flex;align-items:center;gap:8px;min-width:0}
.bp-name-row h3{margin:0;font:800 19px/1.2 Manrope,Inter,sans-serif;color:#f2f3f5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bp-name-row span{font:800 8px/1 Inter,sans-serif;letter-spacing:.06em;padding:4px 5px;border-radius:4px;background:#5865f2;color:white}
.bp-discord-profile-copy>p{margin:0;min-height:38px;color:#dbdee1;font-size:12px;line-height:1.5;word-break:break-word}
.bp-discord-profile-copy>p em{color:#80848e;font-style:normal}
.bp-profile-divider{height:1px;background:#2b2d31;margin:4px 0 1px}
.bp-discord-profile-copy>strong{font-size:9px;letter-spacing:.08em;color:#b5bac1}
.bp-discord-profile-copy>small{font-size:11px;color:#dbdee1}
.bp-preview-note{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:12px;background:rgba(89,221,168,.045);border:1px solid rgba(89,221,168,.11)}
.bp-preview-note>span{width:7px;height:7px;border-radius:50%;margin-top:5px;background:var(--p-green,#59dda8);box-shadow:0 0 12px rgba(89,221,168,.5);flex:0 0 auto}
.bp-preview-note p{margin:0;color:var(--p-muted,#8792a5);font-size:10.5px;line-height:1.45}
.bp-loading,.bp-error{padding:22px;display:flex;align-items:center;gap:14px}
.bp-loading>span{width:20px;height:20px;border-radius:50%;border:2px solid rgba(178,169,255,.18);border-top-color:var(--p-violet-2,#b2a9ff);animation:bp-spin .8s linear infinite}
.bp-loading>div,.bp-error>div{display:grid;gap:3px;min-width:0}
.bp-loading b,.bp-error b{font-size:12px;color:var(--p-ink,#f7f8fb)}
.bp-loading small,.bp-error small{font-size:11px;color:var(--p-muted,#8792a5)}
.bp-error>span{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;color:var(--p-red,#ff8191);background:rgba(255,129,145,.07);border:1px solid rgba(255,129,145,.18);font-weight:800}
.bp-error button{margin-left:auto;height:36px;border-radius:10px;padding:0 12px;background:rgba(255,255,255,.04);border:1px solid rgba(210,220,240,.12);color:var(--p-copy,#b9c1cf);cursor:pointer}
.bp-hero-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@keyframes bp-spin{to{transform:rotate(360deg)}}
@media(max-width:1180px){.bp-grid{grid-template-columns:1fr}.bp-preview-wrap{position:relative;top:auto}.bp-preview-wrap{grid-row:auto}.bp-fields{grid-template-columns:1fr}.bp-discord-card{max-width:540px}}
@media(max-width:700px){.bp-editor{padding:17px}.bp-avatar-row{grid-template-columns:1fr}.bp-avatar-stage{width:96px;height:96px;border-radius:25px}.bp-savebar{align-items:stretch;flex-direction:column}.bp-savebar .button{width:100%}.bp-preview-label{align-items:flex-start;flex-direction:column}.bp-avatar-actions{display:grid}.bp-upload-button,.bp-secondary{width:100%;box-sizing:border-box}}