.motd{min-width:0;container:motd / inline-size}.motd-ws{min-width:0;overflow:hidden}.motd-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px;padding:8px 12px;border-bottom:1px solid var(--line)}.motd-bar-group{gap:2px;flex-wrap:wrap}.motd-bar .motd-sep{margin:0 4px}.motd-stage{display:flex;justify-content:center;align-items:center;padding:14px 16px;background:#141519;overflow:hidden;min-width:0}.motd-stage canvas{display:block;max-width:100%;height:auto;image-rendering:pixelated;image-rendering:crisp-edges;border-radius:4px;aspect-ratio:321 / 52;width:642px}.motd-server{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px 10px;padding:12px 16px;align-content:center;border-bottom:1px solid var(--line)}.motd-server .field{gap:4px;min-width:0}.motd-server .label{font-size:11.5px}.motd-server .input,.motd-server .select{height:34px}.motd-f-name{grid-row:1;grid-column:1 / span 3}.motd-f-ver{grid-row:1;grid-column:4 / span 3}.motd-f-num{grid-column:span 2}.motd-server .input-group{gap:6px}.motd-server .input-group .select,.motd-server .input-group .input{flex:1;min-width:0}.motd-server:has(#motdVersion:not([hidden])) .motd-f-name{grid-column:1 / -1}.motd-server:has(#motdVersion:not([hidden])) .motd-f-ver{grid-row:3;grid-column:1 / -1}.motd-edit{display:flex;flex-direction:column;gap:10px;padding:14px 16px;min-width:0}.motd-side{min-width:0;border-top:1px solid var(--line)}.motd-side-inner{display:flex;flex-direction:column;gap:10px;padding:14px 16px;min-height:0}.motd-side-panel{display:flex;flex-direction:column;gap:8px;min-height:0}.motd-side-panel[hidden]{display:none}@container motd (min-width: 900px){.motd-top,.motd-work{display:grid;grid-template-columns:minmax(0,1fr) 380px}.motd-top{border-bottom:1px solid var(--line)}.motd-server{border-bottom:0;border-left:1px solid var(--line)}.motd-side{border-top:0;border-left:1px solid var(--line);position:relative;min-height:390px}.motd-side-inner{position:absolute;inset:0}.motd-side-panel{flex:1}.motd-out{flex:1;min-height:0}.motd-side .motd-code{flex:1 1 auto;max-height:none}.motd-side .motd-templates{flex:1;min-height:0;overflow-y:auto;grid-template-columns:minmax(0,1fr);align-content:start;padding:2px;margin:-2px}}.motd-toolbar{display:flex;flex-direction:column;gap:8px}.motd-swatches{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:5px}.motd-swatch{height:28px;border-radius:6px;background:var(--sw);box-shadow:inset 0 0 0 1px #0000002e;transition:transform .12s,box-shadow .12s;min-width:0}.motd-swatch:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1px #00000040,0 2px 6px #0000002e}.motd-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--card),0 0 0 4px var(--accent)}.motd-swatch-sm{width:24px;height:24px;flex:none}.motd-tools{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.motd-tool{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:34px;height:32px;padding:0 9px;border-radius:var(--radius-control);background:var(--input-bg);font-size:13px;font-weight:600;color:var(--text-soft);transition:background-color .12s,color .12s,box-shadow .12s}.motd-tool:hover{background:#ebebee;color:var(--text)}.motd-tool .i{width:15px;height:15px}.motd-tool.is-on,.motd-tool[aria-expanded=true]{background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 0 0 1px #2f6ff059}.motd-fmt-b{font-weight:800}.motd-fmt-i{font-style:italic;font-family:Georgia,serif}.motd-fmt-u{text-decoration:underline;text-underline-offset:2px}.motd-fmt-s{text-decoration:line-through}.motd-fmt-o{font-family:var(--mono);font-size:11.5px;letter-spacing:.5px}.motd-sep{width:1px;height:22px;background:var(--line-strong);margin:0 3px}.motd-hex-dot,.motd-grad-dot{width:14px;height:14px;border-radius:4px;flex:none;box-shadow:inset 0 0 0 1px #0003}.motd-hex-dot{background:conic-gradient(#f55,#ff5,#5f5,#5ff,#55f,#f5f,#f55)}.motd-grad-dot{background:linear-gradient(90deg,#5ee7a0,#2fb8f0)}.motd-panel{border:1px solid var(--line);border-radius:var(--radius-control);padding:12px;background:#fafafb;display:flex;flex-direction:column;gap:10px}.motd-panel input[type=color]{width:40px;height:34px;padding:2px;border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--card);cursor:pointer;flex:none}.motd-hex-input{width:96px;flex:none}.motd-hex-input.is-bad{border-color:var(--red)}.motd-recent{display:flex;flex-wrap:wrap;gap:5px}.motd-grad-bar{height:16px;border-radius:6px;box-shadow:inset 0 0 0 1px #0000001f}.motd-stops{display:flex;flex-wrap:wrap;gap:8px}.motd-stop{display:flex;align-items:center;gap:4px;padding:3px;border-radius:var(--radius-control);background:var(--card);box-shadow:inset 0 0 0 1px var(--line)}.motd-grad-actions{gap:6px}.motd-presets{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:6px}.motd-preset{display:flex;flex-direction:column;gap:4px;padding:5px;border-radius:var(--radius-control);background:var(--card);box-shadow:inset 0 0 0 1px var(--line);font-size:11.5px;font-weight:600;color:var(--text-soft);text-align:left}.motd-preset:hover{box-shadow:inset 0 0 0 1px var(--accent);color:var(--accent)}.motd-preset-bar{display:block;height:14px;border-radius:4px}.motd-sym-tabs{align-self:flex-start}.motd-sym-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:5px;max-height:236px;overflow-y:auto;padding:2px}.motd-sym{height:42px;border-radius:var(--radius-control);background:#1c1e24;display:grid;place-items:center;transition:background-color .12s,box-shadow .12s}.motd-sym:hover{background:#2a2d36;box-shadow:0 0 0 2px var(--accent)}.motd-sym canvas{width:36px;height:33px;image-rendering:pixelated;image-rendering:crisp-edges}.motd-editor{position:relative;border-radius:var(--radius-control);background:#15171c;box-shadow:inset 0 0 0 1px #2a2d35;transition:box-shadow .15s}.motd-editor:focus-within{box-shadow:inset 0 0 0 1px var(--accent),0 0 0 3px #2f6ff033}.motd-overlay,.motd-input{font-family:var(--mono);font-size:16px;line-height:28px;letter-spacing:0;padding:12px 14px;white-space:pre;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-variant-ligatures:none;font-feature-settings:"liga" 0,"calt" 0}.motd-overlay{position:absolute;inset:0;overflow:hidden;pointer-events:none;color:gray;text-shadow:1px 1px 0 rgb(0 0 0 / .55)}.motd-input{position:relative;display:block;width:100%;height:82px;margin:0;border:0;outline:none;resize:none;overflow-x:auto;overflow-y:hidden;background:transparent;color:transparent;caret-color:#fff;-webkit-text-fill-color:transparent}.motd-input::-moz-selection{background:#6096ff61;color:transparent;-webkit-text-fill-color:transparent}.motd-input::selection{background:#6096ff61;color:transparent;-webkit-text-fill-color:transparent}.motd-input::-webkit-scrollbar{height:6px}.motd-input::-webkit-scrollbar-thumb{background:#3a3e48;border-radius:3px}.mm-b{text-shadow:.6px 0 0 currentColor,1px 1px 0 rgb(0 0 0 / .55)}.mm-i{font-style:oblique 10deg}.mm-u{text-decoration:underline;text-underline-offset:4px}.mm-s{text-decoration:line-through}.mm-u.mm-s{text-decoration:underline line-through}.mm-o{background:repeating-linear-gradient(90deg,rgb(255 255 255 / .1) 0 3px,transparent 3px 6px);border-radius:2px}.motd-lines{display:grid;gap:6px}.motd-line{display:grid;grid-template-columns:auto auto minmax(60px,1fr) auto;align-items:center;gap:10px}.motd-line-label{font-size:12px;font-weight:600;color:var(--text-soft);width:44px}.motd-align button{height:26px;padding:0 8px}.motd-align .i{width:15px;height:15px}.motd-meter{height:6px;border-radius:6px;background:var(--input-bg);overflow:hidden}.motd-meter span{display:block;height:100%;width:0;background:var(--green);border-radius:6px;transition:width .15s}.motd-line.is-over .motd-meter span{background:var(--red)}.motd-line.is-over .motd-px{color:var(--red-dark);font-weight:600}.motd-px{min-width:104px;text-align:right;color:var(--text-soft)}.motd-warn p+p{margin-top:4px}.motd-codes{min-height:56px;font-size:12.5px;white-space:pre-wrap;word-break:break-all;margin-top:8px}.motd-settings{gap:8px 18px;align-items:center}.motd .motd-client{width:auto;height:32px}.motd-codes-more{flex-basis:100%}.motd-codes-more>summary{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:var(--radius-control);background:var(--input-bg);font-size:12.5px;font-weight:600;color:var(--text-soft);cursor:pointer;list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.motd-codes-more>summary::-webkit-details-marker{display:none}.motd-codes-more>summary:hover{color:var(--text)}.motd-codes-more>summary .i{width:14px;height:14px}.motd-codes-more[open] .motd-chev{transform:rotate(180deg)}.motd-settings .motd-codes-more:not([open]){flex-basis:auto;margin-left:auto}.motd-side-tabs,.motd-out-tabs{display:grid;gap:2px;padding:3px;background:var(--input-bg);border-radius:var(--radius-control)}.motd-side-tabs{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.motd-side-tabs button{justify-content:center;height:30px}.motd-side-tabs .i{width:14px;height:14px}.motd-out-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.motd-out-tabs button{height:28px;padding:0 4px;font-size:11.5px;font-weight:600;color:var(--muted);border-radius:var(--radius-chip);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.motd-out-tabs button:hover{color:var(--text)}.motd-out-tabs .active{background:var(--card);color:var(--text);box-shadow:0 1px 2px #0000000f}.motd-out{display:flex;flex-direction:column;gap:8px;min-height:0}.motd-out-bar{display:flex;align-items:center;gap:8px}.motd-out-opts{gap:6px;flex:1;min-width:0}.motd-out-opts:empty{visibility:hidden;height:32px}.motd .motd-opt{width:auto;max-width:100%;min-width:0;height:32px;font-size:12px}.motd-copy{flex:none;margin-left:auto}.motd-code{margin:0;padding:12px 14px;min-height:64px;max-height:260px;overflow:auto;border-radius:var(--radius-control);background:#1b1b1f;color:#e8e8ea;font-family:var(--mono);font-size:12px;line-height:1.6;white-space:pre-wrap;word-break:break-all}.motd-code:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.motd-out-note{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);cursor:help;flex:none}.motd-out-note .i{width:14px;height:14px;flex:none}.motd-warn,.motd-out-warn{padding:8px 12px;align-items:center;flex:none}.motd-warn .i,.motd-out-warn .i{margin-top:0;flex:none}.motd-templates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.motd-tpl{display:flex;flex-direction:column;gap:4px;padding:5px;border-radius:var(--radius-control);background:var(--card);box-shadow:inset 0 0 0 1px var(--line);text-align:left;transition:box-shadow .12s;min-width:0}.motd-tpl:hover{box-shadow:inset 0 0 0 1px var(--accent),0 4px 14px #14182814}.motd-tpl canvas{width:100%;height:auto;aspect-ratio:271 / 20;border-radius:4px;background:#121318;image-rendering:pixelated;image-rendering:crisp-edges}.motd-tpl-name{font-size:12px;font-weight:600;padding:0 3px 1px}.motd-icon-drop{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px;border:1px dashed var(--line-strong);border-radius:var(--radius-control)}.motd-icon-drop.is-over{border-color:var(--accent);background:var(--accent-soft)}.motd-icon-drop label.btn{cursor:pointer}.motd-crop{display:flex;flex-wrap:wrap;gap:16px;margin-top:14px}.motd-crop-view{width:280px;max-width:100%;aspect-ratio:1;border-radius:var(--radius-control);overflow:hidden;touch-action:none;cursor:grab;box-shadow:inset 0 0 0 1px var(--line-strong)}.motd-crop-view:active{cursor:grabbing}.motd-crop-view canvas{width:100%;height:100%;display:block}.motd-crop-side{flex:1;min-width:180px}.motd-crop-side input[type=range]{width:100%;accent-color:var(--accent)}.motd-icon-previews{gap:12px;align-items:flex-end}.motd-icon-previews canvas{border-radius:4px;box-shadow:0 0 0 1px var(--line-strong);background:#23262c}#motdIconOut{width:64px;height:64px}#motdIconOut2{width:128px;height:128px;image-rendering:pixelated}@media(max-width:640px){.motd-swatches{grid-template-columns:repeat(8,minmax(0,1fr))}.motd-swatch{height:30px}.motd-templates{grid-template-columns:minmax(0,1fr)}.motd-hide-sm{display:none}.motd-line{gap:8px}.motd-line-label{width:auto}.motd-line .motd-px{min-width:0;font-size:11px}.motd-stage{padding:12px 8px}.motd-overlay,.motd-input{padding:10px 12px}}