.loop-workspace{border-top:1px solid var(--mist);grid-template-columns:minmax(240px,320px) minmax(0,1fr);align-items:start;gap:24px;padding:32px 0;display:grid}.loop-sidebar{border:1px solid var(--ink);background:#fff;max-height:calc(100vh - 48px);padding:18px;position:sticky;top:24px;overflow:auto}.loop-sidebar-head{border-bottom:1px solid var(--mist);margin-bottom:16px;padding-bottom:16px}.loop-sidebar-head h1{margin:10px 0;font-size:34px;line-height:1.02}.loop-folder-list{gap:12px;display:grid}.loop-folder{border:1px solid var(--mist);background:var(--paper)}.loop-folder.active{border-color:var(--ink);box-shadow:6px 6px 0 var(--mist);background:#fff}.loop-folder-link{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:12px;display:grid}.loop-folder-mark{border:1px solid var(--ink);color:var(--ink);letter-spacing:.12em;background:#fff;padding:5px 6px;font-family:JetBrains Mono,Menlo,monospace;font-size:10px}.loop-folder-title{gap:4px;min-width:0;display:grid}:is(.loop-folder-title strong,.loop-report-link strong){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:is(.loop-folder-title span,.loop-report-link span){color:var(--graphite);font-size:12px}.loop-report-list{border-top:1px solid var(--mist);gap:6px;padding:10px 12px 12px;display:grid}.loop-report-link{border:1px solid #0000;gap:4px;min-width:0;padding:9px;display:grid}:is(.loop-report-link:hover,.loop-report-link.active){border-color:var(--mist);background:var(--linen)}.loop-viewer{min-width:0}.loop-viewer-head{border:1px solid var(--ink);background:#fff;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:22px;padding:22px;display:grid}.loop-viewer-head h2{margin-top:8px;font-size:clamp(28px,4vw,46px);line-height:1.02}.loop-viewer-head p{margin-bottom:0}.loop-meta{color:var(--graphite);white-space:nowrap;justify-items:end;gap:7px;font-family:JetBrains Mono,Menlo,monospace;font-size:12px;display:grid}.loop-tag-row{flex-wrap:wrap;gap:6px;margin:14px 0;display:flex}.loop-frame-wrap{border:1px solid var(--ink);background:#fff;min-height:680px;overflow:hidden}.loop-frame{background:#fff;border:0;width:100%;height:min(900px,100vh - 180px);min-height:680px;display:block}.loop-empty-view{border:1px dashed var(--graphite);background:var(--linen);text-align:center;padding:42px}@media (max-width:860px){:is(.loop-workspace,.loop-viewer-head){grid-template-columns:1fr}.loop-sidebar{max-height:none;position:static}.loop-meta{white-space:normal;justify-items:start}}