.hf{gap:var(--s5);grid-template-columns:1fr 1fr;align-items:start;display:grid}.hf-in,.hf-out{min-width:0}.hf-in textarea,.hf-excerpt,.hf-result{max-width:100%}.hf-in{background:var(--surface-1);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s5);transition:border-color var(--dur) var(--ease), background var(--dur) var(--ease)}.hf-in.hf-over{border-color:var(--brass);background:var(--brass-wash)}.hf-head{justify-content:space-between;align-items:center;gap:var(--s3);flex-wrap:wrap;display:flex}.hf-lbl{font-family:var(--font-mono);font-size:var(--step--1);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2)}.hf-head-acts{align-items:center;gap:var(--s4);display:flex}.hf-file span,.hf-clear{font-size:var(--step--1);color:var(--ink-1);border-bottom:1px solid var(--brass);cursor:pointer;min-height:24px;padding-bottom:1px;display:inline-block}.hf-file span:hover,.hf-clear:hover{color:var(--ink-0)}.hf-in textarea{width:100%;margin-top:var(--s3);padding:var(--s4);background:var(--surface-0);border:1px solid var(--line);border-radius:var(--r-md);resize:vertical;line-height:1.6;font-family:var(--font-mono);font-size:var(--step--1);tab-size:2;transition:border-color var(--dur) var(--ease)}.hf-in textarea:focus{border-color:var(--brass);outline:none}.hf-in textarea::placeholder{color:var(--ink-2);opacity:.55}.hf-fileerr{margin-top:var(--s3);font-size:var(--step--1);color:var(--error)}.hf-status{margin-top:var(--s4);padding:var(--s3) var(--s4);border-radius:var(--r-md);background:var(--surface-2);border-left:3px solid var(--line-firm);align-items:center;gap:var(--s3) var(--s5);flex-wrap:wrap;min-height:56px;display:flex}.hf-status[data-state=valid]{border-left-color:var(--ok)}.hf-status[data-state=warn]{border-left-color:var(--warn)}.hf-status[data-state=invalid]{border-left-color:var(--error)}.hf-badge{font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.02em;color:var(--ink-1)}.hf-status[data-state=valid] .hf-badge{color:var(--ok)}.hf-status[data-state=warn] .hf-badge{color:var(--warn)}.hf-status[data-state=invalid] .hf-badge{color:var(--error)}.hf-facts{gap:var(--s2) var(--s5);flex-wrap:wrap;margin:0;display:flex}.hf-facts dt{font-family:var(--font-mono);font-size:var(--step--1);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2)}.hf-facts dd{font-size:var(--step--1);margin:1px 0 0}.hf-keep{margin-top:var(--s4);padding:var(--s3) var(--s4);border-radius:var(--r-md);background:var(--surface-2);border-left:3px solid var(--brass)}.hf-keep strong{font-size:var(--step--1);display:block}.hf-keep ul{margin:var(--s2) 0 0;padding:0;list-style:none}.hf-keep li{font-size:var(--step--1);color:var(--ink-1);line-height:1.6}.hf-keep code,.hf-unsafe code{font-family:var(--font-mono);color:var(--ink-0)}.hf-set{margin-top:var(--s4);padding-top:var(--s4);border-top:1px solid var(--line);gap:var(--s4);display:grid}.hf-row{justify-content:space-between;align-items:center;gap:var(--s4);flex-wrap:wrap;display:flex}.hf-row>span:first-child{font-family:var(--font-mono);font-size:var(--step--1);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2)}.hf-seg{background:var(--surface-2);border-radius:var(--r-md);flex-wrap:wrap;gap:2px;padding:3px;display:flex}.hf-seg button{min-height:36px;padding:0 var(--s3);font-size:var(--step--1);color:var(--ink-1);transition:background var(--dur) var(--ease), color var(--dur) var(--ease);border-radius:7px}.hf-seg button[aria-pressed=true]{background:var(--surface-0);color:var(--ink-0);box-shadow:var(--shadow-1)}.hf-check{align-items:center;gap:var(--s3);cursor:pointer;min-height:44px;display:flex}.hf-check input{width:17px;height:17px;accent-color:var(--brass)}.hf-check small{color:var(--ink-2);margin-left:var(--s2);display:block}.hf-out{background:var(--surface-1);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s5);min-height:320px;box-shadow:var(--shadow-1);transition:box-shadow .26s var(--ease), border-color .26s var(--ease)}.hf-out.has{box-shadow:var(--shadow-2);border-color:var(--line-firm)}.hf-stub{justify-content:space-between;align-items:baseline;gap:var(--s3);display:flex}.hf-no{color:var(--brass-lo);font-size:var(--step--1);letter-spacing:.04em}.hf-sum{color:var(--ink-2);font-size:var(--step--1);text-align:right}.hf-perf{height:1px;margin:var(--s4) calc(-1 * var(--s5));background-image:linear-gradient(90deg, var(--line-firm) 55%, transparent 0);background-size:9px 1px;position:relative}.hf-perf:before,.hf-perf:after{content:"";border-radius:var(--r-full);background:var(--surface-0);border:1px solid var(--line);width:14px;height:14px;position:absolute;top:-7px}.hf-perf:before{left:-7px}.hf-perf:after{right:-7px}.hf-empty{color:var(--ink-2);font-size:var(--step--1);max-width:44ch}.hf-empty code{font-family:var(--font-mono);background:var(--surface-2);border-radius:var(--r-sm);padding:.1em .3em}.hf-issue{margin-bottom:var(--s5);animation:hf-land .26s var(--ease) both}@keyframes hf-land{0%{opacity:0;transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.hf-issue{animation:none}}.hf-pos{font-size:var(--step--1);letter-spacing:.04em;text-transform:uppercase}.hf-error .hf-pos{color:var(--error)}.hf-warning .hf-pos{color:var(--warn)}.hf-msg{margin-top:var(--s2);font-size:var(--step-0);max-width:58ch}.hf-excerpt{margin-top:var(--s4);padding:var(--s3) 0;background:var(--surface-0);border:1px solid var(--line);border-radius:var(--r-md);font-size:var(--step--1);white-space:pre;line-height:1.55;overflow-x:auto}.hf-line{padding:0 var(--s3);display:block}.hf-error .hf-line.bad{background:color-mix(in oklch, var(--error) 12%, transparent)}.hf-warning .hf-line.bad{background:color-mix(in oklch, var(--warn) 14%, transparent)}.hf-gutter{min-width:3ch;margin-right:var(--s3);text-align:right;color:var(--ink-2);user-select:none;display:inline-block}.hf-code{color:var(--ink-0)}.hf-caret{color:var(--error);font-weight:600}.hf-warning .hf-caret{color:var(--warn)}.hf-hint{margin-top:var(--s4);font-size:var(--step--1);color:var(--ink-1);border-left:2px solid var(--brass);padding-left:var(--s3);max-width:60ch;line-height:1.6}.hf-unsafe{margin-bottom:var(--s5);padding:var(--s3) var(--s4);border-radius:var(--r-md);background:var(--surface-2);border-left:3px solid var(--error)}.hf-unsafe strong{font-size:var(--step--1);display:block}.hf-unsafe ul{margin:var(--s2) 0 0;padding:0;list-style:none}.hf-unsafe li{font-size:var(--step--1);color:var(--ink-1);max-width:60ch;line-height:1.6}.hf-result{font-size:var(--step--1);white-space:pre;tab-size:2;max-height:520px;line-height:1.55;overflow:auto}.hf-more{margin-top:var(--s3);color:var(--ink-2);font-size:var(--step--1)}.hf-acts{gap:var(--s3);margin-top:var(--s5);flex-wrap:wrap;display:flex}.hf-primary,.hf-ghost{min-height:44px;padding:0 var(--s5);border-radius:var(--r-md);font-size:var(--step--1);transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease)}.hf-primary{background:var(--brass);color:var(--on-brass);font-weight:500}.hf-primary:hover{background:var(--brass-hi)}.hf-ghost{background:var(--surface-0);border:1px solid var(--line-firm)}.hf-ghost:hover{border-color:var(--brass)}@media (width<=860px){.hf{grid-template-columns:1fr}.hf-out{min-height:0}.hf-result{max-height:400px}.hf-acts{bottom:var(--s3);position:sticky}.hf-primary,.hf-ghost{flex:1}}