.mtg-tool{max-width:80rem;margin-inline:auto}.mtg-intro{margin-bottom:1.5rem}.mtg-intro h1{letter-spacing:-.045em;max-width:22ch;font-size:clamp(2rem,5vw,3.35rem);font-weight:800;line-height:1.08}.mtg-intro>p:last-child{max-width:68ch;margin-top:.85rem;font-size:1.05rem;line-height:1.7}.mtg-eyebrow{letter-spacing:.11em;text-transform:uppercase;margin-bottom:.55rem;font-size:.78rem;font-weight:800}.mtg-workspace{gap:1.25rem;display:grid}.mtg-panel{border:1px solid var(--color-base-300);border-radius:var(--radius-box);background:var(--color-base-100);min-width:0;padding:clamp(1rem,3vw,1.5rem)}.mtg-panel h2{font-size:1.25rem;font-weight:750;line-height:1.35}.mtg-panel h3{font-size:1.05rem;font-weight:700;line-height:1.45}.mtg-panel-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.mtg-panel-heading p{max-width:70ch;margin-top:.35rem;font-size:.86rem;line-height:1.55}.mtg-import>label,.mtg-output>label{margin-top:1rem;margin-bottom:.4rem;font-weight:700;display:block}.mtg-import .textarea{white-space:pre;resize:vertical;width:100%;min-height:7rem;padding:.75rem;font:.9rem/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;display:block;overflow:auto}.mtg-actions,.mtg-sort{flex-wrap:wrap;align-items:end;gap:.65rem;margin-top:1rem;display:flex}.mtg-editor-heading{align-items:center}.mtg-clear-button{border-color:var(--color-base-300);font-weight:750}.mtg-tool .btn{white-space:normal;height:auto;min-height:2.75rem;padding-block:.55rem}.mtg-error{border-left:.3rem solid var(--color-error);background:color-mix(in oklab, var(--color-base-100) 88%, var(--color-error));color:var(--color-error);padding:.75rem .9rem;line-height:1.55}.mtg-notice{border-radius:var(--radius-field);background:var(--color-base-200);margin:1rem 0 0;padding:.6rem .75rem;font-weight:700}.mtg-grid-shell{border-radius:calc(var(--radius-box) + .2rem);background:var(--color-base-200);margin-top:1rem;padding:.6rem}.mtg-grid-scroll,.mtg-preview-scroll{border:1px solid var(--color-base-300);border-radius:var(--radius-box);max-width:100%;overflow:auto}.mtg-table-controls{align-items:flex-start;gap:.5rem;width:max-content;min-width:100%;padding:.5rem;display:flex}.mtg-table-stack{width:max-content}.mtg-grid{border-collapse:collapse;background:var(--color-base-100);width:max-content}.mtg-grid th,.mtg-grid td{border-right:1px solid var(--color-base-300);border-bottom:1px solid var(--color-base-300);vertical-align:middle;width:10rem;min-width:10rem;padding:.45rem}.mtg-grid tr:last-child>*{border-bottom:0}.mtg-grid tr>:last-child{border-right:0}.mtg-grid thead th{background:var(--color-base-200);text-align:left;padding:.55rem}.mtg-grid .mtg-row-marker,.mtg-grid tbody th,.mtg-grid tfoot th{z-index:1;background:var(--color-base-200);text-align:left;width:7rem;min-width:7rem;font-size:.78rem;position:sticky;left:0}.mtg-grid thead .mtg-row-marker{z-index:2}.mtg-column-heading{align-items:center;gap:.45rem;margin-bottom:.45rem;font-size:.78rem;font-weight:750;display:flex}.mtg-grid .select{width:100%;height:2.2rem;min-height:2.2rem;font-size:.82rem}.mtg-grid textarea{resize:none;width:100%;height:2.7rem;min-height:2.7rem;font:inherit;background:0 0;border:1px solid #0000;border-radius:.4rem;padding:.55rem .65rem;font-size:.875rem;line-height:1.45;display:block;overflow:auto}.mtg-grid textarea:hover,.mtg-grid textarea:focus{border-color:var(--color-base-300);background:var(--color-base-100)}.mtg-header-row textarea{font-weight:700}.mtg-row-heading{align-items:center;gap:.45rem;font-weight:700;display:flex}.mtg-remove-button{border:1px solid var(--color-base-300);background:var(--color-base-100);width:1.55rem;height:1.55rem;color:var(--color-base-content);border-radius:999px;flex:none;place-content:center;font-size:1rem;font-weight:800;line-height:1;display:grid}.mtg-remove-button:hover{border-color:var(--color-error);color:var(--color-error)}.mtg-remove-button:disabled,.mtg-column-add:disabled,.mtg-row-add:disabled{cursor:not-allowed;opacity:.38}.mtg-column-add,.mtg-row-add{border:1px dashed var(--color-base-content);background:var(--color-base-100);border-radius:.45rem;min-height:2.2rem;font-size:.76rem;font-weight:650;line-height:1.2}.mtg-column-add{width:6.5rem;margin-top:.1rem;padding-inline:.55rem}.mtg-row-add{width:7rem;margin-top:.5rem}.mtg-column-add:hover,.mtg-row-add:hover{background:color-mix(in oklab, var(--color-base-100) 78%, var(--color-primary));border-style:solid}.mtg-sort label{gap:.35rem;font-weight:700;display:grid}.mtg-sort .select{min-width:12rem}.mtg-output{background:color-mix(in oklab, var(--color-base-100) 91%, var(--color-primary))}.mtg-inline-preview{width:calc(var(--mtg-columns) * 10rem);border-top:1px solid var(--color-base-300);text-align:left;min-width:0;max-width:100%;margin-top:1rem;padding-top:1rem}.mtg-preview-heading{display:block}.mtg-preview-heading .mtg-preview-note{margin-top:.25rem}.mtg-code{resize:vertical;white-space:pre;width:100%;min-height:13rem;padding:.8rem;font:.86rem/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;display:block;overflow:auto}.mtg-preview-note{margin-top:.35rem;font-size:.82rem;line-height:1.55}.mtg-inline-preview .mtg-preview-scroll{width:100%;margin-top:.75rem}.mtg-preview-table{border-collapse:collapse;background:var(--color-base-100);width:max-content;min-width:100%}.mtg-preview-table th,.mtg-preview-table td{border-right:1px solid var(--color-base-300);border-bottom:1px solid var(--color-base-300);white-space:pre-line;overflow-wrap:anywhere;width:10rem;min-width:10rem;padding:.65rem .75rem}.mtg-preview-table th{background:var(--color-base-200);font-weight:700}.mtg-preview-table tr:last-child td{border-bottom:0}.mtg-preview-table tr>:last-child{border-right:0}.mtg-empty{border:1px dashed var(--color-base-300);border-radius:var(--radius-box);text-align:center;place-content:center;min-height:13rem;margin-top:1rem;padding:1rem;display:grid}.mtg-tool :is(button,textarea,select):focus-visible,.mtg-grid-scroll:focus-visible,.mtg-error:focus-visible{outline:3px solid var(--color-base-content);outline-offset:3px}.mtg-guide{border-top:1px solid var(--color-base-300);width:100%;max-width:48rem;color:var(--color-base-content);text-align:start;margin:3.5rem auto 0;padding:1.5rem clamp(1rem,3vw,1.5rem) 0;font-size:1rem;line-height:1.75}.mtg-guide h2{margin-top:2rem;margin-bottom:.75rem;font-size:1.5rem;font-weight:600;line-height:1.35}.mtg-guide>h2:first-child{margin-top:0}.mtg-guide h3{margin-top:0;margin-bottom:.75rem;font-size:1.125rem;font-weight:600;line-height:1.5}.mtg-guide p,.mtg-guide li{margin-top:.75rem}.mtg-guide ol,.mtg-guide ul{padding-inline-start:1.35rem}.mtg-guide li+li{margin-top:.5rem}.mtg-example{border:1px solid var(--color-base-300);background:var(--color-base-200);border-radius:.5rem;margin-top:1rem;padding:1rem}.mtg-example+.mtg-example{margin-top:.75rem}.mtg-example pre{background:var(--color-base-100);border-radius:.35rem;max-width:100%;margin-top:.75rem;padding:.75rem;font-size:.82rem;line-height:1.55;overflow:auto}.mtg-faqs article{margin-top:1.25rem}@media (width<=36rem){.mtg-panel{padding:1rem}.mtg-actions>.btn,.mtg-sort>.btn{flex:calc(50% - .5rem)}.mtg-editor-heading .mtg-clear-button,.mtg-sort label,.mtg-sort .select{width:100%}.mtg-inline-preview{max-width:100%}.mtg-guide{margin-top:2.5rem;padding-inline:1rem}}
