.ro-outliner{--ro-muted:#8a8a8a;--ro-accent:#4a6bdf;--ro-hover:rgba(127,127,127,0.12);--ro-bg:Canvas}.ro-crumbbar{position:-webkit-sticky;position:sticky;top:0;z-index:4;gap:.4rem;background:var(--ro-bg);border-bottom:1px solid var(--ro-hover);padding:.25rem max(1rem,env(safe-area-inset-right)) .25rem max(1rem,env(safe-area-inset-left))}.ro-crumbbar,.ro-crumbs{display:flex;align-items:center}.ro-crumbs{flex:1 1;gap:.15rem;font-size:.8rem}.ro-crumb,.ro-crumbs{min-width:0;white-space:nowrap}.ro-crumb{font:inherit;border:none;background:transparent;color:var(--ro-accent);padding:.35rem .3rem;border-radius:4px;cursor:pointer;max-width:11rem;overflow:hidden;text-overflow:ellipsis}.ro-crumb:disabled{color:var(--ro-muted);cursor:default}.ro-crumb-home,.ro-crumb-more{flex:none}.ro-crumb-sep{color:var(--ro-muted);flex:none}.ro-crumb-wrap{display:inline-flex;align-items:center;min-width:0}.ro-crumb-menu{position:absolute;top:100%;left:0;z-index:30;display:flex;flex-direction:column;box-sizing:border-box;min-width:min(160px,100%);max-width:min(20rem,100%);max-height:min(60vh,420px);max-height:min(60dvh,420px);overflow-y:auto;overscroll-behavior:contain;padding:.25rem;background:var(--ro-bg);border:1px solid var(--ro-muted);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.25)}.ro-crumb-menu button{font:inherit;display:block;text-align:left;border:none;background:transparent;color:inherit;padding:.45rem .7rem;min-height:40px;max-width:100%;border-radius:6px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ro-crumb-menu button:hover{background:var(--ro-hover)}.ro-crumb-measure{position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;display:flex;align-items:center;gap:.15rem;visibility:hidden;pointer-events:none;white-space:nowrap}.ro-crumb-measure>*{flex:none}.ro-zoom-title{font-size:1.35rem;font-weight:650;line-height:1.4;margin:.4rem 0 .8rem;outline:none;white-space:pre-wrap;overflow-wrap:anywhere}.ro-vlist{position:relative}.ro-vrow{position:absolute;left:0;right:0}.ro-row{display:flex;align-items:flex-start;gap:.5rem}.ro-bullet,.ro-chevron{flex:none;width:1.35rem;height:1.6rem;border:none;background:transparent;color:var(--ro-muted);font-size:1.45rem;line-height:1;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:4px}.ro-chevron{font-size:1rem;padding-top:.2rem}.ro-chevron:hover{color:inherit;background:var(--ro-hover)}.ro-bullet:hover{color:var(--ro-accent);background:var(--ro-hover)}.ro-bullet{touch-action:none}.ro-vrow-dragging{opacity:.4}.ro-drop-indicator{position:absolute;right:8px;height:2px;background:var(--ro-accent);border-radius:1px;z-index:3;pointer-events:none}.ro-drop-indicator:before{content:"";position:absolute;left:-6px;top:-3px;width:8px;height:8px;border-radius:50%;background:inherit}.ro-drop-invalid{background:#d64545}.ro-menu{position:fixed;z-index:30;display:flex;flex-direction:column;min-width:180px;padding:.25rem;background:var(--ro-bg);border:1px solid var(--ro-muted);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.25)}.ro-menu button{font:inherit;text-align:left;border:none;background:transparent;color:inherit;padding:.5rem .7rem;min-height:40px;border-radius:6px;cursor:pointer}.ro-menu button:hover{background:var(--ro-hover)}.ro-menu-danger{color:#d64545}.ro-prefix,.ro-suffix{flex:none;display:inline-flex;align-items:center;min-height:1.6em;-moz-user-select:none;user-select:none;-webkit-user-select:none}.ro-line{flex:1 1;min-height:1.6em;line-height:1.6;padding:.1rem .2rem;border-radius:4px;outline:none;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-tap-highlight-color:transparent}.ro-line:focus{background:var(--ro-hover)}.ro-line-context{opacity:.55}.ro-actionbar{position:fixed;top:0;left:0;right:0;z-index:11;will-change:transform;display:flex;gap:.25rem;padding:.25rem max(.5rem,env(safe-area-inset-right)) .25rem max(.5rem,env(safe-area-inset-left));background:var(--ro-bg);border-top:1px solid var(--ro-muted);overflow-x:auto}.ro-actionbar button{flex:1 1;min-width:44px;min-height:44px;font-size:1.15rem;border:none;border-radius:6px;background:var(--ro-hover);color:inherit;cursor:pointer}.ro-actionbar button:active{background:var(--ro-accent)}*{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:light dark;--bg:#ffffff;--fg:#1a1a1a;--muted:#8a8a8a;--accent:#4a6bdf;--line-hover:#f6f7f9}@media (prefers-color-scheme:dark){:root{--bg:#16181d;--fg:#e8e8e8;--muted:#7a7f88;--accent:#7c96f0;--line-hover:#1e2128}}body,html{background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;-webkit-text-size-adjust:100%}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.spike{max-width:46rem;margin:0 auto;padding:4rem 1rem 40vh}.toolbar{position:fixed;top:0;left:0;right:0;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;padding:.6rem max(1rem,env(safe-area-inset-right)) .6rem max(1rem,env(safe-area-inset-left));background:var(--bg);border-bottom:1px solid var(--line-hover);font-size:.85rem}@media (max-width:480px){.toolbar{gap:.3rem;padding-left:max(.6rem,env(safe-area-inset-left));padding-right:max(.6rem,env(safe-area-inset-right))}.toolbar button{padding:.3rem .45rem}}.toolbar .spacer{flex:1 1}.toolbar button{font:inherit;padding:.35rem .7rem;border:1px solid var(--muted);border-radius:6px;background:transparent;color:var(--fg);min-height:40px}.lines{margin-top:.5rem}.spike.outliner{padding-top:3.6rem}.search{font:inherit;font-size:16px;padding:.3rem .55rem;border:1px solid var(--muted);border-radius:6px;background:var(--bg);color:var(--fg);width:min(13rem,40vw);min-width:5rem;flex:none}.search:focus{outline:none;border-color:var(--accent)}.search-count{font-size:.8rem;color:var(--muted);white-space:nowrap}.vlist{position:relative}.vrow{position:absolute;left:0;right:0}.row{display:flex;align-items:flex-start;gap:.5rem}.bullet{flex:none;width:1.2rem;text-align:center;color:var(--muted);-moz-user-select:none;user-select:none;-webkit-user-select:none}.bullet,.line{line-height:1.6}.line{flex:1 1;min-height:1.6em;padding:.1rem .2rem;border-radius:4px;outline:none;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-tap-highlight-color:transparent}.line:focus{background:var(--line-hover)}.debug{position:fixed;left:0;right:0;bottom:0;max-height:32vh;overflow-y:auto;background:rgba(20,22,28,.92);color:#9fe3a1;font:11px/1.5 ui-monospace,Menlo,Consolas,monospace;padding:.4rem .7rem calc(.4rem + env(safe-area-inset-bottom));z-index:10}.debug-stats{color:#ffd479;padding-bottom:.2rem}.demo-check{border:none;background:transparent;color:var(--muted);font-size:1.05rem;line-height:1;padding:0 .15rem;cursor:pointer;border-radius:4px}.demo-check:hover{background:var(--line-hover)}.demo-check-on,.demo-check:hover{color:var(--accent)}.demo-done{text-decoration:line-through;opacity:.6}.ro-outliner{--ro-muted:var(--muted);--ro-accent:var(--accent);--ro-hover:var(--line-hover);--ro-bg:var(--bg)}.demo-semantic{-webkit-text-decoration:underline dotted var(--accent);text-decoration:underline dotted var(--accent);text-underline-offset:3px}.demo-semantic:after{content:" ≈";color:var(--accent);font-size:.8em}.demo-lock{font-size:.85rem;line-height:1;opacity:.7;-moz-user-select:none;user-select:none;-webkit-user-select:none}.host-crumbs{display:flex;align-items:center;gap:.3rem;font-size:.85rem;color:var(--muted);padding:.3rem 0;border-bottom:1px solid var(--line-hover);margin-bottom:.3rem}.host-crumbs button{font:inherit;border:none;background:transparent;color:var(--accent);cursor:pointer;padding:.2rem .3rem;border-radius:4px}.host-crumbs button:disabled{color:var(--muted);cursor:default}