.ix-v3 .ix3{display:grid;grid-template-columns:minmax(250px,3fr) minmax(0,8fr);gap:0 clamp(24px,3vw,48px);align-items:start;margin-top:10px}.ix-v3 .ix3-lists{grid-column:1;grid-row:1}.ix-v3 .ix3-col{grid-column:2;grid-row:1;position:sticky;top:84px}.ix-v3 .ix3 .ix-group{margin:28px 0 6px}.ix-v3 .ix3 .ix-group:first-child{margin-top:4px}.ix-v3 .ix3 .ix-row{grid-template-columns:46px minmax(0,1fr);align-items:center;gap:6px;padding:12px 4px 12px 0;opacity:.5;transition:opacity .4s}.ix-v3 .ix3 .ix-list:hover .ix-row{opacity:.5}.ix-v3 .ix3 .ix-row.on,.ix-v3 .ix3 .ix-list .ix-row:hover,.ix-v3 .ix3 .ix-row:focus-visible{opacity:1}.ix-v3 .ix3 .ix-row .name{font-size:clamp(17px,1.6vw,22px);line-height:1.15}.ix-v3 .ix3 .ix-row .head,.ix-v3 .ix3 .ix-row .thumb{display:none}.ix-v3 .ix3 .ix-row .n{display:inline-flex;align-items:center;gap:9px;transition:color .3s}.ix-v3 .ix3 .ix-row .n::before{content:"";flex:none;width:7px;height:7px;border-radius:1.5px;box-shadow:inset 0 0 0 1.4px currentColor;opacity:.7;transition:background-color .3s,box-shadow .3s,opacity .3s}.ix-v3 .ix3 .ix-row.on .n{color:var(--accent)}.ix-v3 .ix3 .ix-row.on .n::before{background:var(--accent);box-shadow:0 0 9px var(--accent);opacity:1;animation:k-px-in .5s var(--k-spring)}.ix-v3 .ix3 .ix-row.on .name{color:var(--ink);translate:10px 0}.ix-v3 .ix3 .ix-row.on::after{transform:scaleX(1)}.ix-v3 .ix3-stage{position:relative;width:min(100%,calc((100svh - 84px - 178px) * 16 / 9 + 18px));margin-left:auto;padding:9px;border-radius:24px;border:1px solid var(--k-surface-edge);background:var(--k-surface);box-shadow:var(--k-surface-shadow),0 50px 100px -60px rgba(47,123,239,.55);-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2)}.ix-v3 .ix3-frame{position:relative;aspect-ratio:16 / 9;border-radius:15px;overflow:hidden;isolation:isolate;background:#030915;cursor:zoom-in;box-shadow:0 0 0 1px rgba(106,193,252,.14)}.ix-v3 .ix3-layer{position:absolute;inset:0;opacity:0}.ix-v3 .ix3-layer canvas{display:block;width:100%;height:100%}.ix-v3 .ix3-flip{position:absolute;inset:0;z-index:9999;width:100%;height:100%;pointer-events:none}.ix-v3 .ix3-cap{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"meta" "words" "acts";gap:10px;padding:17px 8px 5px 10px}.ix-v3 .ix3-run{position:absolute;left:10px;right:8px;top:8px;height:2px;border-radius:2px;background:rgba(106,193,252,.12);opacity:0;transition:opacity .5s}.ix-v3 .ix3-run.go{opacity:1}.ix-v3 .ix3-run b{display:block;height:100%;border-radius:inherit;background:var(--accent);box-shadow:0 0 10px var(--accent);transform:scaleX(0);transform-origin:0 50%}.ix-v3 .ix3-meta{grid-area:meta;display:flex;align-items:center;gap:12px;margin:4px 0 0;font:650 11px/1 var(--ox-font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.ix-v3 .ix3-dots{display:inline-flex;align-items:center;gap:4px;margin-left:auto}.ix-v3 .ix3-dots i{width:6px;height:6px;border-radius:1.5px;box-shadow:inset 0 0 0 1.2px rgba(159,176,200,.5);transition:background-color .3s,box-shadow .3s}.ix-v3 .ix3-dots i.gap{margin-left:6px}.ix-v3 .ix3-dots i.on{background:var(--accent);box-shadow:0 0 8px var(--accent)}.ix-v3 .ix3-count{color:var(--ox-soft-on-dark, #9FB0C8);letter-spacing:.08em}.ix-v3 .ix3-words{grid-area:words;min-width:0}.ix-v3 .ix3-name{margin:0;font:750 clamp(20px,2.2vw,27px)/1.1 var(--ox-font-sans);letter-spacing:-.02em;color:var(--ink)}.ix-v3 .ix3-head{margin:5px 0 0;font-size:14.5px;line-height:1.45;color:var(--ox-soft-on-dark, #9FB0C8)}.ix-v3 .ix3-acts{grid-area:acts;display:flex;align-items:center;gap:8px}.ix-v3 .ix3-open.btn{height:40px;padding:0 17px;gap:8px;font-size:14px}.ix-v3 .ix3-pp{margin-left:auto}.ix-v3 .ix3-pick .t,.ix-v3 .ix3-pp .t{display:inline-block;white-space:nowrap}@media (max-width: 860px),(hover: none){.ix-v3 .ix3{grid-template-columns:minmax(0,1fr);margin-top:0}.ix-v3 .ix3-lists{grid-column:1;grid-row:auto}.ix-v3 .ix3-col{grid-column:1;grid-row:auto;order:-1;top:0;z-index:5;margin:0 calc(-1 * clamp(18px,4.6vw,72px));padding:62px clamp(18px,4.6vw,72px) 10px;background:var(--bg)}.ix-v3 .ix3-col::after{content:"";position:absolute;left:0;right:0;top:100%;height:22px;background:linear-gradient(var(--bg),transparent);pointer-events:none;opacity:0;transition:opacity .3s}.ix-v3 .ix3-col.held::after{opacity:1}.ix-v3 .ix3-stage{width:min(100%,calc((100svh - 62px - 150px) * 16 / 9 + 14px));margin:0;padding:7px;border-radius:20px}.ix-v3 .ix3-frame{border-radius:13px}.ix-v3 .ix3-cap{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"meta meta" "words acts";align-items:start;gap:8px 12px;padding:11px 4px 4px 7px}.ix-v3 .ix3-meta{margin:0}.ix-v3 .ix3-dots,.ix-v3 .ix3-open,.ix-v3 .ix3-pp,.ix-v3 .ix3-run{display:none}.ix-v3 .ix3-count{margin-left:auto}.ix-v3 .ix3-name{font-size:19px;min-height:2.2em}.ix-v3 .ix3-head{margin-top:3px;font-size:13.5px;min-height:2.9em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.ix-v3 .ix3{overflow-anchor:none}.ix-v3 .ix3 .ix-group{margin:24px 0 4px}.ix-v3 .ix3 .ix-row{padding:13px 0;opacity:.6}.ix-v3 .ix3 .ix-row .name{font-size:20px}}@media (prefers-reduced-motion: reduce){.ix-v3 .ix3 .ix-row,.ix-v3 .ix3 .ix-row .name{transition:none}.ix-v3 .ix3 .ix-row.on .n::before{animation:none}}@media (min-width: 861px) and (hover: hover){.ix-v3 .ix3{grid-template-columns:minmax(280px,3.4fr) minmax(0,8fr)}.ix-v3 .ix3 .ix-row .name{font-size:clamp(18px,1.8vw,24px)}}
