.regex-text{font-size:26px;white-space:break-spaces;word-break:break-word;margin:20px;padding:15px;background-color:#fff;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.1)}#railroad-diagram-container{margin:0;border:1px solid #ddd;background-color:#fff;border-radius:5px;position:relative;overflow:hidden;min-height:100px;max-height:950px}#railroad-diagram-container:active{cursor:grabbing}#railroad-diagram{transform-origin:0 0;transition:transform .1s ease}.zoom-controls{position:absolute;top:20px;right:20px;background:#fff;border:1px solid #ddd;border-radius:5px;padding:10px;display:flex;gap:5px;box-shadow:0 2px 5px rgba(0,0,0,.1);z-index:100;opacity:.01}.zoom-controls:hover{opacity:1}.zoom-controls button{padding:8px 12px;background:#f0f0f0;border:1px solid #ccc;border-radius:3px;cursor:pointer;font-size:14px}.zoom-controls button:hover{background:#e0e0e0}.zoom-level{padding:8px 12px;min-width:70px;text-align:center;font-size:14px;background:#fff;border:1px solid #ccc;border-radius:3px}.box{fill:#fff;stroke:#333;stroke-width:2}.highlight-box{fill:#ff0;stroke:#333;stroke-width:2}.text{font-size:14px;text-anchor:middle;dominant-baseline:middle}.desc{font-size:12px;text-anchor:middle;dominant-baseline:middle}.line{stroke:#333;stroke-width:2;fill:none}.control{fill:none;stroke:#666;stroke-width:2;stroke-dasharray:6,4}.lazy-line{stroke:#333;stroke-width:2;fill:none;stroke-dasharray:6,3}.label{font-size:12px;text-anchor:middle;dominant-baseline:middle}.rail-container{max-width:1900px;margin:0 auto;padding:0;user-select:none}.line.green{stroke:green!important;fill:none}.line.red{stroke:red!important;fill:none}.line.colorful{stroke:url(#colorCycle)!important;fill:none}.dottedline{stroke-dasharray:6,3}.condition-line{stroke:purple;stroke-width:2;fill:none;fill:#ff00ff2f;stroke-dasharray:6,3}.start-node{fill:#4caf50;fill:none;stroke:#333;stroke-width:1}.end-node{fill:#f44336;fill:none;stroke:#333;stroke-width:1}.box.colorful{stroke:url(#colorCycle);stroke:#d3d3d3}.text.empty{fill:#d3d3d3}.mtEffectArea{fill:gold!important}.BracketRect,.quantifierRect{pointer-events:all}.quantifierRect.line{fill:#fff9e6;stroke:#ff9800}.quantifierRect.lazy-line{fill:#e6f7ff;stroke:#2196f3}.quantifierOutRect.line{stroke:#ff9800}.quantifierOutRect.lazy-line{stroke:#2196f3}.green{fill:#00f}.red{fill:red}.orange{fill:orange}.alt.green{stroke:#00f!important;fill:none;stroke-width:3.5px}.alt.red{stroke:red!important;fill:none;stroke-width:3.5px}.alt.orange{stroke:orange!important;fill:none;stroke-width:3.5px}.start-node.green{fill:#00fdf8}.bigRR{font-size:19px;font-weight:700}g,path,rect{pointer-events:all}path.alt{pointer-events:stroke}tspan.include{fill:green}tspan.exclude{fill:red;text-decoration:none}.quantifierOutRect{stroke-opacity:.29}