@charset "UTF-8";
:root{color-scheme:dark;--bg:#080b12;--panel:#121722;--line:#252c3c;--text:#eef1fa;--muted:#9aa7bf;--purple:#9a87ff;--cyan:#56d6e6;--green:#6cddb0}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0%,#241d423f,transparent 45%),var(--bg);color:var(--text);font:15px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,.button{cursor:pointer;border:1px solid transparent;border-radius:10px;padding:11px 18px;font-weight:650;background:var(--purple);color:#100d21;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:hover,.button:hover{filter:brightness(1.12)}button:disabled{opacity:.55;cursor:wait}.secondary{background:#1b2231;color:var(--text);border-color:var(--line)}:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}input,select{width:100%;padding:12px 14px;background:#0c1019;color:var(--text);border:1px solid #323a4d;border-radius:9px}input::placeholder{color:#738199}input[type=file]{padding:20px}label{display:grid;gap:8px;font-size:13px;font-weight:600}small,.muted{color:var(--muted)}p{color:var(--muted);margin:8px 0 20px}h1,h2,h3{line-height:1.2}h1{font-size:clamp(30px,4vw,48px);letter-spacing:-1.6px;margin:15px 0}h2{font-size:20px;margin:0 0 20px}h3{font-size:19px;margin:16px 0 8px}.topbar{height:92px;padding:0 38px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#0b0f18e8}.brand{display:flex;gap:13px;align-items:center;font-size:20px;line-height:1.3}.brand b{font-weight:400;color:var(--muted)}.brand small{display:block;font-size:9px;letter-spacing:3px;margin-top:7px}.logo-slot{width:43px;height:43px;border:1px dashed #444459;border-radius:12px;display:grid;place-items:center}.logo-slot img{width:40px;height:40px;object-fit:contain}.language{display:flex;align-items:center;gap:10px;color:var(--muted)}.language select{width:115px;padding:7px 9px}.shell{display:grid;grid-template-columns:235px minmax(0,1fr);max-width:1600px;margin:auto;min-height:calc(100vh - 157px)}aside{border-right:1px solid var(--line);padding:35px 18px;display:flex;flex-direction:column;gap:20px}.nav-caption{font-size:10px;letter-spacing:2px;color:#737f96;margin-left:14px;text-transform:uppercase}nav{display:grid;gap:7px}nav a{padding:11px 14px;border-radius:9px;font-size:13px;color:var(--muted);display:flex;gap:12px;align-items:center}nav a:hover{background:#141b28}nav a.active{background:#8870ff1c;color:#b5a7ff;border:1px solid #8870ff25}.nav-icon{font-size:20px;width:24px;text-align:center}.sidebar-note{margin-top:auto;border:1px solid var(--line);border-radius:12px;padding:16px;font-size:11px}.sidebar-note strong{font-size:12px}.sidebar-note p{margin:10px 0 0;line-height:1.7}.dot{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:8px}main{padding:44px 48px 56px;min-width:0;max-width:1240px;width:100%;margin:auto;margin-top:0}.eyebrow{text-transform:uppercase;letter-spacing:2.4px;font-size:10px;color:var(--cyan);font-weight:700}.hero{position:relative;border:1px solid #39334e;border-radius:20px;background:linear-gradient(115deg,#1e203a,#151a29 75%);padding:36px;margin-bottom:34px;overflow:hidden}.hero h1{max-width:650px}.hero h1 span{color:#b1a1ff}.hero p{max-width:600px;margin-bottom:24px}.badges{display:flex;gap:10px;flex-wrap:wrap}.badge{font-size:11px;border:1px solid #494358;padding:4px 10px;border-radius:20px;color:#c0c4d5;background:#ffffff03}.section-head{display:flex;justify-content:space-between;align-items:center;margin:29px 0 16px}.section-head h2{margin:0}.section-head span{color:var(--muted);font-size:11px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tool-card{position:relative;padding:24px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(130deg,#171d2a,#10151f);transition:transform .18s,border-color .18s;display:block}.tool-card:hover{transform:translateY(-3px);border-color:#8870ff88}.tool-card p{font-size:13px;max-width:360px;margin-bottom:26px}.tool-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:11px;background:#8e77ff17;color:#ae9cff;font-size:24px}.card-number{position:absolute;right:24px;top:24px;font-size:11px;color:#69758c}.card-link{display:flex;justify-content:space-between;color:#b4a7ff;font-size:12px}.discord-card{grid-column:1/-1}.discord-card .tool-icon{color:#8fb4ff;background:#648aff19}.page-head{margin-bottom:28px}.back{color:var(--muted);font-size:12px;display:inline-block;margin-bottom:24px}.panel{padding:28px;border:1px solid var(--line);border-radius:16px;background:var(--panel);margin:20px 0}.form-grid,.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.hint{font-size:12px;margin-top:14px}.notice{border-left:3px solid var(--cyan);background:#56d6e609;padding:14px 18px;color:#b0c6d3;font-size:13px;margin:20px 0}.error{color:#ff9eaf}.success{color:var(--green)}.empty{padding:30px;border:1px dashed #323c50;border-radius:12px;text-align:center;color:var(--muted);font-size:13px}.result-row{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding:13px 0}.result-row:last-child{border:0}.result-label{font-size:12px;color:var(--muted)}.result-value{display:flex;align-items:center;gap:10px;min-width:0}.result-value code{overflow-wrap:anywhere;font-size:13px}.copy{font-size:11px;padding:6px 10px;flex-shrink:0}.drop{padding:35px;border:1px dashed #655684;border-radius:12px;background:#8670ff08;text-align:center}.drop.drag{border-color:var(--cyan)}.previews{text-align:center}.image-preview{height:210px;background:repeating-conic-gradient(#202637 0% 25%,#171d29 0% 50%) 50%/20px 20px;border-radius:12px;display:grid;place-items:center;margin:18px 0}.image-preview img{max-width:90%;max-height:185px}.image-preview canvas{width:64px;height:64px;box-shadow:0 0 0 1px #ffffff38}.big-number{font-size:42px;letter-spacing:-1px;color:#b6a6ff;overflow-wrap:anywhere}.status-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.status-header img{width:64px;height:64px;border-radius:10px}.status-title{flex:1;overflow-wrap:anywhere}.motd{white-space:pre-wrap;overflow-wrap:anywhere;background:#090e17;padding:20px;border-radius:10px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.stat{padding:16px;border:1px solid var(--line);border-radius:10px;overflow-wrap:anywhere}.stat strong{display:block;margin-top:5px}.timestamp{font-size:20px;padding:15px;background:#0b101a;border-radius:10px;display:block;overflow-wrap:anywhere}.relative{background:#5865f22b;color:#b5bdff;border-radius:5px;padding:3px 7px}footer{border-top:1px solid var(--line);padding:20px 38px;display:flex;justify-content:space-between;color:#7d8aa2;font-size:11px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:12px 20px;background:#292440;border:1px solid #8b76e8;border-radius:12px;z-index:10;pointer-events:none}#toast:empty{display:none}[hidden]{display:none!important}@media(max-width:1050px){main{padding:30px 25px}.shell{grid-template-columns:195px minmax(0,1fr)}.hero{padding:26px}}@media(max-width:760px){.topbar{padding:15px 20px;height:85px}.brand{font-size:16px}.brand small{font-size:8px}.language>span{display:none}.shell{display:block}aside{padding:12px 18px;border-right:0;border-bottom:1px solid var(--line)}.nav-caption,.sidebar-note{display:none}nav{display:flex;overflow:auto}nav a{white-space:nowrap;padding:8px 12px}.nav-icon{font-size:16px}main{padding:25px 18px 40px}.cards,.form-grid,.split{grid-template-columns:1fr}.hero{padding:25px}h1{font-size:34px}.panel{padding:20px}.stats{grid-template-columns:1fr}.result-row{align-items:flex-start}.result-value{max-width:70%;flex-wrap:wrap;justify-content:flex-end}footer{padding:20px;gap:14px;flex-wrap:wrap}.language select{width:100px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* SkyDrax Studios · visual update: carbon background and violet borders */
:root{--line:#353047;--panel:#15151e}
body{background-color:#090b10;background-image:linear-gradient(27deg,#ffffff05 5px,transparent 5px),linear-gradient(207deg,#ffffff05 5px,transparent 5px),linear-gradient(27deg,#00000022 5px,transparent 5px),linear-gradient(207deg,#00000022 5px,transparent 5px),linear-gradient(90deg,#ffffff03 10px,transparent 10px);background-size:14px 14px,14px 14px,14px 14px,14px 14px,28px 28px;background-position:0 0,7px 7px,7px 0,0 7px,0 0;background-attachment:fixed}
.shell{max-width:none;margin:0;grid-template-columns:235px minmax(0,1fr)}
aside{background:#0b0c14f5;padding:28px 12px;border-right:1px solid #302b46}
nav a{position:relative;border:1px solid transparent;min-height:43px;padding:10px 13px;border-radius:9px}
nav a.active{background:#1d203b;color:#f0edff;border-color:#4d4384;box-shadow:inset 0 1px 0 #ffffff04}
nav a.active::before{content:"";position:absolute;left:-10px;top:11px;bottom:11px;width:3px;background:#9182ff;border-radius:3px}
nav a:hover{border-color:#494064;background:#191a2b}
main{max-width:1300px}.topbar{background:#0b0c14f5}.hero{border-color:#494065}.panel,.tool-card{border-color:#3d354f;box-shadow:0 12px 35px #0000001a}.panel{background:linear-gradient(135deg,#191922f5,#12131df5)}.tool-card{background:linear-gradient(135deg,#1b1b2cf5,#11141ef5)}.tool-card:hover{border-color:#7863c2}.hero{background:linear-gradient(115deg,#23213bfa,#151a29f5)}
/* A themed language menu; no native OS dropdown. */
.language-picker{position:relative;min-width:128px}.language-picker>button{width:100%;justify-content:space-between;background:#151522;color:#ece8ff;border:1px solid #514471;padding:9px 13px;font-size:13px;font-weight:500}.language-picker>button[aria-expanded=true]{border-color:#aa94ff;box-shadow:0 0 0 3px #9a87ff18}.language-options{position:absolute;right:0;top:calc(100% + 9px);width:180px;padding:6px;background:#15141f;border:1px solid #514471;border-radius:12px;z-index:30;box-shadow:0 18px 45px #0008}.language-options button{background:transparent;width:100%;justify-content:space-between;color:#b9b2cd;font-size:13px;padding:9px 11px;font-weight:500}.language-options button span{font-size:10px;letter-spacing:1px;color:#8d80b4}.language-options button[aria-pressed=true],.language-options button:hover{background:#26213e;color:#f0ebff}
/* Compact, centered image workflow. */
main[data-tool=icons]{max-width:1080px}main[data-tool=icons]>.panel{max-width:860px;margin:20px auto}main[data-tool=icons] .drop{max-width:100%;padding:25px 22px}main[data-tool=icons] .drop .tool-icon{margin:0 auto 15px;width:38px;height:38px}main[data-tool=icons] .drop h2{font-size:19px;margin-bottom:12px}main[data-tool=icons] .drop label{max-width:430px;margin:auto}main[data-tool=icons] input[type=file]{padding:10px;font-size:12px}main[data-tool=icons] .actions{justify-content:center;align-items:end}main[data-tool=icons] .actions label{min-width:240px}main[data-tool=icons] .previews{max-width:860px;margin:auto}main[data-tool=icons] .image-preview{height:165px}main[data-tool=icons] .image-preview img{max-height:145px}
/* DNS results: labelled fields arranged in columns like the reference. */
.dns-output>.panel{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px 18px}.dns-output>.panel>h2,.dns-output>.panel>button{grid-column:1/-1}.dns-output>.panel>h2{margin:0 0 4px}.dns-output .result-row{grid-column:span 4;display:block;border:0;padding:0;min-width:0}.dns-output .result-label{display:block;margin-bottom:7px}.dns-output .result-value{max-width:none;display:flex;justify-content:initial;flex-wrap:nowrap;gap:8px}.dns-output .result-value code{display:flex;align-items:center;flex:1;min-width:0;min-height:43px;background:#20202b;border:1px solid #45404f;border-radius:8px;padding:10px 12px;line-height:1.5}.dns-output .copy{padding:9px;min-height:36px;background:#302b40;border-color:#4a405f;color:#d8caff}.dns-output>.panel:nth-of-type(2) .result-row:nth-of-type(n+6){grid-column:span 3}.dns-output>.panel:nth-of-type(2) .result-row:nth-of-type(3),.dns-output>.panel:nth-of-type(2) .result-row:nth-of-type(4){display:none}.dns-output>.panel:last-child .result-row{grid-column:1/-1}
/* Custom date/time picker. */
.calendar-input{cursor:pointer}.calendar-open{justify-self:start;font-size:12px;padding:7px 12px}.calendar-dialog{width:min(392px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow:auto;padding:24px 22px;border-radius:24px;border:1px solid #4b435b;color:#f2eff9;background:#1b1b20;box-shadow:0 25px 100px #000a}.calendar-dialog::backdrop{background:#030309b5;backdrop-filter:blur(5px)}.calendar-heading{display:flex;align-items:start;justify-content:space-between;gap:15px}.calendar-heading h2{font-size:21px;margin:0 0 5px;letter-spacing:-.5px}.calendar-heading p{font-size:11px;margin:0 0 20px;color:#a29cab}.calendar-close{border-radius:50%;background:#09090e;color:#aaa3b7;width:31px;height:31px;padding:0;font-size:22px}.calendar-navigation{display:grid;grid-template-columns:26px minmax(0,1fr) 81px 26px;gap:7px;align-items:center}.calendar-navigation select,.calendar-navigation input{padding:9px 7px;border-color:#34303e;background:#0b0b12;font-size:12px;font-weight:650;border-radius:10px}.calendar-prev,.calendar-next{background:transparent;color:#ac94ff;padding:0;font-size:25px}.calendar-weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.calendar-weekdays{margin:19px 0 10px;text-align:center;font-size:10px;color:#92899f;font-weight:600}.calendar-day{position:relative;background:transparent;color:#e2deea;border-radius:12px;aspect-ratio:1;padding:0;font-size:12px;min-width:0}.calendar-day:hover{background:#393047}.calendar-day.outside{color:#64606e}.calendar-day.selected{background:#8e76f0;color:white;box-shadow:0 4px 15px #8e76f02b}.calendar-day.today::after{content:"";position:absolute;bottom:5px;width:3px;height:3px;border-radius:50%;background:#b7a5ff}.calendar-day.selected::after{background:white}.calendar-today{width:100%;margin:15px 0;background:#0c0c13;color:#b49bff;border:1px solid #3a304c;font-size:12px;border-radius:12px}.calendar-time-label{font-size:11px}.calendar-time{background:#101018;border-color:#3e354e}.calendar-caption{font-size:10px;margin:9px 0 17px}.calendar-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.calendar-actions button{font-size:12px;padding:10px;border-radius:11px}
@media(max-width:1050px) and (min-width:761px){.shell{grid-template-columns:195px minmax(0,1fr)}}
@media(max-width:760px){.shell{display:block}.language-picker{min-width:105px}.language{gap:7px}.dns-output>.panel{grid-template-columns:1fr}.dns-output .result-row,.dns-output>.panel:nth-of-type(2) .result-row:nth-of-type(n+6){grid-column:1/-1}main[data-tool=icons] .actions label{min-width:0;width:100%}aside{padding:12px 18px}nav a.active::before{display:none}}

.calendar-open{margin:8px 0 14px}

/* Consistent dropdowns across image fit, edition, ticks, timezone and calendar. */
.themed-select{position:relative;min-width:0;width:100%;font-weight:500}
.select-trigger{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;min-height:47px;padding:12px 14px;background:#11121d;color:#eee9fb;border:1px solid #4a405f;border-radius:10px;font-size:13px;font-weight:500;text-align:left}
.select-trigger>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.select-trigger>span:last-child{color:#b39be8}
.select-trigger[aria-expanded=true]{border-color:#a48bea;box-shadow:0 0 0 3px #9877ed19}
.select-options{position:absolute;top:calc(100% + 7px);left:0;right:0;min-width:100%;max-height:230px;overflow-y:auto;z-index:40;padding:6px;background:#171520;border:1px solid #514471;border-radius:11px;box-shadow:0 18px 40px #0009}
.select-options button{display:block;width:100%;padding:10px 12px;border-radius:7px;background:transparent;color:#c7bfd8;text-align:left;font-size:12px;font-weight:500;white-space:normal}
.select-options button[aria-pressed=true]{background:#2a2342;color:#f3edff}
.select-options button:hover,.select-options button:focus-visible{background:#34294f;color:white}
.calendar-navigation .select-trigger{min-height:38px;padding:8px;font-size:12px;background:#0b0b12}
.calendar-navigation .select-options{min-width:160px;max-height:220px}
.calendar-navigation .select-options button{padding:7px 10px;text-transform:capitalize}

/* Creation tools: MOTD, commands and Discord embeds. */
textarea{font:inherit;width:100%;padding:12px 14px;border:1px solid #454057;background:#0c1019;color:var(--text);border-radius:9px;resize:vertical;min-height:90px;line-height:1.6}textarea::placeholder{color:#738199}.creator-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}.creator-layout>.panel{min-width:0;margin-top:0}.creator-preview{position:sticky;top:20px}.code-output{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;background:#090d16;border:1px solid #312b43;border-radius:10px;padding:17px;color:#d7c9ff;font:12px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;max-height:330px;overflow:auto}.motd-toolbar{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;margin:16px 0}.motd-swatch{aspect-ratio:1;min-height:30px;padding:0;font:11px ui-monospace,monospace;border:1px solid #ffffff25;border-radius:8px;text-shadow:1px 1px 2px #000}.motd-toolbar .motd-swatch{color:white}.motd-toolbar .mc-bg-e,.motd-toolbar .mc-bg-f{color:#111;text-shadow:none}.mc-server{display:flex;align-items:start;gap:12px;padding:18px;background:repeating-linear-gradient(45deg,#181b20 0 3px,#1c1f25 3px 6px);border:2px solid #45414c;border-radius:7px}.mc-server-icon{width:50px;height:50px;display:grid;place-items:center;background:#8062c3;color:#fff;font-weight:800;font-size:25px;flex-shrink:0;border:2px solid #ab9ec9}.mc-server-text{flex:1;min-width:0}.mc-server-heading{display:flex;gap:10px;justify-content:space-between;font:12px/1.5 ui-monospace,monospace;color:#eee}.mc-server-heading span{font-size:10px;color:#b2b8ac;white-space:nowrap}.mc-motd{font:14px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;text-shadow:1px 1px #000;min-height:45px;margin-top:4px}.mc-f-l{font-weight:800}.mc-f-o{font-style:italic}.mc-f-n{text-decoration:underline}.mc-f-m{text-decoration:line-through}.mc-f-n.mc-f-m{text-decoration:underline line-through}.mc-f-k{letter-spacing:1px}.command-group{border:0;padding:0;margin:22px 0}.creator-layout form{display:grid;gap:15px}.embed-fields-editor{display:grid;gap:14px}.embed-field-editor{padding:15px;border:1px solid #443753;border-radius:12px;display:grid;gap:12px;background:#100f1a}.embed-field-editor label:has(input[type=checkbox]){display:flex;align-items:center;gap:10px;font-weight:400}.embed-field-editor input[type=checkbox]{width:16px;height:16px;accent-color:#9a87ff}.embed-field-editor>button{justify-self:start;font-size:11px;padding:7px 10px}.discord-stage{background:#313338;border-radius:12px;padding:20px 14px}.embed-card{position:relative;min-height:120px;border-left:4px solid #9a87ff;border-radius:4px;padding:15px;background:#2b2d31;font:13px/1.6 ui-sans-serif,system-ui,sans-serif;overflow-wrap:anywhere;display:flow-root;color:#dbdee1}.embed-card p{color:#aaadb3}.embed-author{font-size:12px;font-weight:600;margin-bottom:7px;color:#f2f3f5}.embed-title{font-size:16px;margin:0 0 8px;color:#f2f3f5;line-height:1.4}.embed-title.linked{color:#63acfa}.embed-description{white-space:pre-wrap}.embed-thumbnail{float:right;width:64px;height:64px;margin:0 0 12px 12px;border:1px dashed #747984;border-radius:5px;display:grid;place-items:center;font-size:30px;color:#9aa0af;background:#23252b}.embed-preview-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 12px;margin-top:14px}.embed-preview-field{grid-column:1/-1;white-space:pre-wrap;min-width:0}.embed-preview-field.inline{grid-column:span 1}.embed-preview-field strong{display:block;color:#f2f3f5;font-size:12px}.embed-image{margin-top:15px;min-height:130px;border:1px dashed #747984;border-radius:6px;background:#23252b;display:grid;place-items:center;color:#a6adbd;font-size:12px}.embed-footer{font-size:10px;color:#c2c5c9;margin-top:15px}.json-output{max-height:250px}main[data-tool=motd],main[data-tool=embeds]{max-width:1450px}
@media(max-width:1150px){.creator-layout{grid-template-columns:1fr}.creator-preview{position:static}}@media(max-width:760px){.mc-server-heading{flex-wrap:wrap}.motd-swatch{max-height:45px}.embed-preview-field.inline{grid-column:1/-1}.creator-layout{gap:0}}
.mc-c-0{color:#000000}.mc-bg-0{background:#000000}
.mc-c-1{color:#0000aa}.mc-bg-1{background:#0000aa}
.mc-c-2{color:#00aa00}.mc-bg-2{background:#00aa00}
.mc-c-3{color:#00aaaa}.mc-bg-3{background:#00aaaa}
.mc-c-4{color:#aa0000}.mc-bg-4{background:#aa0000}
.mc-c-5{color:#aa00aa}.mc-bg-5{background:#aa00aa}
.mc-c-6{color:#ffaa00}.mc-bg-6{background:#ffaa00}
.mc-c-7{color:#aaaaaa}.mc-bg-7{background:#aaaaaa}
.mc-c-8{color:#555555}.mc-bg-8{background:#555555}
.mc-c-9{color:#5555ff}.mc-bg-9{background:#5555ff}
.mc-c-a{color:#55ff55}.mc-bg-a{background:#55ff55}
.mc-c-b{color:#55ffff}.mc-bg-b{background:#55ffff}
.mc-c-c{color:#ff5555}.mc-bg-c{background:#ff5555}
.mc-c-d{color:#ff55ff}.mc-bg-d{background:#ff55ff}
.mc-c-e{color:#ffff55}.mc-bg-e{background:#ffff55}
.mc-c-f{color:#ffffff}.mc-bg-f{background:#ffffff}


/* Versioned catalogs: a searchable menu that keeps the selected command ID. */
.catalog-picker{position:relative;min-width:0}.catalog-picker>label{display:grid;gap:8px}.catalog-menu{position:absolute;left:0;right:0;top:calc(100% + 7px);z-index:45;min-width:min(420px,100%);padding:10px;background:#171520;border:1px solid #514471;border-radius:12px;box-shadow:0 18px 45px #0009}.catalog-menu>input{padding:10px;font-size:12px;margin-bottom:8px}.catalog-options{max-height:260px;overflow:auto;overscroll-behavior:contain}.catalog-options button{display:block;width:100%;text-align:left;white-space:normal;font-size:12px;padding:10px;background:transparent;color:#c9c2da;font-weight:400;border-radius:7px;overflow-wrap:anywhere}.catalog-options button:hover,.catalog-options button[aria-pressed=true]{background:#302640;color:#f5edff}.catalog-menu>.hint{margin:8px 0 0;font-size:10px}.catalog-options .catalog-more{color:#bfa6ff;text-align:center;background:#221c31}
/* Color studio: HSV plane, hue strip and editable HEX. */
.color-open{margin:8px 0 16px;justify-self:start;background:#201a31;color:#d9c9ff;border:1px solid #4b3a68;font-size:12px;padding:8px 12px}.color-swatch,.color-large-swatch{display:inline-block;flex-shrink:0;width:22px;height:22px;border:1px solid #ffffff50;border-radius:50%;background:#9a87ff}.color-dialog{width:min(390px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow:auto;border:1px solid #514471;border-radius:20px;background:#191620;color:#eee8fa;padding:23px;box-shadow:0 30px 90px #0009}.color-dialog::backdrop{background:#05040b90;backdrop-filter:blur(3px)}.color-dialog h2{margin-bottom:8px}.color-dialog>p{font-size:12px}.color-plane{position:relative;margin-bottom:20px;line-height:0}.color-plane canvas{width:100%;height:auto;display:block;border-radius:9px;touch-action:none;cursor:crosshair}.color-cursor{position:absolute;width:14px;height:14px;border:2px solid white;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 0 1px #0008}.color-dialog label{margin-bottom:14px}.color-dialog input[type=range]{padding:0;width:100%;height:12px;appearance:none;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border:0;border-radius:20px;cursor:pointer}.color-dialog input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border:3px solid #fff;border-radius:50%;background:transparent;box-shadow:0 0 0 1px #0006}.color-dialog input[type=range]::-moz-range-thumb{width:12px;height:12px;border:3px solid #fff;border-radius:50%;background:transparent}.color-current{display:flex;align-items:center;gap:10px;font:13px ui-monospace,monospace;margin:15px 0}.color-large-swatch{width:28px;height:28px}.color-preset-list{display:flex;justify-content:space-between;gap:7px;margin-bottom:23px}.color-preset{width:27px;height:27px;min-width:0;border-radius:50%;padding:0;border:1px solid #ffffff40}
/* Minecraft-style server-list preview, rendered entirely on this device. */
@font-face{font-family:SkyDraxPixel;src:url('../fonts/PressStart2P-Regular.ttf') format('truetype');font-display:swap}
.mc-server{padding:10px;gap:10px;border:2px solid #777;background-color:#1b1510;background-image:repeating-linear-gradient(0deg,#ffffff03 0 4px,#00000030 4px 8px),repeating-linear-gradient(90deg,#382b2080 0 6px,#100b0870 6px 12px);border-radius:0;box-shadow:inset 0 0 18px #0007;min-height:88px;font-family:SkyDraxPixel,monospace}
.mc-server-icon{width:64px;height:64px;overflow:hidden;background:#525a59;border:0;flex-shrink:0}.mc-server-icon img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.mc-server-heading{font-family:SkyDraxPixel,monospace;font-size:10px;line-height:1.8;text-shadow:2px 2px #000;align-items:start;gap:7px}.mc-server-heading>strong{font-weight:400;min-width:0;overflow-wrap:anywhere}.mc-motd{font-family:SkyDraxPixel,monospace;font-size:10px;line-height:1.9;text-shadow:2px 2px #000;min-height:38px;margin-top:3px}.mc-list-status{display:flex;align-items:center;gap:8px;flex-shrink:0}.mc-server-heading .mc-player-count{font-family:SkyDraxPixel,monospace;color:#a3a3a3;font-size:8px;line-height:2}.mc-signal{height:14px;display:inline-flex;align-items:end;gap:1px;width:22px}.mc-signal i{display:block;width:3px;background:#61e54e;box-shadow:1px 1px #15300d}.mc-signal i:nth-child(1){height:3px}.mc-signal i:nth-child(2){height:5px}.mc-signal i:nth-child(3){height:7px}.mc-signal i:nth-child(4){height:10px}.mc-signal i:nth-child(5){height:13px}.motd-preview-settings{display:grid;grid-template-columns:1fr 1fr;gap:15px}.motd-preview-settings>label:first-child,.motd-preview-settings>label:last-child{grid-column:1/-1}.motd-preview-settings input[type=file]{font-size:11px;padding:10px}.mc-f-l{font-weight:700}
@media(max-width:760px){.catalog-menu{min-width:100%}.mc-server-heading{font-size:9px;flex-wrap:wrap}.mc-motd{font-size:9px}.mc-server-icon{width:48px;height:48px}.mc-list-status{margin-left:auto}.color-dialog{padding:20px}}

.mc-server{background-image:linear-gradient(#0007,#0007),url('../images/server-list-texture.svg');background-size:auto,64px 64px}