.il-layout{grid-template-columns:210px minmax(0,1fr);align-items:start;gap:clamp(14px,2vw,24px);display:grid}.il-list{gap:4px;display:grid;position:sticky;top:88px}.il-list button{border-radius:var(--r-sm);color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;gap:2px;padding:10px 12px;transition:background .2s,color .2s,border-color .2s;display:grid}.il-list button:hover{background:var(--surface);color:var(--paper)}.il-list button.is-active{border-color:var(--line);background:var(--surface-2);color:var(--paper)}.il-list strong{font-size:.86rem}.il-list small{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);font-size:.58rem}.il-list button.is-active small{color:var(--orange)}.il-main{grid-template-columns:minmax(0,1.25fr) minmax(300px,1fr);align-items:start;gap:clamp(14px,2vw,24px);display:grid}.il-stage-col{gap:12px;display:grid;position:sticky;top:88px}.il-stage{aspect-ratio:1;border-radius:var(--r-lg);box-shadow:0 0 0 1px var(--line), var(--shadow-sm);background:#000;position:relative;overflow:hidden}.il-stage:-webkit-full-screen{aspect-ratio:auto;border-radius:0;place-items:center;display:grid}.il-stage:fullscreen{aspect-ratio:auto;border-radius:0;place-items:center;display:grid}.il-stage:-webkit-full-screen .il-canvas{width:min(100vw,100vh);height:min(100vw,100vh)}.il-stage:fullscreen .il-canvas{width:min(100vw,100vh);height:min(100vw,100vh)}.il-canvas{width:100%;height:100%;display:block}.il-full{opacity:.55;position:absolute;top:10px;right:10px}.il-full:hover{opacity:1}.il-timer{border-radius:var(--r-pill);color:#fff;font-family:var(--font-mono);letter-spacing:.08em;white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009;padding:7px 14px;font-size:.7rem;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.il-timer.is-test{background:var(--orange)}.il-howto{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);padding:14px 16px}.il-howto p{margin:6px 0 0;font-size:.92rem;line-height:1.55}.il-author{font-family:var(--font-archivo), sans-serif;letter-spacing:0;text-transform:none;font-size:.74rem}.il-param small{color:var(--faint);margin-top:6px;font-size:.74rem;line-height:1.45;display:block}.il-why{color:var(--muted);margin:0;font-size:.9rem;line-height:1.65}.il-measure{gap:10px;display:grid}.il-result{border-left:3px solid var(--orange);background:rgba(var(--accent-rgb),.08);border-radius:6px;margin:0;padding:10px 12px;font-size:.86rem;line-height:1.5}@media (max-width:1200px){.il-main{grid-template-columns:1fr}.il-stage-col{position:static}}@media (max-width:820px){.il-layout{grid-template-columns:1fr}.il-list{scrollbar-width:none;display:flex;position:static;overflow-x:auto}.il-list button{flex:none}}