.arrowcrab-page{display:flex;min-height:100dvh;height:100dvh;flex-direction:column;overflow:hidden;background:var(--background-black)}.arrowcrab-toolbar{position:relative;z-index:2;display:flex;align-items:center;gap:clamp(.7rem,1.5vw,1.5rem);min-height:3rem;padding:.4rem clamp(.75rem,1.75vw,1.75rem);border-bottom:1px solid var(--line-soft);background-color:var(--background-black);background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:4px 4px}.toolbar-identity,.toolbar-actions,.back-link{display:flex;align-items:center}.toolbar-identity{flex-shrink:0;gap:.9rem}.back-link{gap:.45rem;color:var(--text-soft);font-size:.68rem;transition:color .16s ease}.back-link:hover,.back-link:focus-visible{color:var(--text-bright)}.tool-name{color:var(--text-bright);font-size:.88rem;letter-spacing:.08em;line-height:1;--pixel-outline-width: 1px}.toolbar-spacer{flex:1}.toolbar-actions{flex-shrink:0;gap:.55rem}.toolbar-button,.toolbar-link,.control-button{min-height:1.8rem;border:1px solid var(--line-faint);border-radius:0;background:var(--background-black);color:var(--text-bright);cursor:pointer;font-family:var(--font-pixel);font-size:.64rem;line-height:1;text-decoration:none}.toolbar-button,.control-button{padding:.2rem .6rem}.toolbar-link{display:inline-flex;align-items:center;padding:.2rem .6rem;white-space:nowrap}.toolbar-button:hover,.toolbar-button:focus-visible,.toolbar-link:hover,.toolbar-link:focus-visible,.control-button:hover,.control-button:focus-visible{border-color:var(--line-bright);background:#ffffff14}.graph-workspace{position:relative;flex:1;min-height:0;overflow:hidden;background-color:var(--background-black);background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:4px 4px}#drop-zone{position:absolute;inset:clamp(1rem,3vw,3rem);z-index:1;display:flex;align-items:center;justify-content:center;text-align:center;border:1px dashed var(--line-soft);transition:border-color .16s ease}#drop-zone:hover,#drop-zone.drag-over{border-color:var(--line-bright)}#drop-content{width:min(42rem,100%);margin-inline:auto;padding:1.5rem}#file-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}#input-controls{width:100%;min-inline-size:0;margin:0;border:0;padding:0}#browse-btn{min-height:2rem}#examples{margin-top:1.25rem}#example-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;max-width:35rem;margin:0 auto}.example-button{display:flex;min-height:4rem;flex-direction:column;align-items:flex-start;gap:.3rem;padding:.65rem .75rem;border:1px solid var(--line-faint);border-radius:0;background:#ffffff05;color:var(--text-soft);cursor:pointer;font-family:var(--font-code);text-align:left;transition:color .16s ease,background-color .16s ease,border-color .16s ease}.example-button:hover,.example-button:focus-visible{border-color:var(--line-bright);background:#ffffff14;color:var(--text-bright)}.example-button:disabled,#browse-btn:disabled{cursor:wait;opacity:.6}.example-button span{color:var(--text-bright);font-family:var(--font-pixel);font-size:.66rem}.example-button small{color:inherit;font-size:.68rem;line-height:1.35}#graph-view{position:absolute;inset:0;z-index:1}#graph-canvas,#graph-gl-canvas{position:absolute;inset:0;display:block;width:100%;height:100%}#graph-gl-canvas{z-index:0}#graph-canvas{z-index:1;touch-action:none}#status{position:absolute;top:1rem;left:50%;z-index:2;margin:0;transform:translate(-50%);color:var(--text-soft);font-family:var(--font-code);font-size:.68rem;pointer-events:none;white-space:nowrap}#controls{position:absolute;bottom:1rem;left:50%;z-index:2;transform:translate(-50%);border:1px solid var(--line-soft);background:#000000eb}#controls-row{display:flex;align-items:center;gap:.4rem;padding:.4rem}.control-button{min-width:1.8rem;padding-inline:.45rem}.fit-button{min-width:3.4rem}#zoom-slider{width:clamp(5.5rem,9vw,7rem);height:4px;appearance:none;background:var(--line-faint);cursor:pointer}#zoom-slider::-webkit-slider-thumb{width:12px;height:12px;appearance:none;border:1px solid var(--line-bright);border-radius:0;background:var(--background-black)}#zoom-slider::-moz-range-thumb{width:12px;height:12px;border:1px solid var(--line-bright);border-radius:0;background:var(--background-black)}#zoom-label{min-width:2.8rem;color:var(--text-soft);font-family:var(--font-code);font-size:.68rem;text-align:center}.control-divider{width:1px;height:1.2rem;margin-inline:.15rem;background:var(--line-faint)}[hidden]{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(max-width:640px){#drop-zone{inset:1rem}#drop-content{padding:1rem}#example-list{grid-template-columns:1fr}#status{max-width:calc(100% - 2rem);overflow:hidden;text-overflow:ellipsis}}