.yi{background:var(--color-bg);flex-direction:column;height:560px;font-size:13px;display:flex}.yi b{font-weight:600}.yi p{margin:0}.yi-page{flex-direction:column;flex:1;gap:14px;width:100%;max-width:680px;min-height:0;margin:0 auto;padding:26px 24px 0;display:flex}.yi-head{gap:4px;display:grid}.yi-head b{font-size:16px}.yi-head p{color:var(--color-muted);max-width:54ch;font-size:12.5px}.yi-mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13.5px;line-height:1.7}.yi-quiet{box-shadow:inset 0 0 0 1px var(--color-line);border-radius:10px;gap:12px;padding:14px 16px;display:flex}.yi-quiet>div{gap:2px;min-width:0;display:grid}.yi-quiet p{color:var(--color-muted);font-size:12.5px}.yi-quiet .yi-quiet-line{color:var(--color-text);margin-top:6px;font-size:12.5px}.yi-ok{width:22px;height:22px;color:var(--color-ok);background:var(--color-ok-tint);border-radius:999px;flex:none;place-items:center;display:grid}.yi-ok .y-ico{width:12px;height:12px}.yi-progress{opacity:0;transition:opacity .2s var(--ease);align-items:center;gap:12px;margin-top:4px;display:flex}.yi-progress[data-on]{opacity:1}.yi-progress b{white-space:nowrap;font-size:13px}.yi-seg{background:var(--color-line);border-radius:4px;flex:1;height:4px;overflow:hidden}.yi-seg span{background:var(--color-accent);transform-origin:0;height:100%;transition:transform .3s var(--ease), background-color .2s ease-out;display:block;transform:scaleX(.5)}.yi-seg span[data-done]{background:var(--color-ok);transform:none}.yi-count{color:var(--color-muted);white-space:nowrap;font-size:12px}.yi-card{background:var(--color-panel);opacity:0;transition:opacity .28s var(--ease), transform .28s var(--ease), box-shadow .2s ease-out;border-radius:10px;gap:14px;padding:16px 18px;display:grid;transform:translateY(10px);box-shadow:0 0 0 1px #ffffff12;box-shadow:0 0 0 1px lab(100% 0 0/.07)}.yi-card[data-on]{opacity:1;transform:none}.yi-card[data-decided]{box-shadow:0 0 0 1px color-mix(in oklch, var(--color-ok) 40%, transparent)}.yi-card-h{align-items:center;gap:8px;min-width:0;font-size:13px;display:flex}.yi-card-h b{white-space:nowrap}.yi-where{color:var(--color-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.yi-tag{flex:none;display:grid}.yi-tag>span{height:22px;transition:opacity .2s var(--ease), transform .2s var(--ease);border-radius:6px;grid-area:1/1;align-items:center;gap:4px;padding:0 7px;font-size:11.5px;display:inline-flex}.yi-tag .y-ico{width:11px;height:11px}.yi-tag-a{color:var(--color-warn);background:var(--color-warn-tint)}.yi-tag-b{color:var(--color-ok);background:var(--color-ok-tint);opacity:0;transform:scale(.97)}.yi-card[data-decided] .yi-tag-a{opacity:0}.yi-card[data-decided] .yi-tag-b{opacity:1;transform:none}.yi-rows{grid-template-columns:64px 1fr;align-items:baseline;gap:6px 14px;display:grid}.yi-lbl{color:var(--color-muted);font-size:12px}.yi-w{border-radius:4px;margin:0 -3px;padding:0 3px;display:inline-block;position:relative}.yi-w:before{content:"";opacity:0;z-index:-1;border-radius:4px;transition:opacity .22s ease-out;position:absolute;inset:1px 0}.yi-w[data-mark=ins]:before{background:var(--color-ok-tint);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--color-ok) 30%, transparent)}.yi-w[data-mark=del]:before{background:var(--color-bad-tint)}.yi-w[data-mark=del]:after{content:"";background:var(--color-bad);transform-origin:0;height:1.5px;transition:transform .24s var(--move);position:absolute;top:52%;left:2px;right:2px;transform:scaleX(0)}.yi-rows,.yi-quiet-line{isolation:isolate}.yi-rows[data-diff] .yi-w[data-mark]:before,.yi-w[data-on]:before{opacity:1}.yi-rows[data-diff] .yi-w[data-mark=del]:after{transform:none}.yi-rows[data-diff] .yi-w[data-mark=del]{color:var(--color-muted)}.yi-w[data-mark=ins]{transition:color .2s ease-out}.yi-rows[data-diff] .yi-w[data-mark=ins]{color:#a8e9c7;color:lab(87.1538% -26.2524 9.46208)}.yi-rows[data-play] .yi-w:before,.yi-rows[data-play] .yi-w:after{transition-delay:calc(.25s + var(--k,0) * .38s)}.yi-w{transition:color .2s ease-out}.yi-rows[data-play] .yi-w{transition-delay:calc(.25s + var(--k,0) * .38s)}.yi-impact{color:var(--color-warn);background:var(--color-warn-tint);opacity:0;transition:opacity .26s var(--ease), transform .26s var(--ease);border-radius:8px;align-items:flex-start;gap:8px;padding:9px 11px;font-size:12.5px;display:flex;transform:translateY(6px)}.yi-impact .y-ico{margin-top:2px}.yi-impact[data-on]{opacity:1;transform:none}.yi-keys{border-top:1px solid var(--color-line);flex-wrap:wrap;gap:6px;padding-top:12px;display:flex}.yi-key{transition:background-color .15s ease-out,box-shadow .15s ease-out,color .15s ease-out}.yi-key[data-on]{background:var(--color-accent-tint);color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent-line)}.yi-key[data-on] .y-kbd{color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent-line)}.yi-key[data-press]{animation:.24s ease-out .2s both yi-press}.yi-key[data-press],.yi-key[data-press] .y-kbd{transition-delay:.2s}@keyframes yi-press{40%{transform:scale(.96)}}.yi-foot{border-top:1px solid var(--color-line);background:var(--color-ground);flex:none;height:56px;position:relative}.yi-foot-a,.yi-foot-b{max-width:680px;transition:opacity .2s var(--ease), transform .2s var(--ease);align-items:center;gap:10px;margin:0 auto;padding:0 24px;display:flex;position:absolute;inset:0}.yi-foot-a>span:first-child{color:var(--color-muted);margin-right:auto}.yi-foot-a b{color:var(--color-text)}.yi-apply{background:var(--color-accent-dim);color:var(--color-accent-ink);box-shadow:none;font-weight:600;transition:background-color .2s ease-out}.yi-apply[data-ready]{background:var(--color-accent)}.yi-foot-b{opacity:0;justify-content:space-between;transform:translateY(6px)}.yi-done{align-items:center;gap:9px;display:inline-flex}.yi-done .yi-long{color:var(--color-muted)}.yi-foot[data-applied] .yi-foot-a{opacity:0;transform:translateY(-6px)}.yi-foot[data-applied] .yi-foot-b{opacity:1;transform:none}@container not (min-width:640px){.yi{height:650px}.yi-page{gap:12px;padding:16px 14px 0}.yi-head b{font-size:15px}.yi-head p{font-size:12px}.yi-quiet{gap:10px;padding:12px}.yi-card{gap:12px;padding:14px}.yi-where{display:none}.yi-rows{grid-template-columns:1fr;gap:0}.yi-rows .yi-mono+.yi-lbl{margin-top:6px}.yi-mono{font-size:13px}.yi-progress b{font-size:12.5px}.yi-foot-a,.yi-foot-b{padding:0 14px}.yi-discard,.yi-long{display:none}}