:root{--page: #05080c;--page-2: #070d13;--panel: rgba(9, 14, 22, .94);--panel-soft: rgba(13, 20, 31, .9);--panel-raised: #0d1420;--ink: #f4f8fb;--muted: #8795a3;--faint: #5f6c79;--line: rgba(82, 118, 148, .22);--line-strong: rgba(0, 178, 255, .38);--blue: #00aaff;--blue-2: #00d4ff;--blue-dark: #03131f;--success: #22e0c4;color:var(--ink);background:var(--page);font-family:Segoe UI,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%}body{margin:0;background:linear-gradient(#05080cdb,#05080cf5),radial-gradient(circle at 82% 12%,rgba(0,170,255,.15),transparent 28%),radial-gradient(circle at 12% 10%,rgba(0,212,255,.08),transparent 26%),linear-gradient(135deg,#06111b,#030507)}body:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;content:"";background:linear-gradient(#05080c47,#05080cb8),repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 1px,transparent 1px 64px),repeating-linear-gradient(0deg,rgba(255,255,255,.015) 0 1px,transparent 1px 64px)}button,input,textarea{font:inherit}button{border:0}button,summary{cursor:pointer}a{color:inherit;text-decoration:none}.pageShell{width:min(1228px,calc(100% - 48px));margin:0 auto;padding:14px 0 34px}.ambientGlow{width:520px;height:520px;position:fixed;top:-180px;right:-130px;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(0,170,255,.16),transparent 64%);filter:blur(8px)}.siteHeader{min-height:46px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px;margin-bottom:22px;padding:0}.headerBrand,.brandLockup,.footerLogo{display:inline-flex;align-items:center}.headerBrand{gap:12px;min-width:0;color:var(--ink);font-size:1rem;line-height:1}.headerBrand strong{display:inline-flex;align-items:baseline;font-weight:900;letter-spacing:0}.brandAccent{color:inherit}.headerBrand img,.brandLockup img,.footerLogo img{display:block;object-fit:cover}.headerBrand img{width:22px;height:22px;border-radius:999px;box-shadow:0 0 0 1px #00aaff2e}.headerNav{display:none;align-items:center;justify-content:center;gap:22px}.headerNav a{color:var(--muted);font-size:.86rem;font-weight:650}.headerNav a:hover,.footerColumn a:hover,.socialLinks a:hover{color:var(--blue-2)}.headerCta{min-height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0 15px;border-radius:8px;background:var(--blue);color:#00111c;font-size:.82rem;font-weight:850;white-space:nowrap;box-shadow:none}.breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:.83rem;line-height:1;font-weight:650}.breadcrumbPrimary{color:var(--ink);font-weight:850}.breadcrumbSlash{color:#2e9ed6;font-weight:700}.breadcrumbCurrent{color:#9fb1c2;font-weight:500}.introBand{min-height:118px;display:grid;align-content:center;gap:16px;margin-bottom:12px;padding:22px;border-radius:8px;background:linear-gradient(180deg,#0b111bf5,#080d14f5);box-shadow:inset 0 1px #ffffff09}.brandLockup{width:fit-content;gap:12px}.brandLockup img{width:34px;height:34px;border-radius:7px}.brandLockup strong,.brandLockup small{display:block}.brandLockup strong{color:var(--ink);font-size:1.06rem;font-weight:780;letter-spacing:0}.brandLockup small{margin-top:2px;color:var(--blue-2);font-size:.75rem;font-weight:650}.introBand p{max-width:870px;margin:0;color:var(--muted);font-size:.92rem;font-weight:450;line-height:1.65}.generatorSurface{display:grid;gap:16px;margin-bottom:42px;padding:18px;border-radius:8px;background:#080d14f0;box-shadow:0 22px 70px #00000047,inset 0 1px #ffffff09}.editorFrame{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#05090e94}.toolbarLine{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px}.swatchRail{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.swatchButton{width:27px;height:27px;border-radius:5px;background:var(--swatch-color);box-shadow:inset 0 0 0 1px #ffffff24;transition:transform .14s ease,box-shadow .14s ease}.swatchButton:hover,.emojiTrigger:hover,.emojiPickerHeader button:hover,.emojiGrid button:hover,.formatButton:hover,.secondaryAction:hover,.primaryAction:hover,.templateButtons button:hover,.insertGradientButton:hover,.gradientPresetRail button:hover,.hexMini button:hover,.drawerActions button:hover,.headerCta:hover{transform:translateY(-1px)}.toolbarActions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:0 0 auto}.emojiTrigger{min-height:32px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;border:1px solid var(--line);border-radius:8px;background:#02060ab3;color:#fff;font-size:.74rem;font-weight:800;white-space:nowrap;transition:transform .16s ease,border-color .16s ease,color .16s ease,background-color .16s ease}.toolIcon,.modeIcon{width:20px;height:20px;display:inline-grid;place-items:center;flex:0 0 20px;border-radius:6px;background:#00aaff1a;color:var(--blue-2);transition:transform .18s ease,background-color .16s ease,color .16s ease}.toolIcon svg,.modeIcon svg{display:block}.emojiTrigger[aria-expanded=true],.emojiTrigger:hover{border-color:var(--line-strong);color:var(--blue-2)}.emojiTrigger[aria-expanded=true]{background:#00aaff1f}.emojiTrigger[aria-expanded=true] .toolIcon{transform:rotate(-8deg) scale(1.06)}.outputModeToggle{width:330px;min-width:330px;height:32px;display:grid;grid-template-columns:1fr 1fr 1.28fr;padding:3px;border:1px solid var(--line);border-radius:8px;background:#02060ab3}.outputModeToggle button{min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 8px;border-radius:6px;background:transparent;color:var(--muted);font-size:.7rem;font-weight:850;white-space:nowrap}.outputModeToggle button>span:last-child,.emojiTrigger>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis}.outputModeToggle button[aria-pressed=true]{background:var(--blue);color:var(--blue-dark)}.outputModeToggle button[aria-pressed=true] .modeIcon{background:#00111c29;color:var(--blue-dark)}.outputModeToggle button:hover:not([aria-pressed=true]){color:#fff}.outputModeToggle button:hover:not([aria-pressed=true]) .modeIcon{background:#00aaff29;transform:translateY(-1px)}.emojiPicker{max-height:0;overflow:hidden;margin:0 16px;padding:0 12px;border:1px solid transparent;border-radius:8px;background:linear-gradient(180deg,#101826fa,#080d15fa),#0b111c;box-shadow:inset 0 1px #ffffff09;opacity:0;pointer-events:none;transform:translateY(-8px);transform-origin:top;transition:max-height .26s ease,margin-bottom .26s ease,padding-top .26s ease,padding-bottom .26s ease,border-color .2s ease,opacity .17s ease,transform .22s ease}.emojiPicker.isOpen{max-height:260px;margin-bottom:14px;padding-top:12px;padding-bottom:12px;border-color:var(--line);opacity:1;pointer-events:auto;transform:translateY(0)}.emojiPickerHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.emojiPickerHeader strong{color:#fff;font-size:.84rem;font-weight:850;line-height:1}.emojiPickerHeader button{width:28px;height:28px;display:grid;place-items:center;border:1px solid transparent;border-radius:7px;background:transparent;color:#fff;transition:transform .14s ease,border-color .14s ease,color .14s ease}.emojiPickerHeader button:hover{border-color:var(--line);color:var(--blue-2)}.emojiGrid{display:grid;grid-template-columns:repeat(10,minmax(0,34px));gap:8px}.emojiGrid button{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(82,118,148,.16);border-radius:7px;background:#02060a6b;color:#fff;font-family:Cascadia Mono,Consolas,monospace;font-size:1.08rem;font-weight:900;line-height:1;text-shadow:2px 2px 0 #000;opacity:0;transform:translateY(-3px) scale(.96);transition:opacity .16s ease,transform .16s ease,border-color .14s ease,background-color .14s ease,color .14s ease}.emojiPicker.isOpen .emojiGrid button{opacity:1;transform:translateY(0) scale(1)}.emojiPicker.isOpen .emojiGrid button:nth-child(2n){transition-delay:12ms}.emojiPicker.isOpen .emojiGrid button:nth-child(3n){transition-delay:24ms}.emojiGrid button:hover{border-color:var(--line-strong);background:#00aaff29;color:var(--blue-2);transform:translateY(-1px) scale(1.02)}.motdComposer{display:block;padding:0 18px 14px}.motdComposer textarea{width:100%;height:94px;resize:none;border:0;border-radius:6px;outline:0;background:#172131;color:#fff;padding:15px 18px;text-align:center;font-family:Cascadia Mono,Consolas,monospace;font-size:1.08rem;font-weight:650;line-height:1.45;text-shadow:2px 2px 0 #000}.motdComposer textarea:focus{box-shadow:0 0 0 2px #00aaff73}.composerMeta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;padding:0 18px 14px;color:var(--muted);font-size:.74rem;line-height:1.45}.composerMeta>span{min-width:0}.composerMeta>span:first-child{color:#fff;font-weight:800}.lineCounters{display:inline-flex;align-items:center;gap:6px;margin-left:auto;white-space:nowrap}.lineCounters b{min-width:44px;min-height:24px;display:inline-grid;place-items:center;padding:0 8px;border:1px solid var(--line);border-radius:999px;color:var(--blue-2);font-size:.7rem;font-weight:850}.lineCounters .isWarn{border-color:#ffcf6680;color:#ffcf66}.lineCounters .isDanger{border-color:#ff5e5e94;color:#ff7373}.serverPreview{min-height:156px;display:grid;grid-template-columns:94px minmax(0,1fr) 34px;align-items:center;gap:20px;padding:16px 18px;border-top:1px solid var(--line);background:linear-gradient(#03070cad,#03070cbd),radial-gradient(circle at 22% 12%,rgba(0,170,255,.16),transparent 32%),repeating-linear-gradient(45deg,rgba(255,255,255,.03) 0 2px,transparent 2px 8px),#070b11}.serverIcon{width:94px;height:94px;display:block;border-radius:8px;object-fit:cover;box-shadow:0 14px 28px #0000004d}.serverPreviewContent{min-width:0}.serverName{margin-bottom:10px;color:#fff;font-family:Cascadia Mono,Consolas,monospace;font-size:1.06rem;font-weight:650;text-shadow:2px 2px 0 #000}.serverMotd{color:#fff;text-align:center;font-family:Cascadia Mono,Consolas,monospace;font-size:1.18rem;font-weight:650;line-height:1.34;text-shadow:2px 2px 0 #000;word-break:break-word}.motdLine{min-height:1.25em}.magicText{animation:shimmer .75s steps(2,end) infinite}@keyframes shimmer{0%{filter:hue-rotate(0deg) brightness(1)}50%{filter:hue-rotate(90deg) brightness(1.18)}to{filter:hue-rotate(0deg) brightness(1)}}.signalBars{height:36px;display:flex;align-items:flex-end;gap:3px}.signalBars i{width:5px;display:block;border-radius:2px 2px 0 0;background:var(--success)}.signalBars i:nth-child(1){height:12px}.signalBars i:nth-child(2){height:18px}.signalBars i:nth-child(3){height:27px}.signalBars i:nth-child(4){height:36px}.actionBar{min-height:58px;display:flex;justify-content:space-between;gap:12px;padding:10px 14px}.templateButtons,.copyCluster,.formatButtons,.hexMini,.drawerActions{display:flex;align-items:center;gap:7px}.templateButtons{flex-wrap:wrap}.templateButtons button{min-height:34px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#02060a8a;color:var(--muted);font-size:.78rem;font-weight:650}.copyCluster{margin-left:auto}.secondaryAction,.primaryAction,.insertGradientButton,.hexMini button,.drawerActions button{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:8px;font-size:.78rem;font-weight:750;transition:transform .14s ease}.secondaryAction{padding:0 13px;border:1px solid rgba(255,255,255,.32);background:transparent;color:#fff}.hexPresetRail{display:flex;align-items:center;flex:1 1 280px;gap:7px;min-width:0;flex-wrap:wrap}.hexPresetRail button{min-height:36px;display:inline-flex;align-items:center;gap:7px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#02060a9e;color:var(--muted);font-size:.76rem;font-weight:650}.hexPresetRail button:hover{border-color:var(--line-strong);color:#fff}.hexPresetRail span{width:14px;height:14px;display:block;border-radius:999px;background:var(--preset-color);box-shadow:inset 0 0 0 1px #ffffff29}.primaryAction,.insertGradientButton{background:var(--blue);color:var(--blue-dark)}.primaryAction{padding:0 15px}.gradientTools{display:grid;gap:14px;padding:2px 6px 0}.toolTitle{display:flex;align-items:center;gap:8px;color:#fff;font-size:.9rem;font-weight:750}.gradientControls{display:grid;grid-template-columns:74px 74px minmax(180px,1fr) auto;gap:10px;align-items:end}.gradientControls label,.gradientTextField,.hexMini{min-width:0}.gradientControls span{display:block;margin-bottom:6px;color:var(--muted);font-size:.74rem;font-weight:650;text-transform:uppercase}input[type=color]{width:100%;height:38px;padding:3px;border:1px solid var(--line);border-radius:8px;background:#02060a9e}.gradientTextField input,.hexMini input{width:100%;height:38px;border:1px solid var(--line);border-radius:8px;outline:0;background:#02060a9e;color:var(--ink);padding:0 12px;font-family:Cascadia Mono,Consolas,monospace}.gradientTextField input:focus,.hexMini input:focus{border-color:var(--line-strong)}.insertGradientButton{min-width:148px;padding:0 14px}.gradientPresetRail{display:flex;align-items:center;gap:8px;min-width:0;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin;scrollbar-color:rgba(0,170,255,.45) transparent}.gradientPresetRail button{min-height:38px;display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;padding:0 11px 0 9px;border:1px solid var(--line);border-radius:8px;background:#02060a9e;color:var(--muted);font-size:.76rem;font-weight:750;transition:transform .14s ease,border-color .14s ease,color .14s ease,background-color .14s ease}.gradientPresetRail button:hover,.gradientPresetRail button[aria-pressed=true]{border-color:var(--line-strong);background:#00aaff1a;color:#fff}.gradientPresetRail span{width:28px;height:18px;display:block;border-radius:6px;background:linear-gradient(90deg,var(--preset-start),var(--preset-end));box-shadow:inset 0 0 0 1px #ffffff2e,0 0 14px #00aaff1f}.gradientPreview{min-height:44px;display:flex;align-items:center;overflow:hidden;padding:0 14px;border-radius:6px;background:#0e1621e0;color:transparent;font-family:Cascadia Mono,Consolas,monospace;font-size:1.02rem;background-image:linear-gradient(90deg,var(--gradient-start),var(--gradient-end));background-clip:text;-webkit-background-clip:text;white-space:nowrap}.formatUnderGradient{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.hexMini{flex:1 1 360px}.hexMini>svg{color:var(--blue-2);flex:0 0 auto}.hexMini input[type=color]{width:48px;flex:0 0 48px}.hexMini button,.drawerActions button{padding:0 12px;border:1px solid var(--line);background:#02060a9e;color:#fff}.formatButtons{flex:0 0 auto}.formatButton{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:#02060a9e;color:var(--muted);transition:transform .14s ease,color .14s ease,background-color .14s ease,border-color .14s ease}.formatButton:hover,.formatButton[aria-pressed=true]{border-color:var(--line-strong);background:#00aaff24;color:#fff}.resetButton{color:#ffcf66}.outputDrawer{border-top:1px solid rgba(82,118,148,.18);padding-top:12px}.outputDrawer summary{color:var(--muted);font-size:.84rem;font-weight:650}.outputDrawer textarea{width:100%;min-height:96px;margin-top:10px;resize:vertical;border:1px solid var(--line);border-radius:8px;outline:0;background:#02060a9e;color:#fff;padding:12px;font-family:Cascadia Mono,Consolas,monospace;font-size:.88rem;line-height:1.5}.drawerActions{justify-content:flex-end;margin-top:10px}.siteFooter{display:grid;grid-template-columns:minmax(240px,1.25fr) minmax(0,2.75fr);gap:48px;margin-top:42px;padding:28px 0 16px;border-top:1px solid rgba(82,118,148,.16);color:var(--muted)}.footerCompany{min-width:0}.footerLogo{gap:9px;color:var(--blue-2);font-size:.92rem;font-weight:750}.footerLogo img{width:22px;height:22px;border-radius:5px}.footerCompany p{max-width:320px;margin:10px 0 0;color:var(--muted);font-size:.74rem;font-weight:450;line-height:1.55}.footerCompany .copyright{color:var(--faint)}.socialLinks{display:flex;gap:8px;margin-top:14px}.socialLinks a{width:24px;height:24px;display:grid;place-items:center;border:0;border-radius:0;background:transparent;color:var(--blue);font-size:1rem;transition:color .14s ease,transform .14s ease}.socialLinks a:hover{color:var(--blue);transform:translateY(-1px)}.footerColumns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}.footerColumn{display:grid;align-content:start;gap:8px}.footerColumn h2{margin:0 0 5px;color:#fff;font-size:.78rem;font-weight:750;letter-spacing:0}.footerColumn a{color:var(--muted);font-size:.72rem;font-weight:500;line-height:1.45}.toast{min-height:40px;position:fixed;right:24px;bottom:24px;display:grid;place-items:center;padding:0 16px;border:1px solid var(--line-strong);border-radius:8px;background:#05080c;color:#fff;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .15s ease,transform .15s ease}.toast.isVisible{opacity:1;transform:translateY(0)}.srOnly{width:1px;height:1px;position:absolute;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:940px){.pageShell{width:min(100% - 28px,1228px);padding-top:14px}.siteHeader{grid-template-columns:1fr auto}.headerNav{grid-column:1 / -1;justify-content:flex-start;flex-wrap:wrap;gap:14px}.toolbarLine,.actionBar,.formatUnderGradient{align-items:stretch;flex-direction:column}.toolbarActions{align-self:flex-end}.copyCluster{margin-left:0;justify-content:flex-end}.gradientControls{grid-template-columns:repeat(2,minmax(0,1fr))}.gradientTextField,.insertGradientButton{grid-column:span 2}.siteFooter{grid-template-columns:1fr;gap:28px}.footerColumns{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.pageShell{width:min(100% - 18px,1160px);padding-bottom:20px}.siteHeader{gap:14px}.headerCta{padding:0 12px}.introBand,.generatorSurface{padding:14px}.swatchButton{width:24px;height:24px}.serverPreview{grid-template-columns:62px minmax(0,1fr);gap:12px;padding:14px}.serverIcon{width:62px;height:62px}.serverName{font-size:.86rem}.serverMotd,.motdComposer textarea{font-size:.94rem}.signalBars{display:none}.copyCluster,.templateButtons,.drawerActions{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.templateButtons,.drawerActions{grid-template-columns:repeat(3,minmax(0,1fr))}.secondaryAction,.primaryAction,.templateButtons button,.drawerActions button{width:100%}.outputModeToggle{width:100%;min-width:0;align-self:stretch}.outputModeToggle button{gap:6px;padding:0 6px}.modeIcon{width:18px;height:18px;flex-basis:18px}.toolbarActions{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr)}.emojiPicker{margin-right:14px;margin-left:14px}.emojiGrid{grid-template-columns:repeat(auto-fit,minmax(32px,1fr))}.emojiGrid button{width:100%;min-width:0}.composerMeta{padding-right:14px;padding-left:14px}.lineCounters{width:100%;margin-left:0}.hexMini{display:grid;grid-template-columns:min-content minmax(0,1fr) 48px auto}.formatButtons{width:100%;justify-content:space-between}.hexPresetRail{width:100%;flex:none}.toast{right:10px;bottom:10px;left:10px}}@media(max-width:440px){.siteHeader{grid-template-columns:1fr auto}.headerCta{width:auto;padding:0 11px;font-size:.76rem}.footerColumns,.toolbarActions{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.emojiTrigger,.toolIcon,.modeIcon,.emojiPicker,.emojiGrid button{transition:none}}.converterGrid{display:grid;grid-template-columns:minmax(0,1.58fr) minmax(330px,.92fr);gap:16px}.converterPanel{overflow:hidden}.converterToolbar{min-height:78px;display:grid;grid-template-columns:minmax(280px,1fr) auto;gap:12px;align-items:center;padding:16px;border-bottom:1px solid var(--line)}.uploadZone{min-width:0;min-height:58px;display:flex;align-items:center;gap:13px;padding:0 14px;border:1px dashed rgba(0,170,255,.34);border-radius:8px;background:linear-gradient(180deg,#0e1621db,#080d15e6),#0b111c;color:#fff;text-align:left;transition:transform .14s ease,border-color .14s ease,background-color .14s ease}.uploadZone:hover,.uploadZone.isDragging{transform:translateY(-1px);border-color:var(--line-strong);background:#00aaff1f}.uploadBadge{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border-radius:8px;background:#00aaff1f;color:var(--blue-2)}.uploadZone span:last-child{min-width:0}.uploadZone strong,.uploadZone small{display:block}.uploadZone strong{font-size:.86rem;font-weight:850}.uploadZone small{max-width:100%;overflow:hidden;margin-top:4px;color:var(--muted);font-size:.74rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.fileInput{display:none}.fitToggle{width:236px;height:38px;display:grid;grid-template-columns:1fr 1fr;padding:3px;border:1px solid var(--line);border-radius:8px;background:#02060ab3}.fitToggle button{min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:6px;background:transparent;color:var(--muted);font-size:.74rem;font-weight:850;white-space:nowrap}.fitToggle button[aria-pressed=true]{background:var(--blue);color:var(--blue-dark)}.fitToggle button:hover:not([aria-pressed=true]){color:#fff}.resizeNotice{margin:0 16px;padding:9px 12px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-left:1px solid var(--line);border-radius:0 0 8px 8px;background:#00aaff12;color:#9fb1c2;font-size:.74rem;font-weight:650;line-height:1.35}.iconWorkbench{display:grid;grid-template-columns:minmax(260px,.86fr) minmax(300px,1fr);gap:18px;align-items:stretch;padding:18px}.canvasFrame{min-height:342px;position:relative;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(82,118,148,.18);border-radius:8px;background:linear-gradient(#03070cb8,#03070cc2),repeating-linear-gradient(45deg,rgba(255,255,255,.035) 0 10px,transparent 10px 20px),#070b11}.iconCanvas{width:min(280px,calc(100% - 34px));height:auto;aspect-ratio:1;border-radius:8px;background:#05080c;image-rendering:pixelated;opacity:0;box-shadow:0 18px 38px #00000061,0 0 0 1px #00aaff29;transition:opacity .16s ease,transform .16s ease}.iconCanvas.hasImage{opacity:1;transform:translateY(-1px)}.emptyIcon{position:absolute;top:18px;right:18px;bottom:18px;left:18px;display:grid;place-items:center;align-content:center;gap:10px;border:1px dashed rgba(82,118,148,.2);border-radius:8px;color:var(--muted);font-size:.8rem;font-weight:750}.emptyIcon svg{color:var(--blue-2)}.controlStack{min-width:0;display:grid;align-content:start;gap:14px}.rangeField,.colorField{min-width:0;display:grid;grid-template-columns:112px minmax(0,1fr) 58px;gap:10px;align-items:center}.rangeField span,.colorField span{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:.76rem;font-weight:750}.rangeField span svg,.colorField span svg{color:var(--blue-2)}.rangeField b{min-height:28px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:999px;color:#fff;font-size:.7rem;font-weight:850}.rangeField input[type=range]{width:100%;accent-color:var(--blue)}.rangeField input:disabled,.colorField input:disabled{opacity:.44;cursor:not-allowed}.colorField{grid-template-columns:112px 58px minmax(0,1fr)}.colorField input[type=color]{height:38px}.colorField input[type=text],.colorField input:not([type]){width:100%;height:38px;border:1px solid var(--line);border-radius:8px;outline:0;background:#02060a9e;color:var(--ink);padding:0 12px;font-family:Cascadia Mono,Consolas,monospace}.colorField input:not([type]):focus{border-color:var(--line-strong)}.converterActions{border-top:1px solid var(--line)}.iconFacts span{min-height:34px;display:inline-flex;align-items:center;gap:7px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#02060a8a;color:var(--muted);font-size:.78rem;font-weight:650}.iconFacts svg{color:var(--blue-2);flex:0 0 auto}.converterActions .primaryAction{min-width:202px}.primaryAction:disabled,.secondaryAction:disabled{cursor:not-allowed;opacity:.48;transform:none}.converterSide{align-content:start;padding:0 2px}.previewCaption{margin:-5px 0 0;color:#9fb1c2;font-size:.78rem;font-weight:650;line-height:1.45}.mcPreviewShell{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#080604;box-shadow:0 18px 36px #00000038,inset 0 0 0 1px #ffffff09}.mcServerRow{min-height:118px;display:grid;grid-template-columns:74px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;background:linear-gradient(#100b0899,#100b0899),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 2px,transparent 2px 8px),repeating-linear-gradient(0deg,rgba(0,0,0,.28) 0 2px,transparent 2px 9px),radial-gradient(circle at 18% 28%,rgba(113,79,48,.58) 0 3px,transparent 4px),radial-gradient(circle at 62% 70%,rgba(70,43,25,.72) 0 4px,transparent 5px),radial-gradient(circle at 88% 34%,rgba(122,88,58,.42) 0 3px,transparent 5px),#21150d;color:#fff}.mcServerIconSlot{width:74px;height:74px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.16),transparent 34%),#202020;box-shadow:0 0 0 2px #00000057,inset 0 0 0 1px #ffffff14}.mcServerIcon{width:100%;height:100%;display:block;object-fit:cover;image-rendering:pixelated}.mcServerText{min-width:0;align-self:center;font-family:Cascadia Mono,Consolas,monospace;text-shadow:2px 2px 0 #000,1px 1px 0 #000}.mcServerName,.mcServerMotd,.mcServerStatus{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mcServerName{color:#fff;font-size:1.12rem;font-weight:900;line-height:1.15}.mcServerMotd{margin-top:7px;color:#b8b8b8;font-size:.94rem;font-weight:750;line-height:1.15}.mcServerStatus{min-width:54px;display:grid;justify-items:end;align-self:start;gap:18px;padding-top:5px;color:#fff;font-family:Cascadia Mono,Consolas,monospace;font-size:1rem;font-weight:900;text-shadow:2px 2px 0 #000}.mcSignalBars{height:32px;display:flex;align-items:flex-end;gap:2px}.mcSignalBars i{width:5px;display:block;background:#29f58d;box-shadow:1px 1px #062814}.mcSignalBars i:nth-child(1){height:8px}.mcSignalBars i:nth-child(2){height:14px}.mcSignalBars i:nth-child(3){height:20px}.mcSignalBars i:nth-child(4){height:26px}.mcSignalBars i:nth-child(5){height:32px}.iconDrawer{border:1px solid var(--line);border-radius:8px;padding:14px;background:#05090e94}.iconDrawerTitle{margin-bottom:12px;color:var(--muted);font-size:.84rem;font-weight:650}.outputChecklist{display:grid;gap:9px}.outputChecklist span{min-height:34px;display:inline-flex;align-items:center;gap:8px;color:#fff;font-size:.8rem;font-weight:720}.outputChecklist svg{color:var(--success);flex:0 0 auto}@media(max-width:1040px){.converterGrid{grid-template-columns:1fr}}@media(max-width:760px){.converterToolbar,.iconWorkbench{grid-template-columns:1fr}.fitToggle{width:100%}.canvasFrame{min-height:278px}.iconCanvas{width:min(226px,calc(100% - 28px))}.rangeField,.colorField{grid-template-columns:1fr;gap:7px}.rangeField b{width:fit-content;min-width:58px;padding:0 10px}.converterActions .copyCluster{grid-template-columns:repeat(2,minmax(0,1fr))}.converterActions .primaryAction{min-width:0}.iconFacts{grid-template-columns:1fr}.iconFacts span{width:100%}.mcServerRow{grid-template-columns:60px minmax(0,1fr) auto;gap:10px;padding:11px}.mcServerIconSlot{width:60px;height:60px}.mcServerName{font-size:.94rem}.mcServerMotd{font-size:.8rem}.mcServerStatus{min-width:44px;font-size:.8rem}}