@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Lexend:wght@100..900&family=Pacifico&display=swap";.root-window-actions{display:flex;gap:.5rem;padding:1rem}.root-window-actions-button{--window-button-size: .75rem;--button-icon-size: .25rem;height:var(--window-button-size);width:var(--window-button-size);border-radius:var(--window-button-size);background-color:var(--color-white);color:var(--color-white);border:none;outline:none;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:all}.root-window-actions-button:hover:after{content:"";background:#fff;width:var(--button-icon-size);height:var(--button-icon-size);border-radius:var(--button-icon-size)}.root-window-actions-button[data-action=close]{background-color:var(--color-danger)}.root-window-actions-button[data-action=minimize]{background-color:var(--color-warning)}.root-window-actions-button[data-action=maximize]{background-color:var(--color-success)}.root-window-actions-button:disabled{opacity:.5;cursor:not-allowed}.root-tool-bar{display:flex;padding:0 1rem;align-items:center;justify-content:center;gap:.5rem}.root-tool{display:flex;justify-content:center;align-items:center;cursor:pointer;position:relative;pointer-events:all}.root-tool.disabled{cursor:not-allowed;opacity:.5}.root-tool-icon{display:flex;justify-content:center;align-items:center;padding:.25rem;border-radius:1rem;background-color:transparent;scale:.9}.root-tool:not(.disabled):hover .root-tool-icon{scale:1;background-color:var(--color-black)}.root-tool:not(.disabled):active .root-tool-icon{background-color:var(--color-black);scale:.5}.root-tool-icon>*{width:1rem;height:1rem;color:inherit}.root-tool-name{position:absolute;top:calc(100% + .5rem);left:50%;overflow:hidden;text-wrap:nowrap;padding:.5rem .75rem;background-color:var(--color-black);border-radius:.5rem;font-size:.75rem;transform:translate(-50%,-1rem);opacity:0;pointer-events:none}.root-tool:hover .root-tool-name{transform:translate(-50%);opacity:1}.glass-input{backdrop-filter:blur(1rem)!important;-webkit-backdrop-filter:blur(1rem);background:#7f7f7f88;border:.25rem solid #ffffff1a;border-radius:.75rem;font-size:1rem;padding:.5rem;cursor:text;outline:none;font-family:JetBrains Mono,monospace;position:relative}.glass-input:focus{border-color:var(--color-secondary)}.app-navigator{flex:1;position:relative;pointer-events:all;display:flex;justify-content:center}.app-navigator input{max-width:50rem;width:100%;padding:.25rem .375rem;border:none;border-radius:.25rem;color:var(--color-white);font-size:.75rem;outline:none!important;box-shadow:none;opacity:.5;transition:padding .3s ease-in-out,opacity .3s ease-in-out,font-size .3s ease-in-out}.app-navigator input:hover{opacity:1}.app-navigator input:focus{font-size:1rem;padding:.5rem .75rem;opacity:1}.suggestions{position:absolute;top:calc(100% + .5rem);left:50%;width:100%;max-width:50rem;display:flex;flex-direction:column;gap:.25rem;pointer-events:none;transform:translate(-50%,-50%) scaleY(0)}.suggestions.active{pointer-events:all;transform:translate(-50%) scaleY(1)}.suggestion{background-color:var(--color-black);display:flex;align-items:center;padding:.5rem;gap:.5rem;height:2.5rem;opacity:.5;border-radius:.5rem;cursor:pointer;width:100%;scale:1}.suggestion:hover{scale:1.05;opacity:1}.suggestion-icon{display:flex;align-items:center;height:100%;padding:.125rem}.suggestion-icon>*{height:100%;aspect-ratio:1}.suggestion-name{flex:1;display:flex;align-items:center;font-size:.75rem}.root-app-window:not(.is-desktop) .app-navigator input{background:var(--color-black)}.root-app-window:not(.is-desktop) .app-navigator .suggestion{border:.1rem solid var(--color-white)}.root-app-bar{top:0;z-index:1000;display:flex;align-items:center;justify-content:start;width:100%;height:2.5rem}.root-app-bar-logo{font-weight:700;height:100%;padding:.5rem}.root-app-bar-logo img{height:100%;width:auto;pointer-events:none}.root-app-bar-logo:not(.is-desktop){margin-left:.25rem;filter:brightness(3)}.root-app-breadcrumb{display:flex;align-items:center;justify-content:end;padding:0 1rem}.root-app-breadcrumb span{background:var(--color-black);color:var(--color-white);padding:.25rem 1rem;border-radius:.25rem;font-size:.75rem}.root-app-window{position:fixed;width:100%;height:100%;display:flex;flex-direction:column;padding:.5rem;background:linear-gradient(to bottom right,var(--color-primary),var(--color-secondary),var(--color-tertiary));gap:.5rem}.root-app-window.is-desktop{padding:0;background:transparent}.root-app-window-content{position:relative;overflow:auto;border-radius:1rem;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;background:var(--color-background)}.root-app-window.is-desktop .root-app-window-content{padding:0;background:transparent}.glass-card{backdrop-filter:blur(.125rem);-webkit-backdrop-filter:blur(.125rem);background:#7f7f7f88;border:.25rem solid #ffffff1a;border-radius:1rem}.node-base-input{grid-column:1 / -1;flex-basis:100%;padding:.5rem .25rem}.node-base-input input{width:100%}.node-base-input input::placeholder{color:#fff6}.filler-node-wrapper{--size: 3rem;--icon-size: 1.5rem;position:relative;width:var(--size);height:0}.filler-node{width:var(--size);height:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.node-context{position:absolute;top:calc(100% + 1.5rem);left:50%;padding:1rem;cursor:default;display:flex;flex-wrap:wrap;gap:.5rem;transform:translate(-50%) translateY(-50%) scale(0);opacity:0;pointer-events:none;z-index:100}.node.active+.node-context{transform:translate(-50%) translateY(0) scale(1);opacity:1;pointer-events:auto}.node-context.side{left:calc(100% + 2rem);top:50%;max-height:50vh;overflow-y:auto;overflow-x:hidden}.node.active+.node-context.side{transform:translate(0) translateY(-50%) scale(1)}.context-canvas{grid-column:1 / -1;flex-basis:100%}.context-break{flex-basis:100%;height:0}.context-length{flex-basis:100%;height:0;display:flex;gap:.5rem;margin-top:-20px}.decorative-node{flex-basis:100%;grid-column:1 / -1;margin-top:.5rem;display:flex;align-items:center;justify-content:start;gap:.25rem;background-color:currentColor;border-radius:.25rem}.decorative-node:first-child{margin-top:0}.decorative-node-icon{height:100%;padding:.25rem}.node-wrapper{--size: 3rem;--icon-size: 1.5rem;position:relative;width:var(--size);height:var(--size)}.node{width:var(--size);height:var(--size);display:flex;align-items:center;justify-content:center;border-radius:calc(var(--icon-size) / 2);cursor:pointer;pointer-events:all}.node.active,.node:hover{border-color:var(--color-white)}.node-background{position:absolute;width:100%;height:100%;color:inherit;background:currentColor;opacity:.6;border-radius:calc(var(--icon-size) / 2 - .25rem)}.node.active>.node-background,.node:hover>.node-background{opacity:1}.node:active{scale:.5}.node-icon-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.node-icon{width:var(--icon-size);height:var(--icon-size)}.node-name{position:absolute;bottom:calc(100% + 1rem);left:50%;transform:translate(-50%);padding:.25rem 1rem;background-color:var(--color-white);color:var(--color-black);border-radius:.5rem;font-size:.75rem;opacity:0;translate:0 .5rem;text-wrap:nowrap;pointer-events:none}.node:hover>.node-name{opacity:1;translate:0;z-index:10}.node-pointer{position:absolute;width:1rem;height:1rem;display:flex;align-items:center;justify-content:center;left:calc(100% + 1.5rem);top:50%;transform:translate(-50%,-50%);pointer-events:none}.node-pointer>*{width:100%;height:100%}.canvas .canvas .node-pointer{display:none}.canvas{padding:5rem 10rem;border-radius:1rem;position:relative}.nodes{display:flex;gap:2.5rem;flex-wrap:wrap}.canvas .canvas{padding:.5rem}.canvas .canvas .nodes{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem}.prompt-wrapper{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#0003;display:flex;justify-content:center;align-items:center;z-index:1000;pointer-events:none;opacity:0}.prompt-wrapper.active{opacity:1;pointer-events:all}.prompt-main{display:flex;flex-direction:column;padding:1rem;gap:.5rem;scale:0}.prompt-wrapper.active .prompt-main{scale:1}.prompt-main .glass-input{box-shadow:none!important}.prompt-message{font-size:1.2rem;color:var(--color-white);text-align:center;margin-bottom:1rem}.prompt-input{width:min(60vw,50rem);display:flex;align-items:center;gap:.5rem}.prompt-input input{flex:1}.prompt-button{display:flex;justify-content:center;align-items:center;cursor:pointer;padding:.5rem;border-radius:50%;scale:.9}.prompt-button:hover{scale:1;background-color:var(--color-black)}.prompt-button:active{scale:.5}:root{--color-primary: #A15EFF;--color-secondary: #D65EBA;--color-tertiary: #FF7E47;--color-black: #000000;--color-white: #FFFFFF;--color-gray: #808080;--color-danger: #FF4C4C;--color-success: #4CAF50;--color-warning: #FF9800;--color-background: #111111}*{margin:0;padding:0;box-sizing:border-box;cursor:inherit;background:transparent;color:var(--color-white);user-select:none;-webkit-user-select:none;pointer-events:inherit;transition:transform .3s ease-in-out,filter .3s ease-in-out,scale .3s ease-in-out,background-color .3s ease-in-out,font-size .3s ease-in-out,color .3s ease-in-out,opacity .3s ease-in-out,transform .3s ease-in-out,translate .3s ease-in-out,box-shadow .3s ease-in-out,outline .3s ease-in-out,border-color .3s ease-in-out,border-radius .3s ease-in-out,filter .3s ease-in-out,text-shadow .3s ease-in-out}html,body,#root{position:fixed;top:0;left:0;width:100%;height:100%;cursor:default;pointer-events:none;z-index:10;font-family:Lexend,JetBrains Mono,Pacifico,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}::-webkit-scrollbar{width:.5rem;height:.5rem;background-color:#fff3}::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:.25rem}::-webkit-scrollbar-thumb:hover{background-color:#fff9}