@import"https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400..700&display=swap";body{margin:0;background-color:#000;color:#fff;font-family:Pixelify Sans,sans-serif;min-height:100vh;display:flex;justify-content:center;align-items:flex-start}#root,.App{width:100%;min-height:100vh;display:flex;flex-direction:column}.App-container{width:100%;min-height:100vh;background-color:#000;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:padding-top .5s ease-in-out;font-family:Pixelify Sans,sans-serif}.main-logo{position:absolute;transition:top 1s ease-in-out,left 1s ease-in-out,transform 1s ease-in-out,max-width 1s ease-in-out,max-height 1s ease-in-out;z-index:10;height:auto}.main-logo.center{top:40%;left:50%;transform:translate(-50%,-50%) scale(1);max-width:70vw;max-height:30vh}.main-logo.topLeft{top:50px;left:50px;transform:translate(0) scale(1);max-width:3000px;max-height:60px}.splash-initial-content{display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;position:absolute;top:0;left:0;width:100%;height:100%;z-index:5}.splash-start-text{max-width:200px;width:40vw;height:auto;margin-top:30vh;opacity:1;transition:opacity .3s ease-out;animation:blinkAnimation 1.5s infinite}.App-container.current-state-logoMoving .splash-start-text,.App-container.current-state-sansAppearing .splash-start-text,.App-container.current-state-contentReady .splash-start-text,.App-container.results-view-active .splash-start-text{opacity:0;pointer-events:none;animation:none}.sans-image{position:absolute;left:50%;transform:translate(-50%,-50%);opacity:0;max-width:250px;width:100vw;height:auto;z-index:6;transition:opacity .5s ease-out .2s,max-width .5s ease-in-out,width .5s ease-in-out,transform .5s ease-in-out,top .5s ease-in-out,left .5s ease-in-out}.sans-image.visible:not(.results-mode){opacity:1;animation:sansBobbingInitial 2s ease-in-out .2s infinite}.dialog-and-form-container{position:absolute;top:58%;left:50%;transform:translate(-50%);width:70%;display:flex;flex-direction:column;align-items:center;z-index:7;opacity:0;transition:opacity .6s ease-out .4s}.dialog-and-form-container.visible{opacity:1}.dialog-box{width:100%;min-height:150px;background-color:#000;border:4px solid #ffffff;border-radius:5px;padding:20px 25px;box-sizing:border-box;color:#fff;opacity:0;transform:translateY(20px);transition:opacity .6s ease-out .4s,transform .6s ease-out .4s,min-height .5s ease-in-out,padding .5s ease-in-out}.dialog-and-form-container.visible .dialog-box{opacity:1;transform:translateY(0)}.dialog-text{margin-top:0;margin-left:0;font-size:clamp(26px,2vw,20px);line-height:1.4;white-space:pre-wrap;position:relative;text-align:left}.typing-cursor-char{animation:blinkCursor .7s infinite;font-weight:400;color:#fff;margin-left:1px}.search-form-wrapper{width:100%;max-width:100%;margin-top:20px;box-sizing:border-box;opacity:0;transition:opacity .5s ease-in-out .6s,margin-top .5s ease-in-out}.App-container.current-state-contentReady .dialog-and-form-container.visible .search-form-wrapper,.App-container.results-view-active .dialog-and-form-container.visible .search-form-wrapper{opacity:1}.App-container.results-view-active{flex-direction:row;justify-content:flex-start;align-items:flex-start;padding-top:0;overflow:hidden}.left-panel{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;transition:width .5s ease-in-out,padding .5s ease-in-out,height .5s ease-in-out;z-index:5;background-color:#000}.App-container.results-view-active .left-panel{width:33.33%;height:100vh;overflow-y:auto;padding:15px;justify-content:flex-start;align-items:center;border-right:2px solid #000000;box-sizing:border-box}.right-panel{width:0;opacity:0;visibility:hidden;transition:width .5s ease-in-out,opacity .5s ease-in-out .1s,visibility 0s linear .6s;height:100vh;overflow-y:auto;padding:60px 15px 15px;box-sizing:border-box;background-color:#000}.App-container.results-view-active .right-panel{width:66.67%;opacity:1;visibility:visible;transition-delay:0s,.1s,0s}.App-container.results-view-active .main-logo.results-mode{left:-2%;top:10px;transform:translate(0) scale(.55)}.App-container.results-view-active .sans-image.results-mode{position:relative;top:auto;left:auto;transform:none;animation:bobbingAnimation 2s ease-in-out infinite;max-width:1000px;width:50%;margin-top:40px;margin-bottom:10px;opacity:1}.App-container.results-view-active .dialog-and-form-container.results-mode{position:static;transform:none;width:90%;top:auto;left:auto;opacity:1;margin-bottom:15px}.App-container.results-view-active .dialog-box.results-mode{width:100%;min-height:auto;margin-bottom:10px;height:200px;padding:20px 25px;opacity:1;transform:none}.App-container.results-view-active .dialog-box.results-mode .dialog-text{font-size:clamp(24 px,1.5vw,16px)}.App-container.results-view-active .search-form-wrapper.results-mode{width:100%;margin-top:10px;opacity:1;transform:none}@keyframes sansBobbingInitial{0%{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-8px)}to{transform:translate(-50%,-50%) translateY(0)}}@keyframes bobbingAnimation{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}@keyframes blinkCursor{0%,to{opacity:1}50%{opacity:0}}@keyframes blinkAnimation{0%{opacity:1}50%{opacity:.2}to{opacity:1}}.left-panel::-webkit-scrollbar,.right-panel::-webkit-scrollbar{width:8px}.left-panel::-webkit-scrollbar-track,.right-panel::-webkit-scrollbar-track{background:#000;border-radius:10px}.left-panel::-webkit-scrollbar-thumb,.right-panel::-webkit-scrollbar-thumb{background:#000;border-radius:10px}.left-panel::-webkit-scrollbar-thumb:hover,.right-panel::-webkit-scrollbar-thumb:hover{background:#000}@media (max-height: 700px){.main-logo.center{max-height:25vh}.sans-image{top:28%;max-height:30vh}.dialog-and-form-container{top:52%}.dialog-box{padding:10px 15px;min-height:80px}.dialog-text{font-size:clamp(14px,1.8vw,18px)}.splash-start-text{margin-top:20vh}}@media (max-height: 550px){.App-container.results-view-active{padding-top:0}.App-container.results-view-active .left-panel,.App-container.results-view-active .right-panel{height:0vh}.main-logo.topLeft{max-height:40px;transform:translate(0) scale(.6)}.main-logo.center{max-height:20vh;top:35%}.sans-image{top:25%;max-width:200px;max-height:25vh}.dialog-and-form-container{top:48%;width:85vw}.dialog-box{padding:8px 12px;min-height:60px}.dialog-text{font-size:clamp(12px,1.7vw,16px)}.search-form-wrapper{margin-top:15px}.splash-start-text{margin-top:15vh;max-width:150px}}.search-form-container{display:flex;flex-direction:column;gap:20px;padding:0;border:1px solid #000000;border-radius:1px;background-color:#000c;color:#e0e0e0;width:100%;box-sizing:border-box}.search-and-algo-group{display:flex;flex-direction:row;gap:20px;align-items:flex-start;flex-wrap:wrap}.target-input-group{display:flex;flex-direction:column}.form-label,.options-title,.max-recipes-label{font-size:.95em;margin-bottom:8px;color:orange;font-weight:500}.form-input,.max-recipes-input{background-color:#000;color:orange;border:1px solid #FFA500;border-radius:1px;padding:0 10px;font-size:24px;font-family:inherit;width:100%;height:80px;display:flex;align-items:center;box-sizing:border-box;transition:border-color .3s ease,box-shadow .3s ease,color .3s ease}.form-input:focus,.max-recipes-input:focus{border-color:#ff0;color:#ff0;box-shadow:0 0 0 3px #ff03;outline:none}.form-options-group{display:flex;flex-direction:column}.algo-group{flex-basis:auto;flex-grow:1}.radio-group{display:flex;flex-direction:row;justify-content:center;gap:10px;align-items:center;flex-wrap:wrap}.radio-input{display:none}.radio-label{display:flex;justify-content:center;align-items:center;width:17.5%;height:80px;padding:0 100px;border:1px solid #FFA500;border-radius:1px;background-color:#000;color:orange;font-size:25px;cursor:pointer;text-align:center;transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease;-webkit-user-select:none;user-select:none;box-sizing:border-box}.radio-label:hover{border-color:gold;color:gold}.radio-input:checked+.radio-label{background-color:#000;color:#ff0;border-color:#ff0;font-weight:700;box-shadow:0 0 8px #ffff004d}.max-recipes-group{margin-top:0;display:flex;flex-direction:column}.submit-button{background-color:orange;color:#000;border:1px solid #000000;border-radius:5px;padding:12px 20px;font-size:20px;font-weight:700;font-family:inherit;cursor:pointer;transition:background-color .3s ease,transform .2s ease,color .3s ease,border-color .3s ease;align-self:center;min-width:150px}.submit-button:hover:not(:disabled){background-color:gold;color:#000;border-color:#000;transform:translateY(-2px)}.submit-button:active:not(:disabled){background-color:#ff0;transform:translateY(0)}.submit-button:disabled{background-color:#555;color:#999;border-color:#555;cursor:not-allowed}.search-results-container{color:#e0e0e0;font-family:Pixelify Sans,sans-serif;padding:10px;box-sizing:border-box;width:100%;height:100%;display:flex;flex-direction:column}.results-title{font-size:1.4em;color:#0ff;margin-top:0;margin-bottom:10px;text-align:left;border-bottom:1px solid #444;padding-bottom:10px}.results-title .target-element{color:orange;font-weight:700}.results-title .search-info{font-size:.7em;color:#ccc;margin-left:10px;font-weight:400}.search-stats{display:flex;gap:20px;font-size:.85em;color:#b0b0b0;margin-bottom:15px;padding-bottom:10px;border-bottom:1px dashed #333}.search-stats span strong{color:orange}.base-element-message,.path-not-found-message,.initial-message,.loading-message,.error-message{font-size:1em;color:#ccc;padding:20px;text-align:center;border:1px dashed #444;border-radius:4px;margin-top:10px}.error-message{color:#ff6b6b;border-color:#ff6b6b}.path-block{display:flex;flex-direction:row;gap:20px;margin-bottom:25px;padding:15px;border:1px solid #333;border-radius:8px;background-color:#0a0a0a80}.path-details-column{flex:1 1 45%;display:flex;flex-direction:column;gap:10px;min-width:0}.path-text-section{overflow-y:auto;max-height:350px;padding:10px;border:1px solid #222;border-radius:4px;background-color:#0003;min-height:100px;box-sizing:border-box}.live-update-button{background-color:#000;color:#b47e18;border:1px solid #b47e18;border-radius:5px;padding:10px 18px;font-size:.9em;font-weight:700;font-family:inherit;cursor:pointer;transition:background-color .3s ease,transform .2s ease,color .3s ease,border-color .3s ease;align-self:flex-start;min-width:180px;margin-top:5px}.live-update-button:hover:not(:disabled){color:#fbff00;border-color:#fbff00;transform:translateY(-2px)}.live-update-button:active:not(:disabled){background-color:#ff0;transform:translateY(0)}.live-update-button:disabled{cursor:not-allowed}.path-visualization-column{flex:1 1 55%;display:flex;flex-direction:column;align-items:center;min-width:0}.visualization-title-small{font-size:1em;color:#0ff;margin-top:0;margin-bottom:8px;align-self:flex-start}.recipe-path-list{list-style-type:none;padding-left:0;margin-top:5px;font-size:.9em}.recipe-path-list-empty{color:#888;font-style:italic;padding:10px 0}.recipe-step-item{padding:6px 0;border-bottom:1px solid #2a2a2a;display:flex;align-items:center;flex-wrap:wrap;gap:5px;min-height:28px}.recipe-step-item:last-child{border-bottom:none}.recipe-step-image{width:24px;height:24px;margin-right:5px;vertical-align:middle;border-radius:3px;background-color:#222}.img-placeholder,.img-placeholder-small{display:inline-block;width:24px;height:24px;margin-right:5px;background-color:#282828;border:1px dashed #444;border-radius:3px;box-sizing:border-box}.img-placeholder-small{width:20px;height:20px}.recipe-step-separator{color:orange;margin:0 5px}.recipe-step-result{color:#0ff;font-weight:700}.tree-wrapper{width:100%;height:450px;border-radius:4px;border:1px solid #222;overflow:hidden;background-color:#0d0d0d}.tree-node .node-circle-bg{stroke:#555;stroke-width:1px;transition:fill .3s ease,stroke .3s ease}.tree-node.node-element .node-circle-bg{fill:#2a2a2a}.tree-node.node-base-element .node-circle-bg{fill:#1a3a1a;stroke:#0f0}.tree-node.node-recipe .node-circle-bg{fill:#3a2a1a;stroke:orange}.tree-node.node-error .node-circle-bg{fill:#4a1a1a;stroke:#ff6b6b}.tree-node:hover .node-circle-bg{fill:#444}.tree-node.node-base-element:hover .node-circle-bg{fill:#2a5a2a}.tree-node.node-recipe:hover .node-circle-bg{fill:#5a4a3a}.node-text{font-family:Pixelify Sans,sans-serif;pointer-events:none;fill:#e0e0e0;font-size:.8em}.tree-node.node-base-element .node-text{fill:#8fbc8f}.tree-node.node-recipe .node-text{fill:orange;font-size:1.1em;font-weight:700}.tree-node.node-error .node-text{fill:#ff8c8c;font-size:.7em}.element-image{pointer-events:none}.rd3t-link{stroke:#666!important;stroke-width:1.5px!important;fill:none!important}.image-urls-details{margin-top:20px;border:1px solid #333;border-radius:4px;background-color:#0a0a0a4d}.image-urls-summary{padding:10px;cursor:pointer;color:#0ff;font-weight:700;outline:none}.image-urls-summary:hover{background-color:#00ffff1a}.image-urls-list{list-style-type:none;padding:0 15px 15px;max-height:200px;overflow-y:auto}.image-urls-item{display:flex;align-items:center;padding:5px 0;font-size:.85em;border-bottom:1px solid #2a2a2a}.image-urls-item:last-child{border-bottom:none}.image-urls-image{width:20px;height:20px;margin-right:8px;border-radius:3px}.image-urls-name{color:orange;margin-right:5px}.image-urls-link{color:#b0b0b0;text-decoration:none;word-break:break-all}.image-urls-link:hover{color:#0ff;text-decoration:underline}.path-text-section::-webkit-scrollbar,.image-urls-list::-webkit-scrollbar{width:6px}.path-text-section::-webkit-scrollbar-track,.image-urls-list::-webkit-scrollbar-track{background:#111;border-radius:10px}.path-text-section::-webkit-scrollbar-thumb,.image-urls-list::-webkit-scrollbar-thumb{background:#555;border-radius:10px}.path-text-section::-webkit-scrollbar-thumb:hover,.image-urls-list::-webkit-scrollbar-thumb:hover{background:#777}@media (max-width: 992px){.path-block{flex-direction:column}.path-details-column,.path-visualization-column{flex-basis:auto;width:100%}.path-visualization-column{margin-top:15px;min-height:350px}.tree-wrapper{height:350px}.live-update-button{align-self:center}}@media (max-width: 768px){.results-title{font-size:1.2em}.search-stats{flex-direction:column;gap:5px;align-items:flex-start}.path-text-section{max-height:250px}.tree-wrapper{height:300px}.live-update-button{padding:8px 15px;font-size:.85em;min-width:160px}.visualization-title-small{font-size:.95em}}