@import"https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&display=swap";.selection-box{border-radius:24px;pointer-events:none;box-sizing:border-box;z-index:500}.selection-port{position:absolute;width:10px;height:10px;background-color:#cbcbcb;border:2px solid #727272;border-radius:30%;box-shadow:0 2px 5px #00000026;cursor:pointer;pointer-events:auto;z-index:6;transition:transform .15s ease-out,background-color .15s ease}.selection-port:hover{transform:scale(1.2);background-color:#ffa857;border:2px solid #ff6a00}.selection-port.top{top:0;left:50%;transform:translate(-50%,-50%)}.selection-port.top:hover{transform:translate(-50%,-50%) scale(1.2)}.selection-port.right{top:50%;right:0;transform:translate(50%,-50%)}.selection-port.right:hover{transform:translate(50%,-50%) scale(1.2)}.selection-port.bottom{bottom:0;left:50%;transform:translate(-50%,50%)}.selection-port.bottom:hover{transform:translate(-50%,50%) scale(1.2)}.selection-port.left{top:50%;left:0;transform:translate(-50%,-50%)}.selection-port.left:hover{transform:translate(-50%,-50%) scale(1.2)}.connection-selection-box{fill:#ff770021;stroke:#ff8c00;stroke-width:2;stroke-dasharray:6 4;background-color:#ff770021;border:1px dashed #ff8c00;border-radius:8px}.node-area.is-selecting{cursor:crosshair}.node-area.is-selecting .node,.node-area.is-selecting .post-it-node{pointer-events:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.connection-line{animation:fadeIn .1s ease-in}.message-bar{position:absolute;bottom:-100px;left:50%;transform:translate(-50%);z-index:1000;display:flex;background-color:var(--message-bg);border:2px solid var(--message-border);border-radius:var(--message-bar-radius);box-shadow:inset 0 0 10px var(--message-shadow-inset),0 5px 15px -5px var(--message-shadow-outer);width:max-content;height:min-content;box-sizing:border-box;padding:5px 20px;transition:bottom .2s ease-in-out}.message-bar--visible{bottom:var(--toolbar-position-offset)}.message-bar__content{display:flex;align-items:center;justify-content:center}.message-bar__content p{margin:0;padding:var(--toolbar-padding);color:var(--message-text);font-size:17px;font-weight:var(--message-text-weight);font-style:var(--message-text-style);white-space:nowrap}.mobile-message-content{display:flex;flex-direction:column;align-items:center;max-width:300px}.mobile-message-icon{width:150px;height:auto;margin-bottom:20px}.mobile-message-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center;z-index:9999;padding:20px;box-sizing:border-box}.mobile-message-content p{font-size:1.2rem;color:#aaa}html,body{height:100%;font-family:var(--sandbox-font-primary);line-height:var(--sandbox-line-height-base);margin:0;padding:0;background-color:var(--sandbox-background);color:var(--sandbox-text-primary);height:100vh;overflow:hidden}.app-root{position:relative;width:100%;height:100%}.node-editor-container{position:relative;display:flex;flex-direction:column;background-color:var(--sandbox-background);z-index:2;transition:transform var(--sandbox-transition-duration-fast) var(--sandbox-transition-timing-default);height:100vh;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.node-editor-container.shifted{transform:translate(var(--sandbox-sidebar-shift-width))}.node-area{flex-grow:1;position:relative;overflow:hidden;cursor:grab;order:2;z-index:1}#node-area{background-color:var(--sandbox-background);transition:background-color var(--sandbox-transition-duration-slow) var(--sandbox-transition-timing-default);position:relative}.node{position:absolute;z-index:2;top:0;left:0}.node__visual-wrapper{width:100%;height:100%;position:relative;border-radius:var(--node-border-radius);box-shadow:var(--node-shadow);display:flex;flex-direction:column;overflow:hidden}.node__header{padding:5px 14px;font-weight:700;color:var(--node-header-text-color);cursor:grab;display:flex;justify-content:space-between;align-items:center;border:var(--node-header-border);border-radius:var(--node-border-radius) var(--node-border-radius) 0 0;box-shadow:var(--node-header-inner-shadow);text-shadow:var(--node-header-text-shadow)}.node__content{padding:15px;flex-grow:1;overflow:hidden;box-shadow:var(--node-content-inner-shadow)}.node__resize-handle{position:absolute;bottom:0;right:0;width:var(--node-resize-handle-size);height:var(--node-resize-handle-size);cursor:nwse-resize;z-index:4;pointer-events:auto;border-right:var(--node-resize-handle-thickness) solid var(--node-resize-handle-color);border-bottom:var(--node-resize-handle-thickness) solid var(--node-resize-handle-color);box-sizing:border-box;transition:border-color .2s ease}.node__resize-handle:hover{border-right-color:var(--node-resize-handle-color-hover);border-bottom-color:var(--node-resize-handle-color-hover)}.node__close-btn{position:absolute;top:-5px;right:0;padding:10px;z-index:10;background:transparent;border:none;font-size:20px;cursor:pointer;color:var(--node-header-text-color);line-height:1;transition:color .2s ease}.node__close-btn:hover{color:#000}.transform-group{width:100%;height:100%;position:relative}.node__content--image img{display:block;width:100%;height:100%;object-fit:contain}.node--spawn-animation{animation:popUpBounce var(--node-animation-spawn-duration) var(--node-animation-spawn-timing)}@keyframes popUpBounce{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.1);opacity:1}80%{transform:scale(.95)}to{transform:scale(1);opacity:1}}.node--image-only .node__visual-wrapper{border-radius:15px;box-shadow:none;overflow:hidden}.node--image-only .image-node__img{cursor:grab;border-radius:15px;color:transparent}.node--image-only .node__close-btn{opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease,color .2s ease,background-color .2s ease;z-index:10;top:4px;right:4px;background-color:#ffffff80;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;padding:0;font-size:18px;line-height:1;color:var(--node-header-text-color)}.node--image-only:hover .node__close-btn{opacity:1;visibility:visible}.node--image-only .node__close-btn:hover{color:#000;background-color:#ffffffe6}.node--image-only .node__resize-handle{opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease,border-color .2s ease;z-index:5}.node--image-only:hover .node__resize-handle{opacity:1;visibility:visible}.node__title-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:8px}.node__header-controls{flex-shrink:0;margin-right:17px}.node__language-selector{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3e%3cpath fill='%23333' d='M0 0l5 6 5-6H0z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;padding:2px 22px 2px 6px;font-size:12px;font-weight:400;color:#333;background-color:#ffffffb3;border:1px solid rgba(0,0,0,.297);border-radius:40px;cursor:pointer}.node__language-selector:focus{outline:none;box-shadow:0 0 2px 2px #4c95f380}.session-bar{position:fixed;top:0;left:0;width:var(--session-bar-width);height:100%;background-color:var(--session-bar-bg);background-image:linear-gradient(var(--session-grid-line-color) 1px,transparent 1px),linear-gradient(90deg,var(--session-grid-line-color) 1px,transparent 1px);background-size:20px 20px;box-sizing:border-box;z-index:1;box-shadow:var(--session-shadow-bar-inset)}.session-bar__list{list-style:none;padding:40px 10px;margin:0;display:flex;flex-direction:column;gap:20px;overflow-y:auto;overflow-x:hidden;height:100%;align-items:center;box-sizing:border-box;scrollbar-width:none}.session-bar__list::-webkit-scrollbar{display:none}.session-bar__item{position:relative;flex-shrink:0;text-align:center}.session-bar__item-content{position:relative;width:160px;height:90px;border-radius:var(--session-radius-medium);box-shadow:var(--session-shadow-thumbnail);display:block;transition:transform var(--session-transition-speed-normal) ease,box-shadow var(--session-transition-speed-normal) ease;overflow:hidden}.session-bar__item:hover .session-bar__item-content{transform:scale(1.05);box-shadow:var(--session-shadow-thumbnail-hover)}.session-bar__item-content:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;border-radius:var(--session-radius-medium);box-shadow:var(--session-shadow-thumbnail-inset);pointer-events:none}.session-bar__thumbnail{width:100%;height:100%;object-fit:cover;display:block;cursor:pointer}.session-bar__title{font-size:.8rem;color:var(--session-text-color-dark);font-weight:500;margin:2px 0 0;padding:4px 6px;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:4px;cursor:text;box-sizing:border-box}.session-bar__title:focus{outline:none}.session-bar__empty-message{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;box-sizing:border-box;color:var(--session-text-color-light);font-size:1.1rem}.session-bar__btn{position:absolute;width:var(--session-btn-size);height:var(--session-btn-size);border-radius:var(--session-radius-round);cursor:pointer;z-index:10;display:flex;justify-content:center;align-items:center;padding:0;transition:all var(--session-transition-speed-fast) var(--session-transition-timing);box-shadow:var(--session-shadow-btn-lifted)}.session-bar__btn:active{transform:scale(.95) translateY(1px);box-shadow:var(--session-shadow-btn-pressed)}.session-bar__btn img{width:var(--session-btn-icon-size);height:var(--session-btn-icon-size)}.session-bar__btn--add{top:9px;left:9px;border:1px solid var(--session-btn-add-border);background:var(--session-btn-add-bg-gradient)}.session-bar__btn--add:hover{background:var(--session-btn-add-bg-gradient-hover);box-shadow:var(--session-shadow-btn-lifted-hover);transform:scale(1.05)}.session-bar__btn--add:active{background:var(--session-btn-add-bg-gradient-active)}.session-bar__btn--delete{top:-11px;right:-11px;border:1px solid var(--session-btn-delete-border);background:var(--session-btn-delete-bg-gradient);opacity:0;transform:scale(.8)}.session-bar__item:hover .session-bar__btn--delete{opacity:1;transform:scale(1)}.session-bar__btn--delete:hover{background:var(--session-btn-delete-bg-gradient-hover);box-shadow:var(--session-shadow-btn-lifted-hover);transform:scale(1.05)}.session-bar__btn--delete:active{background:var(--session-btn-delete-bg-gradient-active)}.session-bar__btn--delete img{transform:rotate(45deg)}.post-it-node{position:absolute;top:0;left:0;background-color:#fefabc;box-shadow:5px 5px 15px #0003;border:1px solid #e0dd9a;display:flex;flex-direction:column;padding:25px 15px 15px;cursor:grab;transform-origin:center center;z-index:10;transition:box-shadow .2s ease-in-out,border-color .2s ease-in-out;box-sizing:border-box}.post-it-node.active{border-color:#f0c420;box-shadow:8px 8px 25px #0000004d;z-index:100}.post-it-textarea{flex-grow:1;background-color:transparent;border:none;outline:none;resize:none;font-size:1.4rem;line-height:1.5;color:#333;font-family:Kalam,cursive;cursor:text;overflow-y:hidden}.post-it-textarea:read-only{cursor:grab;-webkit-user-select:none;user-select:none}.post-it-close{position:absolute;top:2px;right:5px;background:none;border:none;font-size:1.5rem;color:#d1c870;cursor:pointer;padding:0;line-height:1}.post-it-close:hover{color:#b0a850}.connection-line{stroke:#cbcbcb;stroke-width:3px;fill:none}.toolbar{position:absolute;z-index:1000;display:flex;background-color:var(--toolbar-bg);border:1px solid var(--global-border-UI);border-radius:var(--global-radius-UI);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);box-shadow:inset 0 0 10px var(--toolbar-shadow-inset),0 5px 15px -5px var(--toolbar-shadow-outer);width:min-content;height:min-content;box-sizing:border-box}.toolbar--top-left{top:var(--toolbar-position-offset);left:var(--toolbar-position-offset);padding-top:var(--toolbar-main-padding-ends);padding-bottom:var(--toolbar-main-padding-ends)}.toolbar--bottom-left{bottom:var(--toolbar-position-offset);left:var(--toolbar-position-offset)}.toolbar--bottom-right{bottom:var(--toolbar-position-offset);right:var(--toolbar-position-offset)}.toolbar--horizontal-bottom{padding-left:var(--toolbar-bottom-padding-ends);padding-right:var(--toolbar-bottom-padding-ends)}.toolbar__content{display:flex;flex-direction:column;gap:var(--toolbar-icon-gap);padding:var(--toolbar-padding);align-items:center}.toolbar--horizontal-bottom .toolbar__content{flex-direction:row}.toolbar__content img{cursor:pointer;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;max-width:var(--toolbar-icon-max-width);padding:var(--toolbar-icon-padding);transition:transform var(--toolbar-icon-transition-speed) ease,background-color var(--toolbar-icon-transition-speed) ease}.toolbar__content img:hover{transform:var(--toolbar-icon-hover-scale)}#toolbar-logo{max-width:50px;height:auto;cursor:default}#toolbar-logo:hover{transform:none}.toolbar__separator{height:1px;width:70%;background-color:var(--global-border-UI);margin:var(--toolbar-separator-margin) auto}#hole-image{position:absolute;top:11px;left:55px;width:50px;height:auto;z-index:999}:root{--global-radius-UI: clamp(25px, .781vw, 15px);--global-border-UI:rgb(198, 198, 198);--toolbar-bg: rgb(255, 255, 255);--toolbar-shadow-inset: rgba(78, 92, 146, .311);--toolbar-shadow-outer: rgba(0, 0, 0, .165);--toolbar-position-offset: clamp(12px, 1.042vw, 20px);--toolbar-icon-max-width: clamp(32px, 2.6vw, 45px);--toolbar-icon-padding: clamp(1px, .104vw, 2px);--toolbar-padding: .052vw;--toolbar-separator-margin: clamp(4px, .417vw, 8px);--toolbar-icon-gap: clamp(3px, .26vw, 5px);--toolbar-main-padding-ends: clamp(6px, .521vw, 10px);--toolbar-bottom-padding-ends: clamp(3px, .26vw, 5px);--toolbar-icon-hover-scale: scale(1.35);--toolbar-icon-transition-speed: .2s;--search-width: clamp(300px, 26.042vw, 500px);--search-offset-top: clamp(15px, 1.563vw, 30px);--search-padding: clamp(8px, .625vw, 12px) clamp(15px, 1.042vw, 20px);--search-radius: 25px;--search-results-max-height: clamp(250px, 20.833vw, 400px);--search-shadow: 0 0 .625vw rgba(0, 0, 0, .25);--search-shadow-focus: 0 0 .781vw rgba(0, 0, 0, .107);--search-border-color-light: #eee;--search-bg-color-main: white;--search-bg-color-hover: #f5f5f5;--search-text-color-primary: #333;--session-bar-width: clamp(190px, 11.198vw, 215px);--session-btn-size: clamp(18px, 1.146vw, 22px);--session-btn-icon-size: clamp(9px, .625vw, 12px);--session-radius-medium: clamp(5px, .417vw, 8px);--session-bar-bg: #ffffff;--session-grid-line-color: rgba(224, 224, 224, .7);--session-text-color-light: #888;--session-text-color-dark: #000000;--session-radius-round: 50%;--session-btn-add-border: #54b6df;--session-btn-add-bg-gradient: linear-gradient(145deg, #a7d3ff, #0854a1);--session-btn-add-bg-gradient-hover: linear-gradient(145deg, #40dd60, #28a745);--session-btn-add-bg-gradient-active: linear-gradient(145deg, #218838, #34cb55);--session-btn-delete-border: #ffa600;--session-btn-delete-bg-gradient: linear-gradient(145deg, #ffb649, #ff6f00);--session-btn-delete-bg-gradient-hover: linear-gradient(145deg, #ff5c6a, #e03243);--session-btn-delete-bg-gradient-active: linear-gradient(145deg, #d42a3a, #ef4b5a);--session-shadow-bar-inset: inset -.104vw 0 .938vw .156vw rgba(0, 0, 0, .157);--session-shadow-thumbnail: 0 .208vw .625vw rgba(0, 0, 0, .24);--session-shadow-thumbnail-hover: 0 .313vw .833vw rgba(0, 0, 0, .2);--session-shadow-thumbnail-inset: inset 0 0 .521vw rgba(63, 69, 139, .515);--session-shadow-btn-lifted: 0 .156vw .26vw rgba(0,0,0,.3), inset 0 .052vw .052vw rgba(255,255,255,.4);--session-shadow-btn-lifted-hover: 0 .208vw .365vw rgba(0,0,0,.3), inset 0 .052vw .052vw rgba(255,255,255,.5);--session-shadow-btn-pressed: inset 0 .104vw .208vw rgba(0,0,0,.4);--session-transition-speed-fast: .15s;--session-transition-speed-normal: .2s;--session-transition-timing: ease-out;--node-border-radius: 15px;--node-shadow: 0 10px 25px rgba(19, 6, 62, .215);--node-header-border: 1px solid #a6a6a6;--node-header-text-color: #ffffff;--node-header-text-shadow: 0 1px 2px rgba(0, 0, 0, .6);--node-header-inner-shadow: inset 0 10px 6px -2px rgba(255, 255, 255, .594);--node-content-inner-shadow: inset 6px 0 12px -4px rgba(0, 0, 0, .17), inset -6px 0 12px -4px rgba(0, 0, 0, .17), inset 0 -6px 12px -4px rgba(0, 0, 0, .17);--node-resize-handle-size: 20px;--node-resize-handle-thickness: 3px;--node-resize-handle-color: rgba(255, 255, 255, .2);--node-resize-handle-color-hover: rgba(255, 255, 255, .5);--node-animation-spawn-duration: .4s;--node-animation-spawn-timing: cubic-bezier(.175, .885, .32, 1.275);--sandbox-text-primary: #828282;--sandbox-background: #ffffff;--sandbox-font-primary: sans-serif;--sandbox-line-height-base: 1.6;--sandbox-sidebar-shift-width: clamp(190px, 11.198vw, 215px);--sandbox-transition-duration-fast: .25s;--sandbox-transition-duration-slow: .5s;--sandbox-transition-timing-default: ease-in-out;--message-bg: #fefabc;--message-shadow-inset: rgba(153, 137, 74, .47);--message-shadow-outer: rgba(0, 0, 0, 0);--message-text: #b75f12;--message-text-weight: 400;--message-border: rgba(255, 255, 255, 0);--message-bar-radius: 35px}:before,:after{transition:background-color .3s ease-in-out,color .3s ease-in-out,border-color .3s ease-in-out}.node--flat{--node-shadow: 0 10px 32px rgba(0, 0, 0, .227);--node-header-inner-shadow: none;--node-content-inner-shadow: none}.dark--mode{--global-border-UI:rgb(56, 108, 130);--toolbar-bg: rgb(19, 15, 77);--toolbar-shadow-inset: rgb(59, 126, 162);--sandbox-background: #000000;--node-shadow: none;--node-header-inner-shadow: inset 0 12px 7px -1px rgb(255, 255, 255);--node-content-inner-shadow: inset 6px 0 12px -4px rgba(0, 0, 0, .673), inset -6px 0 12px -4px rgba(0, 0, 0, .673), inset 0 -6px 12px -4px rgba(0, 0, 0, .673);--search-text-color-primary: #ffffff;--session-bar-bg: #2a2a2a;--session-text-color-dark: #ffffff;--session-grid-line-color: rgba(67, 64, 108, .7)}.search{position:fixed;top:var(--search-offset-top);left:50%;transform:translate(-50%);z-index:9999}.search-area{display:flex;align-items:center;gap:8px}.search__widget{width:var(--search-width)}.search__container{width:100%;background:var(--search-bg-color-main);border:1px solid var(--global-border-UI);border-radius:var(--search-radius);box-shadow:var(--search-shadow);overflow:hidden;transition:box-shadow .3s ease}.search__container:focus-within{box-shadow:var(--search-shadow-focus)}.search__input{width:100%;padding:var(--search-padding);font-size:1em;border:none;outline:none;box-sizing:border-box;background:transparent}.search__results{max-height:var(--search-results-max-height);overflow-y:auto}.search__result-item{padding:var(--search-padding);cursor:pointer;border-bottom:1px solid #f0f0f0;font-size:1em;color:var(--search-text-color-primary)}.search__result-item:last-child{border-bottom:none}.search__result-item:hover{background-color:var(--search-bg-color-hover)}.search__language-selector{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3e%3cpath fill='%23333' d='M0 0l5 6 5-6H0z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;padding:2px 22px 2px 6px;font-size:12px;font-weight:400;color:#333;background-color:#ffffffb3;border:1px solid rgba(0,0,0,.297);border-radius:40px;cursor:pointer;flex-shrink:0}.search__language-selector:focus{outline:none;box-shadow:0 0 2px 2px #4c95f380}.search__input-wrapper{position:relative;width:100%;border-bottom:1px solid var(--search-border-color-light, #eee)}