.mx,.mx-tokens{--mx-paper:#f4f0e8;--mx-card:#fffdf9;--mx-soft:#f1ebe2;--mx-line:#e6dccf;--mx-grid:#d6cabb;--mx-ink:#2a2320;--mx-muted:#84786e;--mx-on-ink:#fffaf3;--mx-wire:#b8a896;--mx-load:#e9804a;--mx-load-soft:#fde3d0;--mx-load-ink:#b85a24;--mx-ok:#5aa86d;--mx-ok-soft:#d3ebd8;--mx-ok-ink:#2f6b3f;--mx-bad:#c2462e;--mx-bad-soft:#f8ddd5;--mx-mark:#fbedc4;--mx-hatch-a:#efe7dc;--mx-hatch-b:#f8f3ec;--mx-hatch:repeating-linear-gradient(135deg, var(--mx-hatch-a) 0 2px, var(--mx-hatch-b) 2px 7px);--mx-on-hue:#fffaf3;--mx-mark-ink:#7a5d0c;--mx-select:#f3d98c2e;--mx-shade:#2a2320;--mx-check-a:#e9e2d8;--mx-check-b:#f7f3ed;--mx-mono:var(--font-plex-mono), ui-monospace, "SF Mono", Menlo, monospace}@media screen{:root[data-theme=dark] :is(.mx,.mx-tokens){--mx-paper:#18181a;--mx-card:#212123;--mx-soft:#2c2c2f;--mx-line:#313134;--mx-grid:#38383b;--mx-ink:#f0f0f0;--mx-muted:#9d9da2;--mx-on-ink:#18181a;--mx-wire:#77777b;--mx-load:#ff7a2e;--mx-load-soft:#3d2416;--mx-load-ink:#ff8f4f;--mx-ok:#6bc182;--mx-ok-soft:#1c2e21;--mx-ok-ink:#8ad69e;--mx-bad:#e46a50;--mx-bad-soft:#351c16;--mx-mark:#3a3020;--mx-hatch-a:#2c2c2f;--mx-hatch-b:#212123;--mx-mark-ink:#f0cc67;--mx-select:#ff7a2e1a;--mx-shade:#000;--mx-check-a:#2c2c2f;--mx-check-b:#212123}}.mx{--mx-pal-w:304px;grid-template-columns:var(--mx-pal-w) minmax(0, 1fr) 340px;background:var(--mx-paper);height:100svh;color:var(--mx-ink);font-family:var(--font-serif), Georgia, serif;grid-template-rows:64px minmax(0,1fr);font-size:14.5px;line-height:1.4;display:grid;position:relative;overflow:hidden}.mx,.mx *,.mx :before,.mx :after{box-sizing:border-box}.mx :where(h1,h2,h3,p,ol,ul,dl,dd,figure){margin:0;padding:0}.mx :where(ol,ul){list-style:none}.mx :where(button,input){font:inherit;color:inherit}.mx :where(button){cursor:pointer;background:0 0;border:0}.mx :where(button:disabled){cursor:not-allowed;opacity:.4}.mx .sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mx :focus-visible{outline:2px solid var(--mx-ink);outline-offset:2px}.mx-icon{flex:none}.mx-note{color:var(--mx-muted);font-size:12.5px;line-height:1.45}.mx-head{border-bottom:1px solid var(--mx-line);background:var(--mx-card);grid-column:1/-1;align-items:center;gap:16px;padding:0 16px;display:flex}.mx-head-title{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.mx-head-name{min-width:0}.mx-head-title small{font:600 10.5px/1.2 var(--mx-mono);text-overflow:ellipsis;white-space:nowrap;letter-spacing:.06em;text-transform:uppercase;color:var(--mx-muted);display:block;overflow:hidden}.mx-head-title h1{text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:500;overflow:hidden}.mx-run{align-items:center;gap:8px;display:flex}.mx-run-btn{background:var(--mx-load);height:38px;color:var(--mx-on-hue);border-radius:999px;align-items:center;gap:8px;padding:0 18px 0 14px;font-weight:500;display:inline-flex}.mx-run-btn.is-running{background:var(--mx-ink);color:var(--mx-on-ink)}.mx-clock{min-width:46px;font:500 15px var(--mx-mono);text-align:center}.mx-behind{color:var(--mx-load-ink);font-size:12px}.mx-head-tools{flex:1;justify-content:flex-end;align-items:center;gap:8px;display:flex}.mx-icon-btn{border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.mx-icon-btn:not(:disabled):hover{background:var(--mx-soft)}.mx-head .mx-icon-btn.is-round{border:1px solid var(--mx-line);background:var(--mx-card);width:38px;height:38px}.mx-head .mx-icon-btn.is-round:not(:disabled):hover,.mx-head .mx-icon-btn.is-round[aria-expanded=true]{border-color:var(--mx-ink);background:var(--mx-card)}.mx-head-status{border-left:1px solid var(--mx-line);flex:none;align-items:center;gap:12px;padding-left:14px;display:flex}.mx-head-status:empty{display:none}.mx-status{border:1px solid var(--mx-line);background:var(--mx-card);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;height:32px;padding:0 13px;font-size:13px;font-weight:500;display:inline-flex}.mx-status:hover{border-color:var(--mx-ink)}.mx-status.is-ok{border-color:var(--mx-ok-soft);background:var(--mx-ok-soft);color:var(--mx-ok-ink)}.mx-status.is-ok:hover{border-color:var(--mx-ok)}.mx-status.is-warm{border-color:var(--mx-load-soft);color:var(--mx-load-ink)}.mx-status.is-warm:hover{border-color:var(--mx-load)}.mx-status.is-busy{border-color:var(--mx-load-soft);background:linear-gradient(90deg, var(--mx-load-soft) var(--mx-done), var(--mx-card) var(--mx-done));color:var(--mx-load-ink)}.mx-status-dots{gap:4px;display:flex}.mx-status-dots i{border:1.5px solid var(--mx-grid);border-radius:50%;width:8px;height:8px}.mx-status-dots i.is-met{border-color:var(--mx-ok);background:var(--mx-ok)}.mx-status-split{border:1px solid var(--mx-line);background:var(--mx-card);white-space:nowrap;border-radius:999px;height:32px;font-size:13px;display:inline-flex}.mx-status-split button{border-radius:999px 0 0 999px;align-items:center;gap:5px;padding:0 10px 0 13px;display:inline-flex}.mx-status-split button+button{border-left:1px solid var(--mx-line);border-radius:0 999px 999px 0;padding:0 10px 0 9px}.mx-status-split button:hover{background:var(--mx-soft)}.mx-status-split b{font:600 14px var(--mx-mono)}.mx-status-of,.mx-status-split.is-stale b{color:var(--mx-muted)}.mx-saved{color:var(--mx-muted);white-space:nowrap;align-items:center;gap:5px;font-size:12.5px;display:inline-flex}.mx-saved .mx-icon{color:var(--mx-ok)}.mx-saved.is-failed,.mx-saved.is-failed .mx-icon{color:var(--mx-bad);font-weight:500}.mx-saved-dot{background:var(--mx-grid);border-radius:50%;width:7px;height:7px;margin:0 4px;animation:.9s ease-in-out infinite mx-blink}.mx-tool-group{border:1px solid var(--mx-line);background:var(--mx-card);border-radius:999px;align-items:center;padding:2px;display:flex}.mx-tool-group .mx-icon-btn{width:32px;height:32px}.mx-zoom{min-width:44px;font:500 12.5px var(--mx-mono);text-align:center}.mx-head-btn{height:38px;padding:0 16px 0 13px}.mx-head-btn[aria-expanded=true]{border-color:var(--mx-ink)}@media (max-width:1360px){.mx-saved>span{display:none}}@media (max-width:1180px){.mx-zoom-step,.mx-status-more,.mx-head-btn span{display:none}.mx-head-btn{justify-content:center;width:38px;padding:0}}@media (max-width:1100px){.mx-head-status>:not(.is-failed),.mx-shortcuts,.mx-zoom{display:none}.mx-head-status:not(:has(.is-failed)){display:none}}@media (max-width:860px){.mx-zoom-group{display:none}}.mx-seg{background:var(--mx-soft);border-radius:999px;gap:2px;padding:3px;font-size:13px;display:flex}.mx-seg button{height:30px;color:var(--mx-muted);white-space:nowrap;border-radius:999px;padding:0 10px}.mx-seg button:hover{color:var(--mx-ink)}.mx-seg [aria-pressed=true]{background:var(--mx-card);color:var(--mx-ink);box-shadow:0 1px 2px color-mix(in srgb, var(--mx-shade) 10%, transparent);font-weight:500}.mx-seg-wide{margin-top:8px}.mx-seg-wide button{flex:1}.mx-popover-wrap{position:relative}.mx-popover{z-index:20;border:1px solid var(--mx-line);background:var(--mx-card);width:290px;box-shadow:0 14px 34px -14px color-mix(in srgb, var(--mx-shade) 30%, transparent);border-radius:16px;padding:8px 16px;position:absolute;top:44px;right:0}.mx-popover div{justify-content:space-between;align-items:center;padding:7px 0;font-size:13px;display:flex}.mx-popover div+div{border-top:1px solid var(--mx-line)}.mx kbd{border:1px solid var(--mx-line);background:var(--mx-paper);font:12px var(--mx-mono);border-bottom-width:2px;border-radius:6px;padding:2px 7px}.mx-palette{border-right:1px solid var(--mx-line);background:var(--mx-card);flex-direction:column;gap:16px;padding:16px 12px;display:flex;overflow-y:auto}.mx-pal-lock{border:1px dashed var(--mx-line);background:color-mix(in srgb, var(--mx-muted) 7%, transparent);border-radius:12px;gap:6px;padding:14px 14px 15px;display:grid}.mx-pal-lock svg{fill:none;width:20px;height:20px;stroke:var(--mx-ink);stroke-width:1.6px;stroke-linecap:round}.mx-pal-lock b{color:var(--mx-ink);font-size:14px;font-weight:600}.mx-pal-lock p{color:var(--mx-muted);margin:0;font-size:12.5px;line-height:1.5}.mx-pal-parts{gap:2px;margin:0;padding:0;list-style:none;display:grid}.mx-pal-parts button{text-align:left;width:100%;color:var(--mx-ink);cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;padding:5px 6px;display:flex}.mx-pal-parts button:hover,.mx-pal-parts button.is-on{background:color-mix(in srgb, var(--mx-muted) 12%, transparent)}.mx-pal-parts span:last-child{min-width:0;display:grid}.mx-pal-parts b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.mx-pal-parts small{font:11px var(--mx-mono);color:var(--mx-muted)}.mx-pal-section h2{font:600 10px var(--mx-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mx-muted);align-items:center;gap:8px;margin:0 6px 6px;display:flex}.mx-pal-section h2:after{content:"";border-top:1px solid var(--mx-line);flex:1}.mx-thumb{border:1px solid var(--mx-line);background-color:var(--mx-paper);background-image:radial-gradient(circle, var(--mx-grid) .8px, transparent 1px);background-size:8px 8px;border-radius:10px;place-items:center;height:52px;transition:border-color .15s,translate .15s;display:grid}.mx-thumb svg{width:72px;height:48px}.mx-thumb-small{flex:none;width:64px;height:44px}.mx-thumb-small svg{width:60px;height:40px}.mx-pal-search{border:1px solid var(--mx-line);background:var(--mx-paper);border-radius:999px;flex:none;align-items:center;gap:8px;height:38px;padding:0 10px 0 12px;display:flex}.mx-pal-search:focus-within{border-color:var(--mx-ink)}.mx-pal-search svg{fill:none;width:16px;height:16px;stroke:var(--mx-muted);stroke-width:1.8px;stroke-linecap:round;flex:none}.mx-pal-search input:focus-visible{outline:none}.mx-pal-search input{background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:13px}.mx-pal-search button{width:22px;height:22px;color:var(--mx-muted);border-radius:50%;font-size:16px;line-height:1}.mx-pal-cats{flex-wrap:wrap;gap:6px;display:flex}.mx-pal-cats button{border:1px solid var(--mx-line);height:28px;color:var(--mx-muted);border-radius:999px;padding:0 11px;font-size:12.5px}.mx-pal-cats button:hover{border-color:var(--mx-ink);color:var(--mx-ink)}.mx-pal-cats button[aria-pressed=true]{border-color:var(--mx-ink);background:var(--mx-ink);color:var(--mx-on-ink)}.mx-kind-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px;display:grid}.mx-kind-card{text-align:left;cursor:grab;flex-direction:column;align-items:stretch;gap:2px;min-width:0;padding:0;display:flex}.mx-kind-card .mx-thumb{height:64px;margin-bottom:6px}.mx-kind-card b{text-overflow:ellipsis;white-space:nowrap;padding:0 2px;font-size:13.5px;font-weight:500;overflow:hidden}.mx-kind-card small{font:10.5px var(--mx-mono);color:var(--mx-muted);padding:0 2px}.mx-kind-card:hover .mx-thumb{border-color:var(--mx-ink);translate:0 -1px}.mx-pal-detail,.mx-pal-results{flex-direction:column;gap:8px;display:flex}.mx-pal-back{height:28px;color:var(--mx-muted);border-radius:999px;align-self:flex-start;align-items:center;gap:4px;padding:0 10px 0 4px;font-size:12.5px;display:inline-flex}.mx-pal-back:hover{background:var(--mx-paper);color:var(--mx-ink)}.mx-pal-back svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.mx-pal-hero{flex-direction:column;gap:4px;margin-bottom:6px;display:flex}.mx-thumb-hero{background-size:10px 10px;height:104px;margin-bottom:8px}.mx-thumb-hero svg{width:150px;height:100px}.mx-pal-hero h2{letter-spacing:-.01em;font-size:19px;font-weight:500}.mx-pal-hero>p{color:var(--mx-muted);font-size:13px}.mx-pal-hero .mx-pal-choose{background:var(--mx-paper);color:var(--mx-ink);border-radius:12px;margin-top:6px;padding:10px 12px;font-size:12.5px;line-height:1.45}.mx-pal-choose b{font-weight:600}.mx-pal-list-head{font:10px var(--mx-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mx-muted);justify-content:space-between;padding:6px 2px 0;display:flex}.mx-pal-results .mx-pal-section+.mx-pal-section{margin-top:6px}.mx-result-kind+.mx-result-kind{margin-top:8px}.mx-result-head{text-align:left;border-radius:12px;align-items:center;gap:10px;width:100%;padding:4px;display:flex}.mx-result-head:hover{background:var(--mx-paper)}.mx-result-head b{font-size:14px;font-weight:500;display:block}.mx-result-head small{color:var(--mx-muted);font-size:11.5px;display:block}.mx-thumb-mini{background-size:6px 6px;border-radius:8px;flex:none;width:52px;height:36px}.mx-thumb-mini svg{width:48px;height:32px}.mx-variants{margin:2px 0 0 30px;padding-left:12px;position:relative}.mx-variants:before{content:"";border-left:1px solid var(--mx-line);position:absolute;top:0;bottom:16px;left:0}.mx-variant{text-align:left;cursor:grab;border-radius:10px;width:100%;padding:6px 8px;display:block;position:relative}.mx-variant:before{content:"";border-top:1px solid var(--mx-line);width:9px;position:absolute;top:16px;left:-12px}.mx-variant:hover{background:var(--mx-paper)}.mx-variant:hover:before{border-color:var(--mx-ink)}.mx-variant-name{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.mx-variant b{font-size:13.5px;font-weight:500}.mx-variant em{font:10.5px var(--mx-mono);color:var(--mx-muted);flex:none;font-style:normal}.mx-variant small{color:var(--mx-muted);font-size:12px;display:block}.mx-palette mark{background:var(--mx-mark);color:inherit;border-radius:3px}.mx-pal-count{font:10.5px var(--mx-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--mx-muted);padding:0 2px}.mx-type-card{border:1px solid var(--mx-line);background:var(--mx-card);text-align:left;cursor:grab;border-radius:14px;flex-direction:column;gap:10px;width:100%;padding:12px 13px 13px;transition:border-color .15s,translate .15s,box-shadow .15s;display:flex;position:relative}.mx-type-card:hover{border-color:var(--mx-ink);box-shadow:0 10px 22px -16px color-mix(in srgb, var(--mx-shade) 50%, transparent);translate:0 -1px}.mx-type-card-top{align-items:center;gap:12px;display:flex}.mx-type-mini{background-color:var(--mx-paper);background-image:radial-gradient(circle, var(--mx-grid) .8px, transparent 1px);background-size:7px 7px;border-radius:10px;flex:none;width:92px;height:62px;position:relative;overflow:hidden}.mx-type-mini-part{transform-origin:50%;position:absolute;top:54%;left:50%}.mx-type-mini .mx-part-meta,.mx-type-mini .mx-port{display:none}.mx-result-head.is-static{cursor:default}.mx-result-head.is-static:hover{background:0 0}.mx-guide{color:var(--mx-ink);flex-direction:column;gap:8px;display:flex}.mx-guide-cards{flex-direction:column;gap:8px;display:flex}.mx-type-card.is-static{cursor:default}.mx-type-card.is-static:hover{border-color:var(--mx-line);box-shadow:none;translate:none}.mx-type-card-title{flex:1;min-width:0}.mx-type-card-name{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.mx-type-card b{font-size:14.5px;font-weight:500}.mx-type-card em{font:10.5px var(--mx-mono);color:var(--mx-muted);flex:none;font-style:normal}.mx-type-card-title small{color:var(--mx-muted);margin-top:1px;font-size:12px;line-height:1.35;display:block}.mx-traits{border-top:1px solid var(--mx-line);border-bottom:1px solid var(--mx-line);gap:5px;padding:10px 0;display:grid}.mx-trait{justify-content:space-between;align-items:center;gap:10px;display:flex}.mx-trait small{color:var(--mx-muted);font-size:12px}.mx-dots{gap:3px;display:flex}.mx-dots i{background:var(--mx-soft);border-radius:3px;width:14px;height:6px}.mx-dots i.is-on{background:var(--mx-ink)}.mx-type-card:hover .mx-dots i.is-on{background:var(--mx-load)}.mx-type-card-good{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:12.5px;line-height:1.45;display:-webkit-box;overflow:hidden}.mx-type-card-add{background:var(--mx-ink);width:22px;height:22px;color:var(--mx-on-ink);opacity:0;border-radius:50%;place-items:center;font-size:15px;line-height:1;transition:opacity .15s,scale .15s;display:grid;position:absolute;top:-9px;right:-9px;scale:.6}.mx-type-card:hover .mx-type-card-add{opacity:1;scale:1}.mx-howto{background:var(--mx-paper);border-radius:14px;flex:none;margin-top:auto;padding:12px 12px 14px}.mx-howto svg{width:100%;height:auto;display:block;overflow:visible}.mx-howto .box{fill:var(--mx-card);stroke:var(--mx-ink);stroke-width:1.3px}.mx-howto .label{stroke:var(--mx-ink);stroke-width:1.8px;stroke-linecap:round}.mx-howto .wire{fill:none;stroke:var(--mx-ink);stroke-width:1.4px;stroke-dasharray:4 3;animation:.8s linear infinite mx-march}.mx-howto .from{fill:var(--mx-ink)}.mx-howto .to{fill:var(--mx-card);stroke:var(--mx-ink);stroke-width:1.3px}.mx-howto .cursor{fill:var(--mx-card);stroke:var(--mx-ink);stroke-width:1.1px;stroke-linejoin:round}.mx-howto p{color:var(--mx-muted);margin-top:8px;font-size:12.5px;line-height:1.45}.mx-howto b{color:var(--mx-ink);font-weight:500}@keyframes mx-march{to{stroke-dashoffset:-7px}}.mx-pal-resize{top:64px;bottom:0;left:calc(var(--mx-pal-w) - 4px);z-index:15;cursor:col-resize;touch-action:none;width:8px;position:absolute}.mx-pal-resize:after{content:"";background:0 0;transition:background .15s;position:absolute;inset:0 3px}.mx-pal-resize:hover:after,.mx-pal-resize:focus-visible:after,.mx.is-resizing .mx-pal-resize:after{background:var(--mx-ink)}.mx-pal-resize:focus-visible{outline:none}.mx.is-resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.mx-ghost{z-index:60;pointer-events:none;transform-origin:0 0;filter:drop-shadow(0 12px 20px color-mix(in srgb, var(--mx-shade) 18%, transparent));opacity:.95;position:fixed}.mx-ghost-source{z-index:60;pointer-events:none;position:fixed}.mx-ghost-source>*{border:1px solid var(--mx-line);background:var(--mx-card);width:100%;box-shadow:0 14px 28px -12px color-mix(in srgb, var(--mx-shade) 35%, transparent);opacity:.96;border-radius:12px;margin:0;translate:none}.mx-ghost-source>.mx-kind-card{padding:6px 6px 8px}.mx-ghost-source .mx-variant:before{display:none}.mx-ghost-source mark{background:var(--mx-mark);color:inherit;border-radius:3px}.mx-stage{grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:0;display:grid}.mx-canvas{min-height:0;position:relative}.mx-canvas .react-flow{background:var(--mx-paper)}.mx-loading,.mx-empty{text-align:center;color:var(--mx-muted);pointer-events:none;place-content:center;gap:6px;display:grid;position:absolute;inset:0}.mx-empty p:first-child{color:var(--mx-ink);font-size:16px}.mx-notice{z-index:10;background:var(--mx-ink);max-width:min(90%,560px);color:var(--mx-on-ink);text-align:center;border-radius:999px;padding:10px 18px;font-size:13.5px;animation:.25s ease-out mx-rise;position:absolute;bottom:18px;left:50%;translate:-50%}@keyframes mx-rise{0%{opacity:0;translate:-50% 8px}}.mx-defs{width:0;height:0;position:absolute}.mx .react-flow__selection{border:1px dashed var(--mx-ink);background:var(--mx-select)}.mx .react-flow__attribution{background:0 0;font-size:10px}.mx .react-flow__attribution a{color:var(--mx-muted)}.mx .react-flow__connectionline{z-index:5}.mx-part{color:var(--mx-ink);position:relative}.mx-label{font:600 10.5px/1.2 var(--mx-mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.mx-sub{color:var(--mx-muted);font-size:11px}.mx-part-meta{font:11px var(--mx-mono);color:var(--mx-muted);white-space:nowrap;pointer-events:none;position:absolute;top:calc(100% + 8px);left:50%;translate:-50%}.mx-part.is-hot .mx-part-meta,.mx-part.is-warm .mx-part-meta{color:var(--mx-load-ink)}.mx-part.is-bad .mx-part-meta,.mx-part.is-down .mx-part-meta{color:var(--mx-bad)}.mx-part.is-selected:after{content:"";border:1.5px dashed var(--mx-ink);pointer-events:none;border-radius:16px;position:absolute;inset:-8px}.mx-box,.mx-pill{border:1.5px solid var(--mx-ink);background:var(--mx-card);transition:box-shadow .3s;position:absolute;inset:0}.mx-box{border-radius:10px;flex-direction:column;justify-content:space-between;padding:10px 12px 11px;display:flex}.mx-box-top{justify-content:space-between;align-items:center;display:flex}.mx-load{border:1.5px solid var(--mx-ink);background:var(--mx-soft);border-radius:4px;height:14px;overflow:hidden}.mx-load i{background:var(--mx-load);height:100%;transition:width .4s ease-out;display:block}.mx-led{border:1.5px solid var(--mx-muted);border-radius:50%;width:8px;height:8px}.mx-led.is-ok{border-color:var(--mx-ok);background:var(--mx-ok)}.mx-led.is-warm,.mx-led.is-hot{border-color:var(--mx-load);background:var(--mx-load)}.mx-led.is-hot{animation:1s infinite mx-pulse}.mx-led.is-bad,.mx-led.is-down{border-color:var(--mx-bad);background:var(--mx-bad)}@keyframes mx-pulse{50%{box-shadow:0 0 0 4px var(--mx-load-soft)}}.mx-part.is-hot :is(.mx-box,.mx-pill){box-shadow:0 0 0 5px var(--mx-load-soft)}.mx-part.is-bad :is(.mx-box,.mx-pill){border-color:var(--mx-bad);box-shadow:0 0 0 5px var(--mx-bad-soft)}.mx-part.is-down :is(.mx-box,.mx-pill){border-style:dashed;border-color:var(--mx-bad);background:var(--mx-hatch)}.mx-cells{gap:4px;display:flex}.mx-cells i{border:1.3px solid var(--mx-ink);background:var(--mx-soft);border-radius:3px;width:13px;height:22px;position:relative;overflow:hidden}.mx-cells b{background:var(--mx-load);transition:height .4s ease-out;position:absolute;inset:auto 0 0}.mx-cells .is-spare{border-style:dashed;border-color:var(--mx-grid);background:0 0}.mx-cells .is-starting{background:var(--mx-hatch);border-style:dashed;animation:1.2s infinite mx-blink}.mx-cells .is-leaving{opacity:.35}@keyframes mx-blink{50%{opacity:.45}}.mx-chip{z-index:1;border:1px solid var(--mx-ink);background:var(--mx-card);font:600 9.5px/1.5 var(--mx-mono);letter-spacing:.03em;white-space:nowrap;border-radius:999px;padding:1px 7px;position:absolute;top:-10px;left:10px}.mx-database .mx-chip{top:-14px;left:50%;translate:-50%}.mx-type-function .mx-box,.mx-type-dns .mx-pill{border-style:dashed}.mx-row-box{flex-direction:row;justify-content:flex-start;align-items:center;gap:12px}.mx-glyph{fill:none;width:24px;height:24px;stroke:var(--mx-ink);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none}.mx-conveyor{align-items:center;gap:3px;display:flex}.mx-conveyor i{border:1.2px solid var(--mx-ink);background:var(--mx-card);border-radius:2px;flex:1;height:12px}.mx-conveyor i.is-full{background:var(--mx-load)}.mx-conveyor svg{fill:none;width:12px;height:12px;stroke:var(--mx-ink);stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;flex:none}.mx-storage .mx-label{top:48%}.mx-globe{fill:none;width:26px;height:26px;stroke:var(--mx-ink);stroke-width:1.3px}.mx-db-body-fill{fill:var(--mx-card)}.mx-cyl.is-down .mx-db-line{stroke:var(--mx-bad);stroke-dasharray:4 3}.mx-cyl.is-down .mx-db-body-fill{fill:var(--mx-bad-soft)}.mx-down-tag{background:var(--mx-bad);color:var(--mx-on-hue);font:600 10px/1.5 var(--mx-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:1px 7px;position:absolute;top:-10px;right:10px}.mx-pill{border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex}.mx-cache-box{flex-direction:row;justify-content:flex-start;align-items:center;gap:12px}.mx-slots{flex-direction:column;gap:4px;display:flex}.mx-slots i{border:1.2px solid var(--mx-ink);border-radius:2px;width:22px;height:5px;display:block}.mx-slots i:first-child{background:var(--mx-load)}.mx-db-body,.mx-clients-body{position:absolute;inset:0}.mx-db-body svg{width:100%;height:100%;overflow:visible}.mx-db-line{fill:none;stroke:var(--mx-ink);stroke-width:1.5px}.mx-db-top{fill:var(--mx-card)}.mx-db-fill{fill:var(--mx-load);transition:y .4s ease-out,height .4s ease-out}.mx-db-body .mx-label{background:var(--mx-card);border-radius:4px;padding:1px 4px;position:absolute;top:58%;left:50%;translate:-50% -50%}.mx-part.is-down .mx-db-line{stroke:var(--mx-bad);stroke-dasharray:5 4}.mx-clients-body{flex-direction:column;justify-content:space-between;align-items:center;padding:2px 0;display:flex}.mx-clients-body svg{height:86px;fill:var(--mx-card);stroke:var(--mx-ink);stroke-width:1.5px;stroke-linecap:round}.mx .react-flow__handle.mx-port{border:1.5px solid var(--mx-ink);background:var(--mx-card);border-radius:50%;width:11px;min-width:0;height:11px;min-height:0;transition:scale .15s,background .15s}.mx .react-flow__handle.mx-port:hover,.mx .react-flow__handle.mx-port.connectingto{background:var(--mx-ink);scale:1.35}.mx .react-flow__edge-path.mx-wire{stroke:var(--mx-wire);stroke-width:1.6px}.mx .react-flow__edge.selected .mx-wire,.mx .mx-wire.is-selected{stroke:var(--mx-ink);stroke-width:2.2px}.mx .mx-wire.is-off{stroke-dasharray:5 5;opacity:.55}.mx .mx-wire.is-failing{stroke:var(--mx-bad)}.mx-arrow{fill:none;stroke:var(--mx-wire);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.mx-arrow.is-off{opacity:.55}.mx-dot{fill:var(--mx-load)}.mx-dot.is-failing{fill:var(--mx-bad)}.mx-wire-label{border:1px solid var(--mx-line);background:var(--mx-card);color:var(--mx-muted);font:10.5px/1.5 var(--mx-mono);white-space:nowrap;pointer-events:none;border-radius:999px;padding:1px 7px;position:absolute}.mx-wire-label.is-off,.mx-wire-label.is-failing{border-color:var(--mx-bad-soft);color:var(--mx-bad)}.mx-metrics{border-top:1px solid var(--mx-line);background:var(--mx-card);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.mx-metric{min-width:0;padding:12px 18px 10px}.mx-metric+.mx-metric{border-left:1px solid var(--mx-line)}.mx-metric small{color:var(--mx-muted);font-size:11.5px;display:block}.mx-metric b{font:500 19px/1.3 var(--mx-mono);display:block}.mx-metric-sub{margin-top:4px}.mx-spark{width:100%;height:26px;margin-top:4px;display:block;overflow:visible}.mx-spark path{fill:none;stroke:var(--mx-ink);stroke-width:1.3px;vector-effect:non-scaling-stroke}.mx-metric.is-warm b,.mx-metric.is-warn b{color:var(--mx-load-ink)}.mx-metric.is-warn .mx-spark path{stroke:var(--mx-load)}.mx-metric.is-bad b{color:var(--mx-bad)}.mx-metric.is-bad .mx-spark path{stroke:var(--mx-bad)}.mx-side{border-left:1px solid var(--mx-line);background:var(--mx-card);flex-direction:column;min-height:0;display:flex}.mx-side-body{flex:1;min-height:0;padding:22px;overflow-y:auto}.mx-insp-head{align-items:center;gap:12px;display:flex}.mx-insp-head small{color:var(--mx-muted);font-size:12.5px;display:block}.mx-insp-title{font-size:17px;font-weight:500}.mx-name{background:0 0;border:0;border-bottom:1px dashed #0000;outline:none;width:100%;padding:0 0 2px;font-size:17px;font-weight:500}.mx-name:hover{border-bottom-color:var(--mx-line)}.mx-name:focus{border-bottom-color:var(--mx-ink)}.mx-type{margin-top:18px}.mx-type select{border:1px solid var(--mx-line);background:var(--mx-paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232a2320' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='m6 9.5 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center / 16px;width:100%;height:38px;font:inherit;color:var(--mx-ink);appearance:none;cursor:pointer;border-radius:10px;margin-top:8px;padding:0 34px 0 12px;font-size:13.5px;display:block}.mx-type select:focus-visible{outline:2px solid var(--mx-ink);outline-offset:1px}.mx-tradeoffs{background:var(--mx-paper);border-radius:12px;gap:8px;margin-top:10px;padding:12px 14px;font-size:12.5px;line-height:1.45;display:grid}.mx-tradeoffs dt{font:600 10px var(--mx-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mx-muted)}.mx-tradeoffs div:first-child dt{color:var(--mx-ok-ink)}.mx-tradeoffs div:last-child dt{color:var(--mx-load-ink)}.mx-usage{margin-top:10px}.mx-usage b{color:var(--mx-ink);font-weight:500}.mx-live{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px;display:grid}.mx-live div{background:var(--mx-paper);border-radius:12px;padding:9px 12px}.mx-live dt{color:var(--mx-muted);font-size:11.5px}.mx-live dd{font:500 16px var(--mx-mono)}.mx-live .is-bad{color:var(--mx-bad)}.mx-fields{flex-direction:column;gap:20px;margin-top:22px;display:flex}.mx-field-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.mx-field-label{font-size:13.5px;font-weight:500}.mx-field-value{align-items:center;gap:6px;display:flex}.mx-field-value input{border:1px solid var(--mx-line);background:var(--mx-paper);width:78px;font:13px var(--mx-mono);text-align:right;border-radius:8px;padding:4px 8px}.mx-field-value em{color:var(--mx-muted);white-space:nowrap;font-size:12px;font-style:normal}.mx-field input[type=range]{width:100%;accent-color:var(--mx-ink);margin:10px 0 2px}.mx-field .mx-note{margin-top:4px;display:block}.mx-inspector>.mx-note{margin-top:16px}.mx-actions{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.mx-btn{border:1px solid var(--mx-line);background:var(--mx-card);border-radius:999px;align-items:center;gap:6px;height:34px;padding:0 13px;font-size:13.5px;font-weight:500;display:inline-flex}.mx-btn:hover{border-color:var(--mx-ink)}.mx-btn.is-bad{border-color:var(--mx-bad-soft);color:var(--mx-bad)}.mx-btn.is-bad:hover{border-color:var(--mx-bad)}.mx-btn.is-warm{border-color:var(--mx-load-soft);color:var(--mx-load-ink)}.mx-btn.is-warm:not(:disabled):hover{border-color:var(--mx-load)}.mx-btn.is-ok{border-color:var(--mx-ok-soft);color:var(--mx-ok-ink)}.mx-kicker{font:600 10.5px var(--mx-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mx-muted)}.mx-brief h2{margin:4px 0 10px;font-size:20px;font-weight:500;line-height:1.2}.mx-brief>p{color:var(--mx-muted);font-size:14px;line-height:1.5}.mx-brief h3{margin:24px 0 4px;font-size:13.5px;font-weight:600}.mx-brief h3 span{color:var(--mx-muted);font-weight:400}.mx-goals li{border-top:1px solid var(--mx-line);gap:12px;padding:12px 0;display:flex}.mx-goals p{font-size:14px}.mx-goals small{color:var(--mx-muted);margin-top:4px;font-size:12.5px;display:block}.mx-goal-mark{border:1.5px solid var(--mx-line);border-radius:50%;flex:none;place-items:center;width:22px;height:22px;margin-top:-1px;display:grid}.mx-goals .is-met .mx-goal-mark{border-color:var(--mx-ok);background:var(--mx-ok);color:var(--mx-on-hue)}.mx-goals .is-met p{color:var(--mx-muted)}.mx-done{background:var(--mx-ok-soft);color:var(--mx-ok-ink);border-radius:12px;margin-top:8px;padding:10px 12px;font-size:13.5px}.mx-brief>.mx-note{margin-top:20px}.mx-link{color:var(--mx-muted);text-underline-offset:3px;margin-top:16px;padding:0;font-size:13px;text-decoration:underline}.mx-link:hover{color:var(--mx-ink)}.mx-confirm{background:var(--mx-paper);border-radius:14px;margin-top:16px;padding:14px}.mx-confirm p{font-size:13.5px}.mx-confirm div{gap:8px;margin-top:10px;display:flex}.mx-activity{border-top:1px solid var(--mx-line);max-height:38%;padding:14px 22px 16px;overflow-y:auto}.mx-activity h3{font:600 10.5px var(--mx-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mx-muted);margin-bottom:8px}.mx-activity li{grid-template-columns:38px minmax(0,1fr);gap:8px;padding:5px 0;font-size:13px;line-height:1.4;display:grid}.mx-activity time{font:11.5px var(--mx-mono);color:var(--mx-muted);padding-top:1px}.mx-activity span:before{content:"";background:var(--mx-line);vertical-align:1px;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.mx-activity .is-warn span:before{background:var(--mx-load)}.mx-activity .is-bad span:before{background:var(--mx-bad)}.mx-activity .is-good span:before{background:var(--mx-ok)}@media (max-width:1180px){.mx{grid-template-columns:84px minmax(0,1fr) 300px}.mx-pal-resize{display:none}.mx-palette{gap:10px;padding:12px 8px}.mx-pal-section h2{margin:0 4px 4px;font-size:0}.mx-howto,.mx-pal-search,.mx-pal-cats,.mx-kind-card b,.mx-kind-card small{display:none}.mx-kind-grid{grid-template-columns:1fr;gap:8px}.mx-kind-card .mx-thumb{height:46px;margin:0}.mx-thumb svg{width:62px;height:42px}.mx-head-title h1{max-width:22ch}}@media (max-width:860px){.mx{grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}.mx-head{flex-wrap:wrap;gap:8px;padding:8px 12px}.mx-head-tools{flex:none}.mx-run{order:3;width:100%}.mx-palette{border-right:0;border-bottom:1px solid var(--mx-line);flex-direction:row;gap:6px;padding:6px 12px;overflow-x:auto}.mx-pal-section h2{display:none}.mx-pal-section,.mx-kind-grid{gap:6px;display:flex}.mx-kind-card{width:72px}.mx-metrics{grid-template-columns:none;grid-auto-columns:minmax(130px,1fr);grid-auto-flow:column;overflow-x:auto}.mx-side{border-top:1px solid var(--mx-line);border-left:0;max-height:34svh}}@media (prefers-reduced-motion:reduce){.mx *,.mx :before{transition:none!important;animation:none!important}}.mx-field-section{border-top:1px solid var(--mx-line);font:600 11px/1.4 var(--mx-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mx-muted);margin:10px 0 -2px;padding-top:14px}.mx-stream-strip{width:100%;height:16px;display:block;overflow:visible}.mx-stream-axis{stroke:var(--mx-wire);stroke-width:1.2px}.mx-stream-window,.mx-stream-batch{stroke:var(--mx-ink);stroke-width:1.2px}.mx-stream-window{fill:none;stroke-dasharray:3 2.5}.mx-stream-batch{fill:var(--mx-soft)}.mx-stream-strip circle{fill:var(--mx-card);stroke:var(--mx-ink);stroke-width:1.1px;transition:fill .3s ease-out}.mx-stream-strip circle.is-on{fill:var(--mx-load)}.mx-part.is-down .mx-stream-strip circle{fill:#0000;stroke:var(--mx-bad);stroke-dasharray:2 2}.mx-columns{align-items:flex-end;gap:3px;height:22px;display:flex}.mx-columns i{border:1.2px solid var(--mx-ink);background:var(--mx-soft);border-radius:2px;flex:1;position:relative;overflow:hidden}.mx-columns b{background:var(--mx-load);transition:height .4s ease-out;position:absolute;inset:auto 0 0}.mx-part.is-down .mx-columns i{border-style:dashed;border-color:var(--mx-bad);background:0 0}.mx-outside{fill:none;width:12px;height:12px;stroke:var(--mx-muted);stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round;align-self:flex-start;margin-left:auto}.mx-clients-body .mx-clients-badge{border:1.3px solid var(--mx-ink);background:var(--mx-card);fill:none;width:22px;height:22px;stroke:var(--mx-ink);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;border-radius:50%;padding:2px;position:absolute;top:2px;right:8px}.mx-firewall .mx-pill{flex-direction:row;gap:8px}.mx-wall{fill:none;width:20px;height:16px;stroke:var(--mx-ink);stroke-width:1.2px;stroke-linejoin:round}.mx-obs-art{fill:none;width:100%;height:16px;stroke:var(--mx-ink);stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round}.mx .react-flow__edge-path.mx-wire.is-watch{stroke-dasharray:5 4}.mx-platform-art{fill:none;width:100%;height:16px;stroke:var(--mx-ink);stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round}.mx-platform-art circle.is-lead{fill:var(--mx-load)}.mx-zone{border:1.5px dashed var(--mx-ink);background:color-mix(in srgb, var(--mx-soft) 35%, transparent);pointer-events:none;border-radius:18px;position:relative}.mx-zone.mx-type-region{background:color-mix(in srgb, var(--mx-soft) 20%, transparent);border-width:2px}.mx-zone.mx-type-vpc{border-style:solid;border-color:var(--mx-wire)}.mx-zone.is-selected{border-color:var(--mx-load)}.mx-zone.is-down{border-color:var(--mx-bad);background:color-mix(in srgb, var(--mx-bad-soft) 45%, transparent)}.mx-zone-tab{border:1.5px solid var(--mx-ink);background:var(--mx-card);pointer-events:auto;cursor:grab;border-top:0;border-radius:0 0 10px 10px;align-items:center;gap:8px;padding:4px 10px 5px;font-size:12px;display:flex;position:absolute;top:-1px;left:16px}.mx-zone-kind,.mx-zone-meta{font:500 10.5px var(--mx-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--mx-muted)}.mx-zone.is-down .mx-zone-meta{color:var(--mx-bad)}.mx-zone-resize-handle{pointer-events:auto;border-radius:3px;border:1.5px solid var(--mx-load)!important;background:var(--mx-card)!important;width:9px!important;height:9px!important}.mx-zone-resize-line{pointer-events:auto;border-color:#0000!important}.mx-tools{z-index:8;border:1px solid var(--mx-line);background:var(--mx-card);box-shadow:0 6px 18px -10px color-mix(in srgb, var(--mx-shade) 35%, transparent);border-radius:14px;flex-direction:column;gap:2px;padding:4px;display:flex;position:absolute;top:14px;left:14px}.mx-tools-item{display:contents}.mx-tools button{width:36px;height:36px;color:var(--mx-ink);border-radius:10px;place-items:center;display:grid}.mx-tools button:hover{background:var(--mx-soft)}.mx-tools button[aria-pressed=true]{background:var(--mx-ink);color:var(--mx-on-ink)}.mx-tools-sep{background:var(--mx-line);height:1px;margin:3px 6px}.mx-tool-hint{z-index:8;border:1px solid var(--mx-line);background:var(--mx-card);white-space:nowrap;max-width:calc(100% - 120px);box-shadow:0 6px 18px -12px color-mix(in srgb, var(--mx-shade) 35%, transparent);border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;display:flex;position:absolute;top:14px;left:50%;translate:-50%}.mx-tool-hint kbd{padding:0 6px;font-size:11px}.mx-canvas .react-flow.mx-tool-select .react-flow__pane{cursor:default}.mx-canvas .react-flow.mx-tool-hand :is(.react-flow__pane,.react-flow__node,.mx-zone-tab){cursor:grab}.mx-canvas .react-flow.mx-tool-hand .react-flow__pane.dragging,.mx-canvas .react-flow.mx-tool-select .react-flow__pane.dragging{cursor:grabbing}.mx-canvas .react-flow:is(.mx-tool-wire,.mx-tool-zone) :is(.react-flow__pane,.react-flow__node,.mx-zone-tab){cursor:crosshair}.mx-canvas .react-flow.mx-tool-wire .react-flow__node.is-wire-bad{cursor:not-allowed}.react-flow__node.is-wire-from>*,.react-flow__node.is-wire-ok>*{outline:2px dashed var(--mx-ink);outline-offset:6px;border-radius:12px}.react-flow__node.is-wire-ok>*{outline:2px solid var(--mx-ok)}.react-flow__node.is-wire-bad>*{outline:2px solid var(--mx-bad);outline-offset:6px;border-radius:12px}.mx-wire-band{z-index:6;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.mx-wire-band path{fill:none;stroke:var(--mx-ink);stroke-width:1.5px;stroke-dasharray:5 4}.mx-zone-draft{z-index:6;border:1.5px dashed var(--mx-ink);background:color-mix(in srgb, var(--mx-soft) 45%, transparent);pointer-events:none;border-radius:18px;position:absolute}.mx-arrange{flex-wrap:wrap;align-items:center;gap:2px;margin-top:10px;display:flex}.mx-arrange i{background:var(--mx-line);width:1px;height:22px;margin:0 6px}.mx-cnote{background:var(--mx-soft);clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,0 100%);min-height:44px;color:var(--mx-ink);cursor:grab;padding:11px 16px 12px 13px;font-size:13px;line-height:1.45;position:relative}.mx-cnote:before{content:"";border:1.2px solid var(--mx-wire);pointer-events:none;position:absolute;inset:0}.mx-cnote:after{content:"";background:linear-gradient(to bottom left, transparent calc(50% - .6px), var(--mx-wire) calc(50% - .6px), var(--mx-wire) calc(50% + .6px), var(--mx-line) calc(50% + .6px));width:13px;height:13px;position:absolute;top:0;right:0}.react-flow__node-note.selected:after{content:"";border:1.5px dashed var(--mx-ink);pointer-events:none;border-radius:12px;position:absolute;inset:-8px}.mx-cnote-text{white-space:pre-wrap;overflow-wrap:anywhere}.mx-cnote-text.is-empty{color:var(--mx-muted);font-style:italic}.mx-cnote-input{width:100%;min-height:2.9em;font:inherit;line-height:inherit;color:inherit;resize:none;field-sizing:content;background:0 0;border:0;outline:none;padding:0;display:block}.mx-cnote.is-editing{cursor:text}.mx-cnote-resize.react-flow__resize-control.line{border-color:#0000;border-right-width:6px}.mx-cnote-resize.react-flow__resize-control.line:hover{border-color:var(--mx-load)}.mx-canvas .react-flow.mx-tool-note :is(.react-flow__pane,.react-flow__node){cursor:text}.mx-input.mx-cnote-field{resize:vertical;width:100%;height:auto;margin-top:14px;padding:10px 12px;line-height:1.45}.mx-guide{z-index:1000;background:var(--mx-load);pointer-events:none;position:absolute}.mx-popover.mx-context{width:250px;top:auto;right:auto}.mx-context small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mx-context button{justify-content:space-between;align-items:center;gap:12px;display:flex}.mx-context button.is-bad{color:var(--mx-bad)}.mx-context kbd{color:var(--mx-muted);border-bottom-width:1px;padding:0 6px;font-size:11px}.mx-context hr{background:var(--mx-line);border:0;height:1px;margin:4px 0}.mx-menu-icons{flex-wrap:wrap;gap:2px;padding:2px 4px 4px;display:flex}.mx-popover .mx-menu-icons{border:0;justify-content:flex-start;padding:2px 4px 4px}.mx-menu .mx-menu-icons button{place-items:center;width:34px;height:34px;padding:0;display:grid}.mx-canvas .react-flow__minimap{border:1px solid var(--mx-line);background:var(--mx-card);box-shadow:0 6px 18px -10px color-mix(in srgb, var(--mx-shade) 35%, transparent);border-radius:12px;margin:14px;overflow:hidden}.mx-canvas .react-flow__minimap-node.is-zone{stroke-dasharray:10 8}.mx-canvas .react-flow__minimap-mask{fill:color-mix(in srgb, var(--mx-soft) 75%, transparent);stroke:var(--mx-load);stroke-width:3px}@media (max-width:860px){.mx-tools{flex-direction:row;padding:3px;top:8px;left:8px}.mx-tools-sep{width:1px;height:auto;margin:6px 3px}.mx-tools button{width:32px;height:32px}.mx-tool-hint{white-space:normal;top:auto;bottom:10px}}.mx .react-flow__edge-path.mx-wire.is-async{stroke-dasharray:1.5 5}.mx-wire-tag{background:var(--mx-card);font:500 10.5px var(--mx-mono);color:var(--mx-muted);white-space:nowrap;pointer-events:none;border-radius:999px;padding:1px 7px;position:absolute}.mx-wire-label-field{flex-direction:column;gap:8px;margin-top:18px;display:flex}.mx-input{border:1px solid var(--mx-line);background:var(--mx-card);border-radius:10px;outline:none;height:38px;padding:0 12px;font-size:14px}.mx-input:focus{border-color:var(--mx-ink)}.mx-grade-card{background:var(--mx-paper);border-radius:16px;margin-top:22px;padding:16px}.mx-brief .mx-grade-card h3{margin:0 0 6px}.mx-grade-card p{color:var(--mx-muted);font-size:13.5px;line-height:1.5}.mx-grade-actions{flex-wrap:wrap;align-items:center;gap:4px 14px;margin-top:14px;display:flex}.mx-grade-actions .mx-link{margin-top:0}.mx-grade-run{margin-top:14px}.mx-grade-bar{background:var(--mx-line);border-radius:999px;height:6px;overflow:hidden}.mx-grade-bar span{border-radius:inherit;background:var(--mx-load);height:100%;transition:width .3s;display:block}.mx-grade-run small{color:var(--mx-muted);margin-top:8px;font-size:12.5px;display:block}.mx-grade-run .mx-link{margin-top:8px}.mx-grade-error{margin-top:10px;color:var(--mx-bad)!important}.mx-grade-shade{z-index:60;background:color-mix(in srgb, var(--mx-shade) 32%, transparent);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.mx-grade{background:var(--mx-card);width:min(640px,100%);max-height:calc(100svh - 48px);box-shadow:0 24px 60px color-mix(in srgb, var(--mx-shade) 22%, transparent);border-radius:22px;padding:24px 26px 22px;overflow-y:auto}.mx-grade header{align-items:flex-start;gap:16px;display:flex}.mx-grade header .grow{flex:1;min-width:0}.mx-grade h2{font-size:20px;font-weight:560;line-height:1.25}.mx-grade header p{color:var(--mx-muted);margin-top:4px;font-size:13.5px;line-height:1.5}.mx-grade-score{background:var(--mx-soft);border-radius:20px;flex:none;align-content:center;place-items:center;width:76px;height:76px;display:grid}.mx-grade-score b{font-size:30px;font-weight:600;line-height:1}.mx-grade-score small{font:500 10.5px var(--mx-mono);letter-spacing:.04em;color:var(--mx-muted);margin-top:3px}.mx-grade-score.is-good{background:var(--mx-ok-soft);color:var(--mx-ok-ink)}.mx-grade-score.is-mid{background:var(--mx-mark)}.mx-grade-score.is-low{background:var(--mx-bad-soft);color:var(--mx-bad)}.mx-grade-list{margin-top:20px}.mx-grade-list li{border-top:1px solid var(--mx-line);gap:12px;padding:13px 0;display:flex}.mx-grade-list li>div{flex:1;min-width:0}.mx-grade-mark{min-width:52px;height:22px;font:600 10px var(--mx-mono);letter-spacing:.03em;text-transform:uppercase;background:var(--mx-soft);color:var(--mx-muted);border-radius:999px;flex:none;place-items:center;padding:0 7px;display:grid}.is-pass>.mx-grade-mark{background:var(--mx-ok-soft);color:var(--mx-ok-ink)}.is-part>.mx-grade-mark{background:var(--mx-mark);color:var(--mx-mark-ink)}.is-fail>.mx-grade-mark{background:var(--mx-bad-soft);color:var(--mx-bad)}.mx-grade-list p{color:var(--mx-muted);font-size:13.5px;line-height:1.5}.mx-grade-list .mx-grade-head{color:var(--mx-ink);justify-content:space-between;gap:12px;margin-bottom:2px;display:flex}.mx-grade-head b{font-weight:560}.mx-grade-head span{font:500 12.5px var(--mx-mono);flex:none}.mx-grade-list .mx-grade-hint{color:var(--mx-ink);margin-top:4px}.mx-grade h3{margin:18px 0 8px;font-size:13.5px;font-weight:600}.mx-grade-drills{border-collapse:collapse;width:100%;font-size:13px}.mx-grade-drills th{text-align:left;font:500 10.5px var(--mx-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--mx-muted);padding:6px 8px 6px 0}.mx-grade-drills td{border-top:1px solid var(--mx-line);padding:7px 8px 7px 0}.mx-grade-drills tr.is-pass td:last-child{color:var(--mx-ok-ink)}.mx-grade-drills tr.is-fail td:last-child{color:var(--mx-bad)}.mx-grade-foot{color:var(--mx-muted);margin-top:12px;font-size:12.5px;line-height:1.5}.mx-menu{width:260px;padding:6px}.mx-popover.mx-menu section{flex-direction:column;padding:4px 0;display:flex}.mx-menu section+section{border-top:1px solid var(--mx-line)}.mx-menu-note{max-width:220px;color:var(--mx-muted);padding:6px 10px 8px;font-size:12.5px;line-height:1.45;display:block}.mx-menu small{font:600 10.5px var(--mx-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mx-muted);padding:6px 10px 4px}.mx-menu button{text-align:left;border-radius:10px;padding:8px 10px;font-size:13.5px}.mx-menu button:not(:disabled):hover{background:var(--mx-soft)}.mx-menu button:disabled{color:var(--mx-muted)}.mx-dialog{background:var(--mx-card);width:min(600px,100%);max-height:calc(100svh - 48px);box-shadow:0 24px 60px color-mix(in srgb, var(--mx-shade) 22%, transparent);border-radius:22px;padding:20px 24px 22px;overflow-y:auto}.mx-dialog.is-wide{width:min(960px,100%)}.mx-dialog header{justify-content:space-between;align-items:center;gap:12px;display:flex}.mx-dialog h2{font-size:19px;font-weight:560}.mx-dialog h3{margin:18px 0 6px;font-size:13.5px;font-weight:600}.mx-dialog-note{color:var(--mx-muted);margin-top:6px;font-size:13.5px;line-height:1.5}.mx-versions{margin-top:14px}.mx-versions li{border-top:1px solid var(--mx-line);align-items:center;gap:14px;padding:10px 0;display:flex}.mx-versions .grow{flex-direction:column;flex:1;min-width:0;display:flex}.mx-versions b{font-weight:560}.mx-versions small{color:var(--mx-muted);font-size:12.5px}.mx-version-thumb{background:var(--mx-paper);border-radius:10px;flex:none;place-items:center;width:96px;height:56px;padding:4px;display:grid}.mx-version-thumb svg{max-width:100%;max-height:100%}.mx-version-actions{align-items:center;gap:6px;display:flex}.mx-version-actions .mx-btn:disabled{opacity:.45}.mx-compare{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}.mx-compare figure{background:var(--mx-paper);border-radius:14px;margin:0;padding:10px}.mx-compare figcaption{font:500 11px var(--mx-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--mx-muted);margin-bottom:6px}.mx-compare svg{width:100%;height:auto;max-height:300px;display:block}.mx-changes li{border-left:3px solid var(--mx-line);padding:6px 0 6px 14px;font-size:13.5px;line-height:1.45}.mx-changes li+li{margin-top:4px}.mx-changes li.is-added{border-left-color:var(--mx-ok)}.mx-changes li.is-removed{border-left-color:var(--mx-bad)}.mx-dialog-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.mx-pal-note{color:var(--mx-muted);margin:4px 2px 12px;font-size:13px;line-height:1.5}.mx-patterns{flex-direction:column;gap:10px;display:flex}.mx-pattern{border:1px solid var(--mx-line);background:var(--mx-card);text-align:left;border-radius:14px;flex-direction:column;gap:4px;padding:10px 12px 12px;display:flex}.mx-pattern:hover{border-color:var(--mx-ink)}.mx-pattern-thumb{background:var(--mx-paper);border-radius:10px;place-items:center;height:84px;margin-bottom:4px;padding:6px;display:grid}.mx-pattern-thumb svg{max-width:100%;max-height:100%}.mx-pattern b{font-size:13.5px;font-weight:560}.mx-pattern small{color:var(--mx-muted);font-size:12.5px;line-height:1.45}.mx-export{background:var(--mx-card);width:min(1180px,100%);height:min(840px,100svh - 48px);box-shadow:0 24px 60px color-mix(in srgb, var(--mx-shade) 22%, transparent);border-radius:22px;grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden}.mx-export>header{border-bottom:1px solid var(--mx-line);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px 14px 24px;display:flex}.mx-export h2{font-size:19px;font-weight:560}.mx-export-body{grid-template-columns:minmax(0,1fr) 370px;min-height:0;display:grid}.mx-export-preview{background:var(--mx-soft);place-items:center;min-height:0;padding:32px 32px 48px;display:grid;position:relative;overflow:hidden}.mx-export-preview.is-clear{background:repeating-conic-gradient(var(--mx-check-a) 0% 25%, var(--mx-check-b) 0% 50%) 50% / 18px 18px}.mx-export-preview.is-text{place-items:stretch stretch;padding:0}.mx-export-picture{width:auto;max-width:100%;height:auto;max-height:100%;box-shadow:0 14px 34px -18px color-mix(in srgb, var(--mx-shade) 45%, transparent);border-radius:4px}.mx-export-size{background:var(--mx-card);font:500 11.5px var(--mx-mono);color:var(--mx-muted);white-space:nowrap;border-radius:999px;padding:3px 10px;position:absolute;bottom:12px;left:50%;translate:-50%}.mx-export-text{min-height:0;position:relative}.mx-export-text pre{background:var(--mx-paper);height:100%;font:12.5px/1.6 var(--mx-mono);color:var(--mx-muted);margin:0;padding:18px 22px 48px;overflow:auto}.mx-export-text .is-section{color:var(--mx-ink);font-weight:600}.mx-export-text .is-item{color:var(--mx-ink)}.mx-export-text .is-comment{color:var(--mx-wire);font-style:italic}.mx-export-options{border-left:1px solid var(--mx-line);min-height:0;padding:4px 22px 16px;overflow-y:auto}.mx-export-group{border:0;border-bottom:1px solid var(--mx-line);margin:0;padding:14px 0}.mx-export-group:last-child{border-bottom:0}.mx-export-group legend{float:left;width:100%;font:600 10.5px var(--mx-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mx-muted);margin-bottom:8px;padding:0}.mx-export-group>:not(legend){clear:both}.mx-export-formats{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mx-export-formats button{border:1px solid var(--mx-line);text-align:left;border-radius:12px;gap:2px;padding:10px 12px;display:grid}.mx-export-formats button:hover{border-color:var(--mx-wire)}.mx-export-formats button[aria-checked=true]{border-color:var(--mx-ink);box-shadow:inset 0 0 0 1px var(--mx-ink)}.mx-export-formats b{font-size:13.5px;font-weight:560}.mx-export-formats small{color:var(--mx-muted);font-size:12px;line-height:1.35}.mx-export-presets{flex-wrap:wrap;gap:6px;display:flex}.mx-export-presets .mx-btn{height:32px;font-size:13px}.mx-export-presets .mx-btn[aria-pressed=true]{border-color:var(--mx-ink);background:var(--mx-ink);color:var(--mx-on-ink)}.mx-export-check{cursor:pointer;align-items:flex-start;gap:10px;padding:5px 0;font-size:13.5px;display:flex}.mx-export-check input{width:16px;height:16px;accent-color:var(--mx-ink);flex:none;margin:2px 0 0}.mx-export-check small{color:var(--mx-muted);font-size:12px;display:block}.mx-export-check.is-off{opacity:.5;cursor:not-allowed}.mx-export-title{width:calc(100% - 26px);margin:0 0 6px 26px}.mx-export-row{color:var(--mx-muted);justify-content:space-between;align-items:center;gap:10px;padding:4px 0;font-size:13px;display:flex}.mx-export-row .mx-seg button{height:28px;padding:0 9px;font-size:12.5px}.mx-export-group>.mx-seg{width:fit-content}.mx-export>footer{border-top:1px solid var(--mx-line);flex-wrap:wrap;align-items:center;gap:12px;padding:14px 20px 14px 24px;display:flex}.mx-export-name{font:500 13px var(--mx-mono);color:var(--mx-muted);align-items:center;gap:4px;display:flex}.mx-export-name input{width:280px;font-family:var(--mx-mono);font-size:13px}.mx-export-actions{gap:8px;margin-left:auto;display:flex}.mx-btn.is-primary{border-color:var(--mx-ink);background:var(--mx-ink);height:38px;color:var(--mx-on-ink);padding:0 18px 0 15px}.mx-btn.is-primary:hover{border-color:var(--mx-ink)}@media (max-width:860px){.mx-export{height:calc(100svh - 24px)}.mx-export-body{grid-template-rows:220px minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.mx-export-preview{padding:16px 16px 40px}.mx-export-options{border-top:1px solid var(--mx-line);border-left:0}.mx-export-name{flex:1}.mx-export-name input{width:100%}}