.hc-panes{flex:1;gap:12px;min-height:0;padding:12px;display:grid}.hc-options-body{overscroll-behavior:contain;flex:1;min-height:0;padding:2px 6px 8px;overflow-y:auto}.hc-group{border:0;min-width:0;margin:0;padding:0}.hc-group-title{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;padding:10px 8px 4px;font-size:.6875rem;font-weight:600}.hc-option{border-radius:8px;min-height:32px;padding:4px 8px;font-size:.84375rem;transition:background-color .12s}.hc-option:hover{background:var(--surface-low)}.hc-option-text{gap:2px;min-width:0;display:grid}.hc-option-label{line-height:1.3}.hc-option-hint{color:var(--muted);font-size:.75rem;line-height:1.4}.hc-options .hc-options-toggle{display:none}.hc-options-toggle .icon{transition:transform .18s var(--ease)}.hc-options-toggle [aria-expanded=true] .icon{transform:rotate(180deg)}.hc-tip{z-index:70;background:var(--band-bg);color:#fff;pointer-events:none;border-radius:8px;max-width:250px;padding:8px 11px;font-size:.75rem;font-weight:500;line-height:1.45;animation:.14s .26s both hc-tip-in;position:fixed;transform:translateY(-50%)}.hc-tip:before{content:"";border:5px solid #0000;border-right-color:var(--band-bg);position:absolute;top:50%;left:-10px;transform:translateY(-50%)}@keyframes hc-tip-in{0%{opacity:0}to{opacity:1}}.hc-pane{min-height:0}.hc-output{transition:box-shadow .2s,border-color .2s}.hc-output.is-flash{border-color:var(--success);box-shadow:0 0 0 3px #0e8a5f2e}.hc-view{border:0;min-width:0;margin:0;padding:0}.hc-view:disabled .tseg button{cursor:default;opacity:.45}.hc-view:disabled .tseg button:hover{color:var(--muted)}.hc-view:disabled .tseg button[aria-pressed=true]{color:var(--text)}.hc-body{flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.hc-pane>.hc-body:last-child{border-radius:0 0 13px 13px}.hc-body textarea{resize:none;width:100%;min-height:0;color:var(--text);font-family:var(--font-mono), monospace;overflow-wrap:normal;white-space:pre-wrap;word-break:normal;font-variant-ligatures:none;tab-size:2;background:0 0;border:0;outline:none;flex:1;padding:14px 16px;font-size:.8125rem;line-height:1.6;overflow:auto}.hc-body textarea::placeholder{color:var(--outline);font-family:var(--font-sans), sans-serif;font-size:.875rem}.hc-body textarea::selection{background:var(--tone-line)}.hc-body.is-stale textarea,.hc-body.is-stale .hc-preview{opacity:.55;transition:opacity .16s .12s}.hc-preview{background:#fff;border:0;flex:1;width:100%;min-height:0}.hc-empty{width:100%;color:var(--muted);text-align:center;place-content:center;justify-items:center;gap:10px;padding:24px;display:grid}.hc-empty>.icon{width:30px;height:30px;color:var(--outline)}.hc-empty strong{max-width:44ch;color:var(--text);overflow-wrap:anywhere;font-size:.9375rem;font-weight:600;line-height:1.4}.hc-empty.is-error>.icon{color:var(--danger)}@media (min-width:900px){.hc-panes{grid-template-rows:minmax(0,1fr);grid-template-columns:240px minmax(0,1fr) minmax(0,1fr)}.hc-option-hint{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (max-width:1279px){.hc-view .tseg button{gap:0;padding:0 8px;font-size:0}}@media (min-width:1100px){.hc-counts{display:none}}@media (max-width:1099px){.hc-pane .tpanel-meta{display:none}}@media (min-width:1280px){.hc-panes{grid-template-columns:256px minmax(0,1fr) minmax(0,1fr)}}@media (max-width:899px){.hc-options .hc-options-toggle{display:flex}.hc-options[data-open=false] .tpanel-head{border-bottom:0}.hc-options[data-open=false] .hc-options-body{display:none}.hc-option{padding:8px}.hc-tip{display:none}.hc-pane{height:52vh;min-height:320px}.hc-output{height:64vh;min-height:360px}}