.wd-shell{margin-top:24px;border:1px solid #27354d;border-radius:18px;background:#080d15;overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,.35)}
.wd-head{padding:18px 20px;background:linear-gradient(180deg,#111a29,#0d1521);border-bottom:1px solid #27354d;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.wd-head h3{margin:0;font-size:20px;font-weight:850;letter-spacing:-.02em;color:#f7f9ff}.wd-head p{margin:6px 0 0;color:#8190a8;font-size:12px;line-height:1.5;max-width:720px}.wd-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.wd-actions .server-button{min-height:38px;padding:9px 13px;border-radius:9px}
.wd-layout{display:grid;grid-template-columns:220px minmax(0,1fr) 285px;min-height:calc(100vh - 250px);background:#070b12}
.wd-panel{padding:16px;background:linear-gradient(180deg,#0c1420,#09111b);border-right:1px solid #26344a;min-width:0}.wd-panel:last-child{border-right:0;border-left:1px solid #26344a}
.wd-panel-title{font-size:11px;font-weight:900;color:#aab8ce;text-transform:uppercase;letter-spacing:.12em;margin:3px 2px 11px}.wd-panel-title::after{content:"";display:block;width:28px;height:2px;margin-top:6px;border-radius:3px;background:#8b3dff;box-shadow:0 0 10px rgba(139,61,255,.6)}
.wd-tool{width:100%;min-height:43px;padding:10px 11px;border:1px solid #25344b;background:linear-gradient(180deg,#111c2b,#0d1725);color:#e8eef8;border-radius:10px;text-align:left;cursor:pointer;margin-bottom:7px;font-weight:750;font-size:12px;display:flex;align-items:center;gap:9px;transition:.15s ease;box-shadow:0 5px 16px rgba(0,0,0,.12)}
.wd-tool:hover{background:linear-gradient(180deg,#18263a,#111d2e);border-color:#7050d8;transform:translateY(-1px);box-shadow:0 7px 20px rgba(75,40,150,.2)}
.wd-divider{height:1px;background:#202d40;margin:16px 0}.wd-small{font-size:11px;color:#71829d;line-height:1.55}.wd-small code{color:#c7a8ff;background:#141126;border:1px solid #30245a;border-radius:5px;padding:2px 4px}
.wd-select{width:100%;background:#0a121e;border:1px solid #2a3a51;color:#edf4ff;border-radius:8px;padding:9px}
.wd-canvas-wrap{padding:54px 0 0;background:radial-gradient(circle at 50% 35%,#101b2b 0,#070b12 62%);display:block;min-width:0;min-height:calc(100vh - 250px);overflow:hidden;position:relative;touch-action:none}.wd-canvas-wrap.wd-panning{cursor:grabbing}.wd-canvas-wrap.wd-hand{cursor:grab}
.wd-canvas-wrap::before{content:"CANVAS • 2600 × 900";position:absolute;top:9px;left:20px;color:#52647d;font-size:9px;font-weight:900;letter-spacing:.12em}
.wd-canvas-toolbar{position:absolute;top:10px;right:16px;z-index:30;display:flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid #2b3b53;border-radius:9px;background:rgba(8,13,21,.92);backdrop-filter:blur(10px);box-shadow:0 8px 25px rgba(0,0,0,.3)}
.wd-canvas-toolbar button{border:1px solid #30415a;background:#111c2a;color:#dbe7f7;border-radius:6px;padding:5px 9px;cursor:pointer;font-size:11px;font-weight:800}.wd-canvas-toolbar button:hover{border-color:#7653d8;background:#19263a}.wd-canvas-toolbar span{font-size:10px;color:#9eacc0;font-weight:800;min-width:40px;text-align:center}.wd-canvas-toolbar .wd-canvas-size{margin-left:4px;padding-left:8px;border-left:1px solid #2b3b53;color:#657792;min-width:auto}
.wd-stage{position:absolute;left:0;top:54px;width:2600px;height:900px;min-width:2600px;max-width:none;aspect-ratio:auto;transform-origin:0 0;position:absolute;background:#090d16;border:1px solid #33435b;border-radius:14px;overflow:hidden;box-shadow:0 28px 80px rgba(0,0,0,.5),0 0 0 1px rgba(139,92,246,.05);user-select:none;flex:0 0 auto;will-change:transform}.wd-stage.wd-stage-hand{cursor:grab}.wd-stage.wd-stage-hand:active{cursor:grabbing}
.wd-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}
.wd-element{position:absolute;box-sizing:border-box;cursor:move;display:flex;align-items:flex-start;overflow:visible;white-space:pre-wrap;word-break:break-word}.wd-element.selected{outline:1px dashed #a970ff;box-shadow:0 0 0 3px rgba(139,92,246,.14),0 0 24px rgba(139,61,255,.1)}
.wd-element .wd-handle{position:absolute;width:10px;height:10px;border-radius:3px;background:#fff;border:2px solid #7c3aed;right:-5px;bottom:-5px;cursor:nwse-resize;display:none;box-shadow:0 0 10px rgba(139,61,255,.7)}.wd-element.selected .wd-handle{display:block}
.wd-element .wd-delete-handle{position:absolute;right:-11px;top:-11px;width:23px;height:23px;border:1px solid #ff6b81;border-radius:50%;background:#27131a;color:#fff;font-size:14px;line-height:19px;text-align:center;padding:0;cursor:pointer;display:none;z-index:20;box-shadow:0 4px 12px rgba(0,0,0,.35)}.wd-element.selected .wd-delete-handle{display:block}.wd-element .wd-delete-handle:hover{background:#e5485d;border-color:#ffb0bb}
.wd-label{position:absolute;top:-20px;left:0;font-size:8px;font-weight:900;letter-spacing:.06em;color:#c4a5ff;background:#0d1020;border:1px solid #34255e;padding:3px 6px;border-radius:5px;pointer-events:none;white-space:nowrap}.wd-avatar{border-radius:50%;object-fit:cover;border:5px solid #8b3dff;box-shadow:0 0 24px rgba(139,61,255,.45)}.wd-server-icon{border-radius:20%;object-fit:cover}

    .wd-color-editor{display:grid;gap:8px}
    .wd-color-row{display:grid;grid-template-columns:34px 1fr;gap:8px;align-items:center}
    .wd-color-picker{width:34px;height:34px;padding:2px;border:1px solid #30415c;border-radius:8px;background:#0c1422;cursor:pointer}
    .wd-color-hex{width:100%;box-sizing:border-box}
    .wd-rgb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
    .wd-rgb-grid input{width:100%;box-sizing:border-box}
    .wd-color-preview{height:8px;border-radius:999px;border:1px solid #263750;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}

    .wd-prop{margin-bottom:11px}.wd-prop label{display:block;color:#8292aa;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;margin-bottom:5px}.wd-prop input,.wd-prop select,.wd-prop textarea{width:100%;box-sizing:border-box;background:#080f19;color:#eef4ff;border:1px solid #29384f;border-radius:8px;padding:9px;outline:none;font-size:12px}.wd-prop input:focus,.wd-prop select:focus,.wd-prop textarea:focus{border-color:#7653d8;box-shadow:0 0 0 3px rgba(118,83,216,.1)}
.wd-two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.wd-check{display:flex!important;align-items:center;gap:7px;text-transform:none!important;letter-spacing:0!important;color:#c3d0e3!important;font-size:11px!important}.wd-check input{width:auto!important}.wd-layer-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.wd-layer-row button{padding:8px;border:1px solid #2a3950;background:#0d1725;color:#c5d2e5;border-radius:7px;cursor:pointer}.wd-layer-row button:hover{background:#182438;border-color:#6950c8}
.wd-status{font-size:11px;color:#8ea1bb}.wd-toast{padding:10px 11px;border-radius:9px;background:#0b1420;border:1px solid #24344c;color:#9fb0c7;font-size:11px;line-height:1.45}
.wd-background-card{padding:12px;border:1px solid #26364e;border-radius:11px;background:#0b1420}.wd-background-card .wd-prop:last-child{margin-bottom:0}.wd-hidden{display:none!important}
.wd-head .server-button.secondary{background:#111c2a;border:1px solid #2a3a51}.wd-head .server-button:not(.secondary){background:linear-gradient(135deg,#7047e8,#8b3dff);box-shadow:0 8px 24px rgba(104,57,220,.28)}
.wd-focus-button{background:#111c2a!important;border:1px solid #2a3a51!important}
.wd-shell.wd-fullscreen{position:fixed;inset:10px;z-index:99999;margin:0!important;width:auto;max-width:none;background:#070b12;box-shadow:0 30px 100px rgba(0,0,0,.75)}
.wd-shell.wd-fullscreen .wd-layout{min-height:calc(100vh - 122px);height:calc(100vh - 122px)}
.wd-shell.wd-fullscreen .wd-canvas-wrap{min-height:0;height:100%;padding:54px 0 0}.wd-shell.wd-fullscreen .wd-stage{width:2600px;min-width:2600px}
body.wd-editor-lock{overflow:hidden}

@media(max-width:1250px){.wd-layout{grid-template-columns:225px minmax(450px,1fr) 280px}}@media(max-width:1050px){.wd-layout{grid-template-columns:190px minmax(0,1fr)}.wd-panel:last-child{grid-column:1/-1;border-left:0;border-top:1px solid #26344a}.wd-panel:last-child .wd-prop{display:inline-block;width:calc(50% - 8px);margin-right:10px;vertical-align:top}}@media(max-width:760px){.wd-layout{display:block}.wd-panel{border:0!important;border-bottom:1px solid #26344a}.wd-canvas-wrap{padding:28px 10px 12px}.wd-head{align-items:flex-start}.wd-actions{width:100%}.wd-actions .server-button{flex:1}.wd-prop{width:100%!important;margin-right:0!important}}


/* Reforger Manager v3.8.84 — focused, resizable Welcome Designer workspace.
   UI dimensions only. Saved 2600x900 element coordinates are never rewritten. */
.welcome-designer-page .wd-shell{margin-top:12px;--wd-left:265px;--wd-right:315px}
.welcome-designer-page .wd-head{gap:14px;align-items:center;padding:16px 18px}
.welcome-designer-page .wd-head>div:first-child{flex:1 1 245px;min-width:190px}
.welcome-designer-page .wd-head h3{font-size:18px}
.welcome-designer-page .wd-head p{max-width:460px}
.welcome-designer-page .wd-actions{display:flex;flex:0 1 auto;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:7px;min-width:0}
.welcome-designer-page .wd-actions>.server-button{box-sizing:border-box;display:inline-flex;width:auto!important;min-height:36px;align-items:center;justify-content:center;flex:0 0 auto;margin:0;padding:8px 11px;font-size:11px;line-height:1.15;white-space:nowrap;cursor:pointer}
.welcome-designer-page .wd-actions .server-button:focus-visible,.wd-canvas-toolbar button:focus-visible,.wd-layer-item button:focus-visible{outline:2px solid #a797ff;outline-offset:2px}
.welcome-designer-page .wd-actions button[aria-pressed="false"]{opacity:.65}
.welcome-designer-page .wd-layout{height:clamp(560px,70vh,850px);min-height:0;grid-template-columns:var(--wd-left) 6px minmax(0,1fr) 6px var(--wd-right)}
.welcome-designer-page .wd-panel{overflow:auto;min-height:0;overscroll-behavior:contain;scrollbar-color:#384b70 #0b1420;scrollbar-width:thin}
.welcome-designer-page .wd-left-panel{border-right:0}
.welcome-designer-page .wd-right-panel{border-left:0}
.welcome-designer-page .wd-canvas-wrap{min-height:0!important;height:100%;padding:0;background:radial-gradient(circle at 50% 40%,#101b2b 0,#070b12 64%)}
.welcome-designer-page .wd-canvas-wrap .wd-stage{top:54px}
.welcome-designer-page .wd-resizer{background:linear-gradient(180deg,#18273e,#121f32);cursor:col-resize;touch-action:none;position:relative;z-index:5}
.welcome-designer-page .wd-resizer:hover,.welcome-designer-page .wd-resizer:focus-visible{background:#7254e3;outline:none}
.welcome-designer-page .wd-resizer::after{content:'';position:absolute;top:45%;left:2px;width:2px;height:34px;border-radius:2px;background:#7889a5}
.welcome-designer-page .wd-shell.wd-left-closed .wd-layout{--wd-left:0px;grid-template-columns:0px 0px minmax(0,1fr) 6px var(--wd-right)}
.welcome-designer-page .wd-shell.wd-right-closed .wd-layout{--wd-right:0px;grid-template-columns:var(--wd-left) 6px minmax(0,1fr) 0px 0px}
.welcome-designer-page .wd-shell.wd-left-closed.wd-right-closed .wd-layout{grid-template-columns:0px 0px minmax(0,1fr) 0px 0px}
.welcome-designer-page .wd-shell.wd-left-closed .wd-left-panel,.welcome-designer-page .wd-shell.wd-left-closed .wd-resizer-left,.welcome-designer-page .wd-shell.wd-right-closed .wd-right-panel,.welcome-designer-page .wd-shell.wd-right-closed .wd-resizer-right{display:none}
.welcome-designer-page .wd-canvas-toolbar{left:50%;right:auto;transform:translateX(-50%);max-width:calc(100% - 16px);flex-wrap:wrap;justify-content:center}
.welcome-designer-page .wd-layer-item{display:grid;grid-template-columns:minmax(0,1fr) repeat(4,24px);gap:3px;align-items:center;padding:4px;border:1px solid #25354e;border-radius:8px;margin-bottom:5px;background:#0e1929}
.welcome-designer-page .wd-layer-item.active{background:#181a38;border-color:#7354d7}
.welcome-designer-page .wd-layer-item button{border:0;background:transparent;color:#b9c9df;cursor:pointer;border-radius:5px;min-height:25px;min-width:0;padding:2px;font-size:11px}
.welcome-designer-page .wd-layer-item button:hover:not(:disabled){background:#29324e;color:#fff}
.welcome-designer-page .wd-layer-item button:disabled{opacity:.25;cursor:default}
.welcome-designer-page .wd-layer-item .wd-layer-select{text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:650;padding-left:5px}
.welcome-designer-page .wd-layer-item.active .wd-layer-select{color:#eee3ff}
.welcome-designer-page .wd-layers-heading{display:flex;justify-content:space-between}
.welcome-designer-page .wd-layers-heading>span{letter-spacing:0;color:#94a8d6}
.welcome-designer-page .wd-stage .wd-element.wd-locked{cursor:default}
.welcome-designer-page .wd-stage .wd-element.wd-locked .wd-handle,.welcome-designer-page .wd-stage .wd-element.wd-locked .wd-delete-handle{display:none}
.welcome-designer-page .wd-stage .wd-element.wd-locked .wd-label::after{content:' · 🔒'}
.welcome-designer-page .wd-shell.wd-fullscreen .wd-layout{min-height:0;height:calc(100vh - 170px)}
.welcome-designer-page .wd-shell.wd-fullscreen .wd-canvas-wrap{height:100%;padding:0}
.wd-preview-modal{position:fixed;inset:0;z-index:110000;background:rgba(2,6,16,.88);display:flex;align-items:center;justify-content:center;padding:18px;box-sizing:border-box;backdrop-filter:blur(8px)}
.wd-preview-dialog{width:min(1420px,100%);max-height:calc(100vh - 36px);display:flex;flex-direction:column;overflow:hidden;border:1px solid #344667;border-radius:16px;background:#0b1320;box-shadow:0 35px 100px #000b}
.wd-preview-header{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 17px;border-bottom:1px solid #30415b;color:#e9f0ff}
.wd-preview-header strong{display:block;font-size:16px}.wd-preview-header small{display:block;font-size:11px;color:#9caecc;margin-top:4px}
.wd-preview-header button{background:#212943;color:#e6eaff;border:1px solid #405479;border-radius:8px;padding:9px 13px;cursor:pointer;white-space:nowrap}
.wd-preview-area{min-height:160px;height:min(75vh,780px);display:flex;align-items:center;justify-content:center;overflow:auto;background:#070c15;padding:16px;box-sizing:border-box}
.wd-preview-scaler{position:relative;flex-shrink:0}
.wd-preview-stage{position:absolute!important;left:0!important;top:0!important;width:2600px!important;height:900px!important;min-width:2600px!important;max-width:none!important;transform-origin:0 0!important;pointer-events:none;user-select:none;border-radius:0}
.wd-preview-stage .wd-grid{display:none}
@media(max-width:1400px){
  .welcome-designer-page .wd-head{align-items:flex-start}
  .welcome-designer-page .wd-head>div:first-child{flex-basis:100%}
  .welcome-designer-page .wd-actions{justify-content:flex-start}
}
@media(max-width:1030px){
  .welcome-designer-page .wd-layout{grid-template-columns:220px 5px minmax(0,1fr) 5px 265px;}
  .welcome-designer-page .wd-shell:not(.wd-fullscreen) .wd-layout{height:660px}
  .welcome-designer-page .wd-panel{padding:10px}
  .welcome-designer-page .wd-canvas-toolbar{left:8px;transform:none}
}
@media(max-width:720px){
  .welcome-designer-page .wd-layout{display:grid;grid-template-columns:minmax(0,1fr)!important;height:auto!important}
  .welcome-designer-page .wd-panel{display:block!important;max-height:330px;overflow:auto}
  .welcome-designer-page .wd-resizer{display:none}
  .welcome-designer-page .wd-canvas-wrap{height:400px!important;min-height:400px!important}
  .welcome-designer-page .wd-actions .server-button{font-size:10px;padding:7px}
  .welcome-designer-page .wd-shell.wd-left-closed .wd-left-panel,.welcome-designer-page .wd-shell.wd-right-closed .wd-right-panel{display:none!important}
  .wd-preview-header{flex-wrap:wrap}.wd-preview-area{height:55vh}
}
@media(min-width:721px) and (max-width:1050px){
 .welcome-designer-page .wd-panel:last-child{grid-column:auto;border-top:0;}
 .welcome-designer-page .wd-panel:last-child .wd-prop{display:block;width:100%;margin-right:0;}
}
.welcome-designer-page .wd-canvas-toolbar{width:max-content}

/* v3.8.85 - permit a pasteboard around the exported banner. */
.welcome-designer-page #welcome-designer-stage{overflow:visible}
/* The final preview and Discord PNG remain clipped to 2600×900. */
.wd-preview-stage{overflow:hidden!important}