.bfp-xxl{--bg:#050b10;--panel:#0d1722;--line:rgba(255,255,255,.13);--text:#f6f8fb;--muted:#9dacbd;--orange:#ff6a13;--orange2:#ff951f;color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;width:min(1780px,calc(100% - 44px));margin:0 auto;padding:36px 0 76px}
.bfp-xxl *{box-sizing:border-box}
body:has(.bfp-xxl) .bfp-page-hero,body:has(.bfp-xxl) .entry-header,body:has(.bfp-xxl) .entry-title,body:has(.bfp-xxl) h1.entry-title,body:has(.bfp-xxl) .page-title,body.bfp-xxl-page .bfp-page-hero,body.bfp-xxl-page .entry-title,body.bfp-xxl-page h1.entry-title{display:none!important}
.bfp-xxl-hero{display:flex;justify-content:space-between;gap:26px;align-items:end;margin-bottom:24px;padding:30px 34px;border:1px solid rgba(255,255,255,.10);border-radius:30px;background:radial-gradient(circle at 76% 16%,rgba(255,106,19,.20),transparent 34%),linear-gradient(145deg,rgba(12,22,32,.92),rgba(4,8,13,.94));box-shadow:0 26px 90px rgba(0,0,0,.36)}
.bfp-xxl-hero span{display:block;color:var(--orange);text-transform:uppercase;font-weight:1000;letter-spacing:1.4px;margin-bottom:12px}
.bfp-xxl-hero h1{font-size:clamp(44px,6.5vw,92px);line-height:.88;margin:0 0 12px;text-transform:uppercase;letter-spacing:-2px}
.bfp-xxl-hero p{font-size:18px;color:#d5dde7;margin:0;max-width:820px}
.bfp-xxl-badge{max-width:390px;display:flex;align-items:center;gap:16px;border:1px solid var(--line);border-radius:22px;padding:18px;background:linear-gradient(135deg,rgba(255,106,19,.16),rgba(255,255,255,.05));box-shadow:0 24px 70px rgba(0,0,0,.25)}
.bfp-xxl-badge b{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,var(--orange),var(--orange2));color:#111;font-size:22px}
.bfp-xxl-badge p{margin:0;color:#dbe4ed;font-weight:800;line-height:1.35}
.bfp-xxl-layout{display:grid;grid-template-columns:430px minmax(0,1fr);gap:24px;align-items:start}
.bfp-xxl-panel,.bfp-xxl-stage-card,.bfp-xxl-info{border:1px solid var(--line);background:linear-gradient(145deg,rgba(14,25,36,.95),rgba(5,10,16,.97));border-radius:28px;box-shadow:0 26px 80px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.05)}
.bfp-xxl-panel{padding:18px;position:sticky;top:105px}
.bfp-xxl-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}
.bfp-xxl-tabs button{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);color:#dce5ef;border-radius:14px;padding:12px 8px;font-weight:1000;text-transform:uppercase;font-size:12px;cursor:pointer}
.bfp-xxl-tabs button.is-active{background:linear-gradient(135deg,var(--orange),var(--orange2));color:#fff;box-shadow:0 12px 34px rgba(255,106,19,.20)}
.bfp-xxl-pane{display:none}
.bfp-xxl-pane.is-active{display:block}
.bfp-xxl-pane h2{margin:0 0 14px;text-transform:uppercase}
.bfp-xxl-pane label{display:block;margin:14px 0 8px;font-size:12px;text-transform:uppercase;color:#d6dee8;font-weight:1000;letter-spacing:.7px}
.bfp-xxl-pane input[type=text],.bfp-xxl-pane select{width:100%;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#fff;border-radius:16px;padding:14px 15px;font-weight:800;outline:none}
.bfp-xxl-pane select option{color:#111}
.bfp-xxl-pane input[type=range]{width:100%;accent-color:var(--orange)}
.bfp-xxl-pane input[type=color]{width:100%;height:48px;border:1px solid rgba(255,255,255,.14);background:transparent;border-radius:14px;padding:4px}
.bfp-xxl-grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.bfp-xxl-btn,.bfp-xxl-download,.bfp-xxl-reset-all{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff;border-radius:16px;padding:13px 14px;font-weight:1000;text-transform:uppercase;letter-spacing:.4px;cursor:pointer;transition:.18s ease}
.bfp-xxl-btn:hover,.bfp-xxl-reset-all:hover{transform:translateY(-2px);border-color:rgba(255,106,19,.36);box-shadow:0 16px 36px rgba(0,0,0,.28)}
.bfp-xxl-download{width:100%;margin-top:16px;background:linear-gradient(135deg,var(--orange),var(--orange2));box-shadow:0 16px 42px rgba(255,106,19,.22)}
.bfp-xxl-reset-all{width:100%;margin-top:10px}
.bfp-xxl-upload{display:grid!important;place-items:center;min-height:158px;border:1px dashed rgba(255,106,19,.42);border-radius:22px;background:radial-gradient(circle at 50% 0,rgba(255,106,19,.18),transparent 48%),rgba(255,255,255,.045);cursor:pointer;text-align:center;color:#fff;font-weight:1000;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 50px rgba(0,0,0,.18)}
.bfp-xxl-upload input{display:none}
.bfp-xxl-upload span{display:flex;flex-direction:column;gap:8px;align-items:center}
.bfp-xxl-upload span:before{content:"↑";width:58px;height:58px;display:grid;place-items:center;border-radius:19px;background:rgba(255,106,19,.16);border:1px solid rgba(255,106,19,.38);color:#ff8a1e;font-size:32px}
.bfp-xxl-upload small{color:#9dacbd;margin-top:8px}
.bfp-xxl-upload.is-loaded{border-style:solid;border-color:rgba(255,106,19,.80);background:radial-gradient(circle at 50% 0,rgba(255,106,19,.28),transparent 48%),rgba(255,255,255,.07)}
.bfp-xxl-upload.is-loaded span:before{content:"✓";background:linear-gradient(135deg,var(--orange),var(--orange2));color:#111}
.bfp-xxl-check{display:flex!important;gap:10px;align-items:center;border:1px solid rgba(255,255,255,.10);border-radius:16px;padding:13px;background:rgba(255,255,255,.04)}
.bfp-xxl-note{color:#aebccc;line-height:1.45}
.bfp-xxl-stage-card{padding:24px;min-width:0}
.bfp-xxl-status{display:inline-flex;margin-bottom:14px;padding:10px 14px;border:1px solid rgba(255,255,255,.10);border-radius:999px;background:rgba(255,255,255,.045);color:#cbd6e3;font-weight:900}
.bfp-xxl-canvas-shell{position:relative;border:1px solid rgba(255,255,255,.12);border-radius:26px;overflow:hidden;background:linear-gradient(45deg,rgba(255,255,255,.025) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.025) 75%),linear-gradient(45deg,rgba(255,255,255,.025) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.025) 75%),radial-gradient(circle at 70% 20%,rgba(255,106,19,.14),transparent 38%),#03070c;background-size:28px 28px,28px 28px,auto,auto;background-position:0 0,14px 14px,center,center;display:grid;place-items:center;padding:16px;min-height:720px}
.bfp-xxl-canvas-shell:before{content:"Vorschau";position:absolute;left:22px;top:20px;z-index:3;padding:8px 12px;border-radius:999px;background:rgba(0,0,0,.46);border:1px solid rgba(255,255,255,.12);color:#cbd6e3;font-size:12px;font-weight:1000;text-transform:uppercase;letter-spacing:.7px;backdrop-filter:blur(12px)}
.bfp-xxl-canvas{display:block;max-width:100%;height:auto;min-height:240px;border-radius:18px;box-shadow:0 22px 70px rgba(0,0,0,.45);background:#050b10;cursor:grab}
.bfp-xxl-canvas:active{cursor:grabbing}
.bfp-xxl-quick{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.bfp-xxl-quick button{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff;border-radius:999px;padding:11px 15px;font-weight:900;cursor:pointer}
.bfp-xxl-quick button:hover{background:rgba(255,106,19,.16);border-color:rgba(255,106,19,.36)}
.bfp-xxl-info{margin-top:24px;padding:22px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.bfp-xxl-info article{border:1px solid rgba(255,255,255,.10);border-radius:20px;padding:18px;background:rgba(255,255,255,.04)}
.bfp-xxl-info h3{margin:0 0 8px;text-transform:uppercase}
.bfp-xxl-info p{margin:0;color:var(--muted);line-height:1.5}
@media(max-width:1100px){.bfp-xxl-layout{grid-template-columns:1fr}.bfp-xxl-panel{position:static}.bfp-xxl-canvas-shell{min-height:420px}.bfp-xxl-info{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.bfp-xxl{width:min(100% - 24px,1780px);padding-top:24px}.bfp-xxl-hero{display:block;padding:22px}.bfp-xxl-hero h1{font-size:44px}.bfp-xxl-badge{margin-top:18px}.bfp-xxl-grid2,.bfp-xxl-info{grid-template-columns:1fr}.bfp-xxl-tabs{grid-template-columns:1fr 1fr}.bfp-xxl-canvas-shell{padding:8px;min-height:280px}.bfp-xxl-panel,.bfp-xxl-stage-card,.bfp-xxl-info{border-radius:22px}}