.htg-shell{width:100%;max-width:1240px;margin:0 auto;padding:2.25rem 1rem 4rem}.htg-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin-bottom:1.25rem;padding:0 .25rem;flex-wrap:wrap}.htg-heading{min-width:0}.htg-eyebrow{margin:0 0 .55rem;padding:.28rem .55rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);font-size:.68rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--color-muted);display:inline-block}.htg-eyebrow::before{content:"";display:inline-block;width:.4rem;height:.4rem;margin-inline-end:.35rem;border-radius:999px;background:var(--color-success);vertical-align:middle}.htg-title{margin:0;font-size:clamp(1.75rem,3.4vw,2.7rem);letter-spacing:-.035em;line-height:1.1}.htg-description{margin:.5rem 0 0;max-width:64ch;color:var(--color-muted);font-size:.95rem;line-height:1.6}.htg-actions{display:flex;gap:.55rem;flex-shrink:0}.htg-actions button{min-height:2.65rem;padding-inline:1rem}.htg-actions button[data-copied=true]{background:color-mix(in oklch,var(--color-success) 10%,var(--color-surface));border-color:color-mix(in oklch,var(--color-success) 45%,var(--color-border));color:var(--color-success)}.htg-workspace{display:grid;grid-template-columns:minmax(0,1fr)minmax(16rem,19rem);gap:1rem;align-items:start;margin-bottom:1rem}.htg-editor-area{display:flex;flex-direction:column;gap:.75rem;min-width:0}.htg-grid-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;padding:.55rem .7rem;border:1px solid var(--color-border);border-radius:.75rem;background:var(--color-surface)}.htg-stepper{display:flex;align-items:center;gap:.4rem}.htg-stepper-label{font-size:.78rem;font-weight:700;color:var(--color-muted)}.htg-stepper-button{width:2rem;height:2rem;border:1px solid var(--color-border);border-radius:.45rem;background:var(--color-background);color:var(--color-on-surface);font:700 1rem/1 inherit;cursor:pointer}.htg-stepper-button:hover{border-color:color-mix(in oklab,var(--color-primary) 45%,var(--color-border))}.htg-stepper-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.htg-stepper-value{min-width:1.4rem;text-align:center;font:700 .85rem/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,liberation mono,monospace;color:var(--color-primary);font-variant-numeric:tabular-nums}.htg-merge-group{display:flex;gap:.3rem;margin-inline-start:.5rem;padding-inline-start:.75rem;border-inline-start:1px solid var(--color-border)}.htg-merge-button{min-height:2rem;padding:.25rem .55rem;border:1px solid var(--color-border);border-radius:.45rem;background:var(--color-background);color:var(--color-on-surface);font:700 .7rem/1.2 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,liberation mono,monospace;cursor:pointer}.htg-merge-button:hover:not(:disabled){border-color:color-mix(in oklab,var(--color-primary) 45%,var(--color-border))}.htg-merge-button:disabled{opacity:.45;cursor:not-allowed}.htg-merge-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.htg-selection-status{min-width:max-content;padding:.25rem .5rem;border-radius:999px;background:color-mix(in oklab,var(--color-primary) 8%,var(--color-background));color:var(--color-primary);font:700 .7rem/1.2 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,liberation mono,monospace;font-variant-numeric:tabular-nums}.htg-merge-hint{margin:0;flex:1;min-width:10rem;color:var(--color-muted);font-size:.72rem;line-height:1.4}.htg-grid-mount{padding:1rem;border:1px solid var(--color-border);border-radius:.9rem;background:var(--color-surface);overflow:auto}.htg-grid-table{border-collapse:collapse;width:100%;margin:0;user-select:none}.htg-grid-caption{caption-side:bottom;padding:.5rem 0;color:var(--color-muted);font-size:.82rem;text-align:start}.htg-grid-table td,.htg-grid-table th{border:1px solid color-mix(in oklab,var(--color-border) 75%,transparent);padding:.55rem .7rem;min-width:5.5rem;font:500 .88rem/1.4 inherit;color:var(--color-on-surface);outline:none;text-align:start;vertical-align:top}.htg-grid-table.htg-grid-border-outer td,.htg-grid-table.htg-grid-border-outer th{border:0}.htg-grid-table.htg-grid-border-outer{border:1px solid color-mix(in oklab,var(--color-border) 75%,transparent)}.htg-grid-table.htg-grid-border-none,.htg-grid-table.htg-grid-border-none td,.htg-grid-table.htg-grid-border-none th{border:0}.htg-grid-table.htg-grid-compact td,.htg-grid-table.htg-grid-compact th{padding:.3rem .5rem}.htg-grid-table.htg-grid-roomy td,.htg-grid-table.htg-grid-roomy th{padding:.75rem 1rem}.htg-grid-table.htg-grid-zebra tbody tr:nth-child(even) td{background:color-mix(in oklab,var(--color-primary) 3%,transparent)}.htg-grid-table th{background:color-mix(in oklab,var(--color-primary) 7%,var(--color-surface));font-weight:700}.htg-grid-table td:focus-visible,.htg-grid-table th:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;background:color-mix(in oklab,var(--color-primary) 4%,transparent)}.htg-grid-table td.htg-selected,.htg-grid-table th.htg-selected{background:color-mix(in oklab,var(--color-primary) 13%,var(--color-surface));box-shadow:inset 0 0 0 1.5px color-mix(in oklab,var(--color-primary) 75%,transparent)}.htg-grid-table td.htg-selection-anchor,.htg-grid-table th.htg-selection-anchor{background:color-mix(in oklab,var(--color-primary) 20%,var(--color-surface));box-shadow:inset 0 0 0 2px var(--color-primary)}.htg-grid-mount.htg-dragging{cursor:crosshair}.htg-grid-mount.htg-dragging .htg-grid-table td,.htg-grid-mount.htg-dragging .htg-grid-table th{cursor:crosshair}.htg-grid-table td.htg-merged,.htg-grid-table th.htg-merged{background:color-mix(in oklab,var(--color-primary) 5%,transparent)}.htg-grid-table td:empty::before,.htg-grid-table th:empty::before{content:attr(data-empty-hint);color:transparent}.htg-context-menu{position:fixed;z-index:1000;min-width:13.5rem;max-height:calc(100vh - 1rem);overflow-y:auto;padding:.3rem;border:1px solid var(--color-border);border-radius:.65rem;background:var(--color-surface);box-shadow:0 .6rem 1.8rem color-mix(in oklab,var(--color-on-surface) 18%,transparent)}.htg-context-menu[hidden]{display:none}.htg-context-menu button{display:block;width:100%;padding:.48rem .65rem;border:0;border-radius:.4rem;background:0 0;color:var(--color-on-surface);font:600 .78rem/1.25 inherit;text-align:start;cursor:pointer}.htg-context-menu button:hover:not(:disabled),.htg-context-menu button:focus-visible{background:color-mix(in oklab,var(--color-primary) 9%,var(--color-surface));outline:none}.htg-context-menu button:focus-visible{box-shadow:inset 0 0 0 2px color-mix(in oklab,var(--color-primary) 45%,transparent)}.htg-context-menu button:disabled{opacity:.4;cursor:not-allowed}.htg-context-menu-separator{height:1px;margin:.3rem .35rem;background:var(--color-border)}.htg-options{display:flex;flex-direction:column;gap:.7rem;padding:1rem 1.1rem;border:1px solid var(--color-border);border-radius:.9rem;background:var(--color-surface)}.htg-option{display:flex;align-items:center;gap:.55rem;font-size:.85rem;font-weight:600;color:var(--color-on-surface);cursor:pointer}.htg-option input{accent-color:var(--color-primary);margin:0}.htg-field{display:flex;flex-direction:column;gap:.3rem}.htg-field>span{font-size:.78rem;font-weight:700;color:var(--color-on-surface)}.htg-field input[type=text],.htg-field select{min-height:2.2rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-background);color:var(--color-on-surface);padding:.35rem .55rem;font:inherit;font-size:.82rem}.htg-field input:focus-visible,.htg-field select:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.htg-import{display:flex;flex-direction:column;gap:.5rem;padding-top:.7rem;border-top:1px solid var(--color-border)}.htg-import button{width:100%;min-height:2.3rem}.htg-output{display:grid;grid-template-columns:minmax(0,1fr)minmax(0,1fr);gap:1rem;align-items:start}.htg-output-card{border:1px solid var(--color-border);border-radius:.9rem;background:var(--color-surface);overflow:hidden}.htg-output-heading{padding:.7rem .9rem;border-bottom:1px solid var(--color-border);background:var(--color-background)}.htg-output-heading h2{margin:0;font-size:.8rem;font-weight:800}.htg-preview{padding:1.25rem;max-height:min(40vh,24rem);overflow:auto;background:var(--color-background)}.htg-preview table{border-collapse:collapse;margin:0;min-width:60%}.htg-preview table.htg-preview-border-all,.htg-preview table.htg-preview-border-outer{border:1px solid color-mix(in oklab,var(--color-border) 80%,transparent)}.htg-preview table.htg-preview-border-all th,.htg-preview table.htg-preview-border-all td{border:1px solid color-mix(in oklab,var(--color-border) 80%,transparent)}.htg-preview table.htg-preview-border-outer th,.htg-preview table.htg-preview-border-outer td{border:0}.htg-preview table.htg-preview-border-none,.htg-preview table.htg-preview-border-none th,.htg-preview table.htg-preview-border-none td{border:0}.htg-preview th,.htg-preview td{border:1px solid color-mix(in oklab,var(--color-border) 80%,transparent);padding:.5rem .75rem;text-align:start;font-size:.88rem;color:var(--color-on-surface)}.htg-preview th{background:color-mix(in oklab,var(--color-primary) 7%,var(--color-surface));font-weight:700}.htg-preview table.htg-preview-zebra tbody tr:nth-child(even) td,.htg-preview table.htg-preview-zebra>tr:nth-child(even) td{background:color-mix(in oklab,var(--color-primary) 3%,transparent)}.htg-preview table.htg-preview-compact th,.htg-preview table.htg-preview-compact td{padding:.3rem .5rem}.htg-preview table.htg-preview-roomy th,.htg-preview table.htg-preview-roomy td{padding:.75rem 1rem}.htg-preview caption{caption-side:bottom;padding:.5rem 0;color:var(--color-muted);font-size:.82rem}@media(max-width:980px){.htg-workspace{grid-template-columns:1fr}.htg-output{grid-template-columns:1fr}}@media(max-width:600px){.htg-shell{padding:1.25rem .75rem 3.25rem}.htg-description{font-size:.84rem}.htg-actions{width:100%}.htg-actions button{flex:1}.htg-grid-table td,.htg-grid-table th{min-width:4rem;padding:.4rem .45rem;font-size:.8rem}.htg-merge-hint{display:none}}.htg-source{padding:0;min-height:14rem;max-height:min(40vh,24rem);overflow:hidden;background:var(--color-code);color:var(--color-on-code)}.htg-source .cm-editor{min-height:14rem;max-height:min(40vh,24rem)}.htg-source .cm-scroller{max-height:min(40vh,24rem)}.htg-source .cm-content{white-space:pre;min-height:100%}