:root{--ui-bg:#f6f6f8;--ui-fg:#1d1d22;--ui-muted:#6a6a75;--ui-line:#d9d9e0;--ui-hover:#e7e7ee;--ui-panel:#fff;--accent:#3b5bdb;--accent-fg:#fff;--board-bg:#008;--radius:8px;--shadow:0 12px 40px #00000047;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px}@media (prefers-color-scheme:dark){:root{--ui-bg:#1c1c21;--ui-fg:#ececf1;--ui-muted:#9b9ba8;--ui-line:#34343d;--ui-hover:#2b2b33;--ui-panel:#24242b;--accent:#6d8bff}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--ui-bg);color:var(--ui-fg);overflow:hidden}#app{flex-direction:column;height:100%;display:flex}.mj-menubar{background:var(--ui-bg);border-bottom:1px solid var(--ui-line);-webkit-user-select:none;user-select:none;flex:none;gap:2px;padding:4px 8px;display:flex}.mj-menu{position:relative}.mj-menu-title{font:inherit;color:inherit;cursor:default;background:0 0;border:0;border-radius:6px;padding:5px 10px}.mj-menu-title:hover,.mj-menu.open .mj-menu-title{background:var(--ui-hover)}.mj-menu-list{background:var(--ui-panel);border:1px solid var(--ui-line);border-radius:var(--radius);min-width:250px;box-shadow:var(--shadow);z-index:10;padding:4px;display:none;position:absolute;top:calc(100% + 4px);left:0}.mj-menu.open .mj-menu-list{display:block}.mj-menu-list hr{border:0;border-top:1px solid var(--ui-line);margin:4px 6px}.mj-menu-item{width:100%;font:inherit;color:inherit;text-align:left;cursor:default;background:0 0;border:0;border-radius:5px;grid-template-columns:18px 1fr auto;align-items:center;padding:6px 8px;display:grid}.mj-menu-item:hover{background:var(--accent);color:var(--accent-fg)}.mj-menu-item .accel{color:var(--ui-muted);padding-left:24px;font-size:12px}.mj-menu-item:hover .accel{color:inherit}.mj-stage{background:var(--board-bg);flex:1;place-items:center;min-height:0;display:grid;overflow:hidden}.board{touch-action:none;display:block}.board.original{image-rendering:pixelated}.mj-stage{cursor:default;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.mj-dialog{border:1px solid var(--ui-line);background:var(--ui-panel);min-width:280px;max-width:min(92vw,640px);color:var(--ui-fg);box-shadow:var(--shadow);border-radius:12px;padding:0}.mj-dialog::backdrop{background:#0000001f}.mj-dialog form{padding:18px 20px 16px}.mj-dialog-title{margin:0 0 10px;font-size:15px;font-weight:600}.mj-dialog-body p{margin:0 0 10px;line-height:1.45}.mj-dialog-body input[type=text]{width:100%;font:inherit;border:1px solid var(--ui-line);background:var(--ui-bg);color:inherit;border-radius:6px;padding:7px 9px}.mj-dialog-buttons{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.mj-dialog-buttons.vertical{flex-direction:column;align-items:stretch;margin-top:8px}.mj-dialog button{font:inherit;border:1px solid var(--ui-line);background:var(--ui-bg);color:inherit;cursor:pointer;border-radius:6px;padding:6px 16px}.mj-dialog button:hover{background:var(--ui-hover)}.mj-dialog button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.mj-tool{min-width:0}.mj-tool::backdrop{background:0 0}.mj-tool form{padding:12px}.mj-tool .mj-dialog-title{text-align:center;margin-bottom:8px;font-size:13px}.mj-counter{color:var(--ui-muted);text-align:center;font-size:12px}.mj-xray-preview,.mj-xray .mj-dialog-body{flex-direction:column;align-items:center;gap:8px;display:flex}.mj-xray .mj-dialog-body button{width:100%}.mj-peek{border-radius:6px;margin:0 auto;position:relative}.mj-peek canvas{position:absolute}.mj-wide{max-width:min(96vw,720px)}.mj-hof{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.mj-hof th,.mj-hof td{text-align:right;white-space:nowrap;padding:5px 10px}.mj-hof th:nth-child(2),.mj-hof td:nth-child(2){text-align:left;width:100%}.mj-hof th{color:var(--ui-muted);border-bottom:1px solid var(--ui-line);font-weight:600}.mj-hof tr.new td{color:#000;background:#ff9600}.mj-colour{justify-content:center;gap:14px;display:flex}.mj-colour-col{flex-direction:column;align-items:center;gap:6px;display:flex}.mj-colour-col output{font-variant-numeric:tabular-nums;font-size:16px}.mj-colour-col span{color:var(--ui-muted);font-size:12px}.mj-swatch{border:1px solid var(--ui-line);border-radius:6px;height:28px;margin-top:12px}.mj-list{width:100%;font:inherit;border:1px solid var(--ui-line);background:var(--ui-bg);color:inherit;border-radius:6px}.mj-file{color:var(--ui-muted);margin-top:10px;font-size:13px;display:block}.mj-exit{text-align:center;margin:auto}.mj-exit h1{margin-bottom:4px;font-size:24px;font-weight:600}.mj-exit p{color:var(--ui-muted);margin:0 0 16px}.mj-exit button{font:inherit;background:var(--accent);color:var(--accent-fg);cursor:pointer;border:0;border-radius:6px;padding:8px 18px}.mj-rules{flex-direction:column;gap:8px;margin:4px 0 10px;display:flex}.mj-rule{border:1px solid var(--ui-line);border-radius:var(--radius);cursor:pointer;grid-template-columns:20px 1fr;align-items:start;gap:8px;padding:10px 12px;display:grid}.mj-rule:has(input:checked){border-color:var(--accent);background:var(--ui-hover)}.mj-rule input{accent-color:var(--accent);margin:3px 0 0}.mj-rule>span{flex-direction:column;gap:3px;line-height:1.4;display:flex}.mj-rule>span>span,.mj-note{color:var(--ui-muted);font-size:13px}.mj-tabs{border-bottom:1px solid var(--ui-line);gap:4px;margin-bottom:10px;display:flex}.mj-dialog .mj-tabs button{color:var(--ui-muted);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:6px 12px}.mj-dialog .mj-tabs button.active{border-bottom-color:var(--accent);color:var(--ui-fg);font-weight:600}