*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#008080;color:#182b36;font:14px Tahoma,Arial,sans-serif}body{display:grid;place-items:center;min-height:100vh;padding:10px}.window{width:min(1140px,100%);background:#c0c0c0;border:2px solid;border-color:white #444 #444 white;box-shadow:6px 6px #004c4c;padding:3px;min-width:0}.title{display:flex;align-items:center;justify-content:space-between;gap:8px;background:linear-gradient(90deg,#000080,#167fb5);color:white;padding:8px 10px}.title h1{font-size:clamp(14px,3vw,20px);margin:0}.title a{border:2px solid;border-color:white #444 #444 white;background:#c0c0c0;color:#111;text-decoration:none;padding:4px 10px;font-size:20px}.content{padding:12px}.intro{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;background:#fff;border:2px inset #ddd;padding:9px;margin-bottom:10px}.intro span{font:12px Consolas,monospace}.toolbar{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin:9px 0 13px}.toolbar button,.fileButton,.toolbar select,.alignBar select{background:#c0c0c0;color:#111;border:2px solid;border-color:white #444 #444 white;padding:8px 10px;font:12px Tahoma,Arial,sans-serif}.toolbar button,.fileButton{font-weight:bold;cursor:pointer}.toolbar button:disabled{opacity:.5}.toolbar select,.alignBar select{background:#fff;cursor:pointer}.layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:13px}.panel{min-width:0;background:#e6e9ed;border:2px inset #ddd;padding:12px}.panel h2{font-size:14px;margin:0 0 9px;color:#0d2863}.panel h2:not(:first-child){margin-top:19px}.panel p{font-size:12px;line-height:1.5}#dimensions{font:12px Consolas,monospace;color:#415565}.gridWrap,.previewWrap{max-width:100%;overflow:auto;border:2px inset #ddd;background:white}.gridWrap{min-height:150px}#editor,#preview{border-collapse:collapse;width:max-content;min-width:100%;table-layout:auto}#editor th,#editor td,#preview th,#preview td{border:1px solid #bbc8d0;min-width:95px;padding:0}#editor th{background:#d4e3f3}#editor td:first-child,#editor th:first-child{min-width:42px;width:42px;text-align:center;background:#dde4e9;font:12px Consolas,monospace}#editor input{border:0;width:100%;min-width:95px;background:transparent;color:#14212d;font:13px Tahoma,Arial,sans-serif;padding:10px 7px}#editor .chosen{outline:2px solid #135aa5;outline-offset:-2px;background:#e2f5ff}.alignBar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:11px;font-size:12px}.note{color:#455c69}#raw,#markdown{width:100%;max-width:100%;resize:vertical;min-height:85px;background:#fff;border:2px inset #ddd;padding:10px;font:12px/1.5 Consolas,monospace;color:#1b2e38}#markdown{min-height:200px}#preview th,#preview td{min-width:90px;padding:8px;background:#fff;font-size:12px;white-space:normal;overflow-wrap:anywhere}#preview th{background:#d4e3f3}#status{margin-top:12px;padding:10px;min-height:44px;background:#fff;border:2px inset #ddd;font:12px/1.5 Consolas,monospace;overflow-wrap:anywhere}#status.error{background:#ffe8eb;color:#8f001c}@media(max-width:760px){body{padding:4px}.content{padding:7px}.layout{grid-template-columns:minmax(0,1fr)}.panel{padding:9px}.toolbar{gap:5px}.toolbar button,.fileButton{padding:9px 7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}