.elv{--elv-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;border:1px solid var(--sl-color-border);background:var(--sl-color-bg);border-radius:.75rem;flex-direction:column;gap:.5rem;margin:1rem 0 1.5rem;padding:.75rem;font-size:.82rem;line-height:1.45;display:flex}.elv__header{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.elv__badge{border:1px solid var(--sl-color-border);color:var(--sl-color-text-accent);white-space:nowrap;border-radius:999px;padding:.1rem .5rem;font-size:.72rem}.elv__tabs{flex-wrap:wrap;gap:.25rem;display:flex}.elv__tab{border:1px solid var(--sl-color-border);color:var(--sl-color-text);cursor:pointer;background:0 0;border-radius:.4rem;padding:.2rem .6rem;font-size:.75rem}.elv__tab:hover{border-color:var(--sl-color-accent)}.elv__tab--active{background:var(--sl-color-bg-accent);border-color:var(--sl-color-accent);color:var(--sl-color-text-accent)}.elv__body{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:.6rem;display:grid}.elv__code{border:1px solid var(--sl-color-border);background:var(--sl-color-bg-accent);font-family:var(--elv-mono);border-radius:.5rem;max-height:320px;margin:0;padding:.5rem;font-size:.72rem;overflow:auto}.elv__code-line{white-space:pre;border-radius:.25rem;gap:.5rem;padding:0 .25rem;display:flex}.elv__code-line--active{background:color-mix(in srgb, var(--sl-color-accent) 22%, transparent);outline:1px solid var(--sl-color-accent)}.elv__code-num{color:var(--sl-color-text-accent);opacity:.6;user-select:none;text-align:right;min-width:1.2em}.elv__board{flex-direction:column;gap:.45rem;min-width:0;display:flex}.elv__phases,.elv__render{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.elv__phase-chip,.elv__render-stage{border:1px solid var(--sl-color-border);font-family:var(--elv-mono);color:var(--sl-color-text);opacity:.65;border-radius:.35rem;padding:.05rem .45rem;font-size:.68rem}.elv__phase-chip--active{opacity:1;background:var(--sl-color-bg-accent);border-color:var(--sl-color-accent);color:var(--sl-color-text-accent);font-weight:600}.elv__phase-chip--sync{opacity:1;border-style:dashed}.elv__phase-chip--iter{opacity:1;border-color:var(--sl-color-border);color:var(--sl-color-text-accent)}.elv__render--active .elv__render-stage{opacity:1;background:color-mix(in srgb, var(--sl-color-accent) 18%, transparent);border-color:var(--sl-color-accent);color:var(--sl-color-text-accent)}.elv__render-hint{color:var(--sl-color-text);opacity:.7;font-size:.68rem}.elv__raf-queue{font-family:var(--elv-mono);color:var(--sl-color-text-accent);border:1px dashed var(--sl-color-accent);border-radius:.35rem;padding:.05rem .45rem;font-size:.68rem}.elv__columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;display:grid}.elv__columns--node{grid-template-columns:repeat(4,minmax(0,1fr))}.elv__col{border:1px solid var(--sl-color-border);border-radius:.5rem;flex-direction:column;min-width:0;display:flex}.elv__col-title{color:var(--sl-color-text-accent);border-bottom:1px solid var(--sl-color-border);padding:.15rem .4rem;font-size:.68rem;font-weight:600}.elv__col-body{flex-direction:column;gap:.25rem;min-height:3.2rem;padding:.3rem;display:flex}.elv__frame,.elv__task{font-family:var(--elv-mono);border:1px solid var(--sl-color-border);background:var(--sl-color-bg-accent);color:var(--sl-color-text);overflow-wrap:break-word;border-radius:.3rem;padding:.15rem .35rem;font-size:.68rem}.elv__frame--top{border-color:var(--sl-color-accent);color:var(--sl-color-text-accent);font-weight:600}.elv__task--micro{border-color:color-mix(in srgb, var(--sl-color-accent) 55%, var(--sl-color-border))}.elv__task--nexttick{border-color:var(--sl-color-accent)}.elv__task--io{opacity:.85;border-style:dashed}.elv__empty{color:var(--sl-color-text);opacity:.55;padding:.15rem .2rem;font-size:.68rem;font-style:italic}.elv__note{border-left:3px solid var(--sl-color-accent);background:var(--sl-color-bg-accent);border-radius:0 .35rem .35rem 0;margin:0;padding:.3rem .45rem;font-size:.75rem}.elv__console{border:1px solid var(--sl-color-border);border-radius:.5rem;overflow:hidden}.elv__console-title{color:var(--sl-color-text-accent);border-bottom:1px solid var(--sl-color-border);padding:.1rem .45rem;font-size:.68rem;font-weight:600}.elv__console-body{font-family:var(--elv-mono);max-height:120px;padding:.3rem .45rem;font-size:.7rem;overflow:auto}.elv__console-line{white-space:pre-wrap;overflow-wrap:break-word}.elv__console-cover{flex-direction:column;align-items:flex-start;gap:.35rem;padding:.5rem .45rem;display:flex}.elv__console-cover p{color:var(--sl-color-text);margin:0;font-size:.75rem}.elv__controls{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.elv__btn{border:1px solid var(--sl-color-border);color:var(--sl-color-text);cursor:pointer;background:0 0;border-radius:.4rem;padding:.25rem .7rem;font-size:.75rem}.elv__btn:hover:not(:disabled){border-color:var(--sl-color-accent);color:var(--sl-color-text-accent)}.elv__btn:disabled{opacity:.45;cursor:default}.elv__btn--accent{background:var(--sl-color-bg-accent);border-color:var(--sl-color-accent);color:var(--sl-color-text-accent)}.elv__btn--active{background:var(--sl-color-bg-accent);border-color:var(--sl-color-accent);color:var(--sl-color-text-accent);font-weight:600}.elv__speed{color:var(--sl-color-text);align-items:center;gap:.3rem;font-size:.72rem;display:inline-flex}.elv__speed select{border:1px solid var(--sl-color-border);background:var(--sl-color-bg);color:var(--sl-color-text);border-radius:.35rem;padding:.15rem .3rem;font-size:.72rem}.elv__progress{color:var(--sl-color-text);opacity:.7;font-size:.72rem;font-family:var(--elv-mono);margin-left:auto}@media (width<=720px){.elv__body{grid-template-columns:minmax(0,1fr)}.elv__code{max-height:200px}.elv__columns,.elv__columns--node{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=420px){.elv__columns,.elv__columns--node{grid-template-columns:minmax(0,1fr)}}
