.nB76Cq_generator{color:#eee6f6}.nB76Cq_presets{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:1.25rem;display:flex}.nB76Cq_presets>span{color:#9f91af;margin-right:.5rem;font-size:.7rem}.nB76Cq_presets button{color:#d9c2ec;font:inherit;cursor:pointer;background:#21172d;border:1px solid #b393d338;border-radius:99px;padding:.6rem .85rem;font-size:.72rem}.nB76Cq_presets button:hover{background:#30213e;border-color:#c39de5}.nB76Cq_workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.nB76Cq_editor,.nB76Cq_result{background:linear-gradient(140deg,#22192fbb,#100e19);border:1px solid #b29acb30;border-radius:1.1rem;min-width:0;padding:clamp(1.1rem,2.4vw,1.8rem)}.nB76Cq_sectionHead{align-items:center;gap:.8rem;margin-bottom:1.8rem;display:flex}.nB76Cq_sectionHead>svg{color:#c6a0ee}.nB76Cq_sectionHead h2{letter-spacing:-.035em;margin:0 0 .35rem;font-size:1.3rem;font-weight:550}.nB76Cq_sectionHead p{color:#a99ab8;margin:0;font-size:.75rem}.nB76Cq_format{border:0;grid-template-columns:1fr 1fr;gap:.65rem;margin:0 0 1.8rem;padding:0;display:grid}.nB76Cq_format legend{color:#c9b7da;margin-bottom:.7rem;font-size:.75rem}.nB76Cq_format button{text-align:left;color:#bba9ce;cursor:pointer;font:inherit;background:#0e0c1580;border:1px solid #b799d02a;border-radius:.7rem;padding:.9rem;position:relative}.nB76Cq_format button[aria-pressed=true]{color:#efddfd;background:#a273d314;border-color:#c397e4}.nB76Cq_format strong{font-size:.73rem;font-weight:550;display:block}.nB76Cq_format small{color:#9786a6;margin-top:.4rem;font-size:.6rem;display:block}.nB76Cq_format svg{color:#caa5ee;position:absolute;top:.35rem;right:.35rem}.nB76Cq_lineEditor{border:0;border-top:1px solid #a88ac330;min-width:0;margin:0 0 1.75rem;padding:1.1rem 0 0}.nB76Cq_lineEditor legend{padding-right:.8rem;font-size:.78rem;font-weight:550}.nB76Cq_lineEditor legend>span{color:#8f809d;margin-left:1rem;font-size:.6rem;font-weight:400}.nB76Cq_textInput,.nB76Cq_previewName input{box-sizing:border-box;color:#f0e2fb;width:100%;min-width:0;font:inherit;background:#0b0912;border:1px solid #bc98dd38;border-radius:.6rem;padding:.9rem;font-size:.8rem;display:block}.nB76Cq_decorations{flex-wrap:wrap;gap:.35rem;margin:.7rem 0;display:flex}.nB76Cq_decorations button{color:#a897b9;cursor:pointer;font:inherit;background:#ffffff04;border:1px solid #bca0d024;border-radius:.35rem;padding:.45rem .6rem;font-size:.64rem}.nB76Cq_decorations button[aria-pressed=true]{color:#ead1ff;background:#c19be921;border-color:#b78edd}.nB76Cq_swatches{grid-template-columns:repeat(16,minmax(0,1fr));gap:.3rem;margin:1rem 0 .6rem;display:grid}.nB76Cq_swatches button{aspect-ratio:1;background:var(--swatch);cursor:pointer;color:#fff;text-shadow:0 1px 2px #000;border:2px solid #ffffff20;border-radius:.3rem;place-items:center;min-width:0;padding:0;display:grid}.nB76Cq_swatches button svg{filter:drop-shadow(0 1px 2px #000)}.nB76Cq_swatches button[aria-pressed=true]{outline-offset:2px;outline:2px solid #e7d1fa}.nB76Cq_rgbControls{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1rem;display:flex}.nB76Cq_rgbControls label{color:#bdabcd;align-items:center;gap:.5rem;font-size:.68rem;display:flex}.nB76Cq_rgbControls input[type=color]{cursor:pointer;background:#130d1b;border:1px solid #c7a1e74a;border-radius:4px;width:32px;height:30px;padding:2px}.nB76Cq_gradientSwitch input{accent-color:#c89af0}.nB76Cq_result{top:calc(var(--site-header-height,8rem) + 1rem);background:radial-gradient(at 100% 0,#7150a72e,#0000 65%),#100d19;position:sticky}.nB76Cq_previewHead{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.7rem;display:flex}.nB76Cq_previewHead>span{color:#d9c5eb;align-items:center;gap:.45rem;display:flex}.nB76Cq_previewHead i{background:#91d6b6;border-radius:50%;width:6px;height:6px;box-shadow:0 0 12px #84e7bb40}.nB76Cq_previewHead small{color:#8f7e9f;font-size:.6rem}.nB76Cq_serverList{background:repeating-linear-gradient(0deg,#191720 0 3px,#17151d 3px 6px);border:1px solid #66556f;border-radius:3px;align-items:flex-start;gap:.8rem;padding:1rem .8rem;font-family:ui-monospace,monospace;display:flex;box-shadow:inset 0 0 0 2px #08080b}.nB76Cq_serverIcon{color:#eedfff;background:linear-gradient(135deg,#8262b8,#302449);border:2px solid #c5a3e560;flex-shrink:0;place-items:center;width:54px;height:54px;display:grid}.nB76Cq_serverText{flex:1;min-width:0}.nB76Cq_serverTitle{justify-content:space-between;align-items:center;gap:.4rem;margin-bottom:.6rem;font-size:.7rem;display:flex}.nB76Cq_serverTitle strong{color:#f3eff7;text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.nB76Cq_serverTitle>span{color:#909090;white-space:nowrap;align-items:center;gap:.3rem;font-size:.6rem;display:flex}.nB76Cq_serverTitle svg{color:#68c369;flex-shrink:0}.nB76Cq_motdPreview{white-space:pre;text-shadow:1px 2px #000;min-height:2.8em;font-size:clamp(.56rem,.78vw,.77rem);line-height:1.7;overflow:hidden}.nB76Cq_previewName{color:#baa5cc;margin:1.2rem 0 .8rem;font-size:.7rem;display:block}.nB76Cq_previewName>span{float:right;color:#80738f;font-size:.6rem}.nB76Cq_previewName input{margin-top:.6rem;padding:.7rem;font-size:.75rem}.nB76Cq_notice{color:#c6b492;background:#6653251f;border-left:2px solid #c6ab72;margin:1rem 0;padding:.8rem 1rem;font-size:.7rem;line-height:1.7}.nB76Cq_outputHead{color:#c4a4e1;border-top:1px solid #b293cc28;align-items:center;gap:.6rem;margin:1.6rem 0 .8rem;padding-top:1.4rem;display:flex}.nB76Cq_outputHead h2{color:#dfcbee;margin:0;font-size:.87rem;font-weight:500}.nB76Cq_output,.nB76Cq_separateLines textarea{box-sizing:border-box;resize:vertical;color:#c9b5df;overflow-wrap:anywhere;background:#090710;border:1px solid #ac8ec438;border-radius:.6rem;width:100%;min-width:0;padding:.9rem;font:.72rem/1.85 ui-monospace,monospace}.nB76Cq_localNote{color:#98a;align-items:center;gap:.5rem;margin-top:1.5rem;font-size:.63rem;line-height:1.6;display:flex}.nB76Cq_localNote svg{color:#b59acb;flex-shrink:0}.nB76Cq_separateLines{color:#b99fcf;border-top:1px solid #b293cc28;margin-top:1.2rem;padding-top:1rem;font-size:.73rem}.nB76Cq_separateLines summary{cursor:pointer}.nB76Cq_separateLines label{color:#af97c4;margin-top:1rem;display:block}.nB76Cq_separateLines textarea{margin-top:.5rem;font-size:.65rem;display:block}.nB76Cq_separateLines button{color:#d4b1ed;font:inherit;cursor:pointer;text-underline-offset:.2rem;background:0 0;border:0;padding:.5rem 0;text-decoration:underline}.nB76Cq_separateLines p{color:#9885aa;font-size:.67rem;line-height:1.7}.nB76Cq_reference{grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;display:grid}.nB76Cq_reference>div{color:#cbb5dc;background:#181020;border:1px solid #ac8dc52b;border-radius:.6rem;align-items:center;gap:.7rem;padding:.85rem;font-size:.75rem;display:flex}.nB76Cq_reference i{border:1px solid #fff3;border-radius:3px;flex-shrink:0;width:1rem;height:1rem}.nB76Cq_reference code{color:#a18cad;margin-left:auto}.nB76Cq_guide{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;display:grid}.nB76Cq_guide article{background:#17101fa0;border:1px solid #b395d02b;border-radius:.85rem;padding:1.5rem}.nB76Cq_guide h3{color:#e7d5f4;margin:.7rem 0;font-size:1rem;font-weight:550}.nB76Cq_guide p,.nB76Cq_guide li{color:#ac98bc;font-size:.8rem;line-height:1.85}.nB76Cq_guide ol{padding-left:1.1rem}.nB76Cq_guide a,.nB76Cq_sources a{color:#ceb1e8}.nB76Cq_guide code{overflow-wrap:anywhere;font-size:.73rem}.nB76Cq_step{color:#c6a1eb;font:.75rem ui-monospace,monospace}.nB76Cq_sources{color:#a08aae;margin-top:1.5rem;font-size:.72rem;line-height:1.8}.nB76Cq_generator :is(button,input,textarea):focus-visible{outline-offset:3px;outline:2px solid #d4b1f1}@media (max-width:68em){.nB76Cq_workspace{grid-template-columns:1fr}.nB76Cq_result{position:static}.nB76Cq_motdPreview{font-size:.8rem}.nB76Cq_reference{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:44em){.nB76Cq_guide{grid-template-columns:1fr}.nB76Cq_reference{grid-template-columns:repeat(2,minmax(0,1fr))}.nB76Cq_reference>div{padding:.7rem;font-size:.66rem}.nB76Cq_swatches{grid-template-columns:repeat(8,minmax(0,1fr));gap:.5rem;max-width:24rem}.nB76Cq_swatches button{max-height:35px}.nB76Cq_serverList{gap:.5rem;padding:.75rem .6rem}.nB76Cq_serverIcon{width:36px;height:36px}.nB76Cq_serverIcon svg{width:27px}.nB76Cq_motdPreview,.nB76Cq_serverTitle{font-size:.63rem}.nB76Cq_serverTitle>span{font-size:.5rem}.nB76Cq_previewHead small{font-size:.55rem}.nB76Cq_format{gap:.5rem}.nB76Cq_format button{padding:.8rem .6rem}.nB76Cq_format strong{font-size:.67rem}.nB76Cq_format small{font-size:.55rem}}