@font-face{font-family:Open Sans Hebrew;font-style:normal;font-weight:400;src:url(https://fonts.googleapis.com/css2?family=Alef:wght@400;700&display=swap)}html,body{min-height:100vh;overflow:auto}body{font-family:Alef,Open Sans Hebrew,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f0f0ef;margin:0;padding:0 20px 20px;color:#333;height:100vh;display:flex;flex-direction:column;box-sizing:border-box}h1{text-align:center;color:#099;font-size:2.2em;display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:40px}h1 .english-full{order:1}h1 .english-short{display:none}h1 .hebrew-part{order:2}.color1{border-color:#099!important;background:#0993!important}.color2{border-color:#ffd54f!important;background:#ffd54f4d!important}.color3{border-color:#4caf50!important;background:#4caf5033!important}.result{box-shadow:inset 0 0 0 4px red!important;background:#e53e3e1a!important}.result-teal{box-shadow:inset 0 0 0 4px red!important;background:#0993!important}.pending{box-shadow:inset 0 0 0 4px red!important;background:#e53e3e66!important}@media(min-width:1200px){.code-section{flex:1}.visualization-section{position:relative;box-sizing:border-box}}.variables-table{margin:0;border-collapse:separate;border-spacing:0;font-size:1.2em;table-layout:fixed;width:100%;box-sizing:border-box}.array-reference-cell{position:relative;background:#f5f5f5;color:#333}.array-cells{display:flex;gap:.25em}.updated-cell{background:#ffd54f!important;color:#333!important}.variable-name{padding:.6em .9em;border:2px solid #333;border-right:none;font-weight:700;background:#f5f5f5;white-space:nowrap;box-sizing:border-box}.value-cell{padding:.6em .9em;border:2px solid #333;text-align:center;min-width:5em;font-weight:700;box-sizing:border-box}.variables-table tr:not(:first-child) .variable-name,.variables-table tr:not(:first-child) .value-cell{border-top:none}.array-label{font-weight:700;font-size:1.2em;min-width:2.5em;width:2.5em;flex-shrink:0;text-align:right;padding-right:.6em}.function-header{width:100%;font-size:1.2em;text-align:center;padding:.5em .75em;background:#099;color:#fff;font-weight:700;border-radius:0 0 .5em .5em;box-sizing:border-box;position:relative;overflow:visible;word-wrap:break-word}.function-number{position:absolute;left:-1.5em;top:50%;transform:translateY(-50%);color:#999;font-size:.9em;font-weight:700}.function-level{position:absolute;width:var(--panel-width);top:var(--function-y);opacity:var(--function-opacity, 1)}.function-level.active{opacity:1}.function-level.inactive{opacity:.4}.function-variables{width:100%}.function-variables.inactive{opacity:.5}.function-variables.active{opacity:1}.function-separator{height:.25em;background:#2d3748;margin:.9em 0;border-radius:.125em}.variables-table.inactive-function{opacity:.5}.variables-table tr:first-child .variable-name{border-top-left-radius:8px;overflow:hidden}.variables-table tr:first-child .value-cell{border-top-right-radius:8px;overflow:hidden}.empty-variables-table{width:15.6em!important;min-width:15.6em!important;table-layout:fixed}.empty-variables-cell{height:3.75em;min-height:3.75em;border:2px solid #333;background:#f5f5f5;width:100%!important;min-width:15.4em}.params-table td{padding:0!important;margin:0;vertical-align:baseline}.variables-table.compact{min-width:11.25em}.variables-table.compact .variable-name{padding:.5em;min-width:3.75em;white-space:nowrap}.variables-table.compact .value-cell{padding:.5em;min-width:3.75em}.function-header.compact{min-width:11.25em;padding:.375em .5em}.variables-section.compact{width:var(--compact-panel-width, 11.25em)!important;min-width:var(--compact-panel-width, 11.25em)!important}.ghost-separator{height:3px!important;padding:0!important;background:linear-gradient(to right,transparent,rgba(0,153,153,.6),transparent)!important;border:none!important}.ghost-variable-row .ghost-name{font-style:italic;color:#666;background:#e8e8e8;border-color:#999}.ghost-variable-row .ghost-value{background:#f0f0f0;border-color:#999}.ghost-variable-row .ghost-value.pending-ghost{color:#999;font-style:italic}.ghost-variable-row .ghost-value.resolved-ghost{color:#333}.ghost-arg-ref{display:inline-block;min-width:20px;min-height:14px;vertical-align:middle}.arrays-section{margin-left:0;display:flex;align-items:center;transform:translateY(40px)}.array-row{display:flex!important;margin-top:0!important;margin-bottom:25px!important;align-items:center!important}.cell-wrapper{position:relative;display:flex;flex-direction:column;align-items:center}.cell-wrapper-horizontal{flex-direction:row;align-items:center}.index-container-left{margin-right:8px;margin-bottom:0;height:auto}.index-container{position:relative;margin-top:12px;margin-bottom:2px;height:20px;display:flex;align-items:center;justify-content:center}.index-label{font-size:.9em;color:#718096;font-weight:700}.array-cell{width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:2em;font-weight:700;border:2px solid hsl(220,1%,60%);border-radius:12px;background:#f0f0ef;color:#2d3748;transition:all .3s ease;position:relative}.object.length-border>.cells-row{position:relative}.object.length-border>.cells-row:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;border:4px solid black;border-radius:16px;pointer-events:none}.object.length-border>.cells-row-vertical:after{top:0;bottom:0;left:auto;right:0;width:60px;height:auto}.array-cell.result{box-shadow:inset 0 0 0 4px red!important;background:#e53e3e1a!important}.current-index-label,.i-label,.j-label{position:absolute;top:-15px;left:50%;font-size:1.2em;color:red;font-weight:700;display:block!important;transform:translate(-50%);z-index:10}.cell-wrapper-horizontal .current-index-label,.cell-wrapper-horizontal .i-label,.cell-wrapper-horizontal .j-label{left:auto;right:50%;top:-18px;transform:translate(50%)}.array-cell.updated-cell{background:#ffd54f!important;color:#333!important}.array-cell.mutation-pending{border:5px solid #000!important;box-shadow:0 0 8px #00000080}.array-cell.cell-removing{animation:cellRemoval .3s ease-out forwards}@keyframes cellRemoval{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.array-cell.cell-inserting{animation:cellInsertion .3s ease-out forwards}@keyframes cellInsertion{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.array-reference-cell{position:relative}.object.compact .array-cell{width:45px;min-width:45px;height:45px;font-size:1.4em}.object.compact.length-border>.cells-row:after{height:45px}.object.compact.length-border>.cells-row-vertical:after{width:45px;height:auto}.object.compact .index-label{font-size:.75em}.object.compact .current-index-label,.object.compact .i-label,.object.compact .j-label{font-size:1em;top:-12px}.object.compact .index-container{height:20px;margin-bottom:3px}.string-object .string-value{font-size:1.4em;font-weight:700;color:teal;white-space:nowrap}@media(max-width:767px){.array-cell{width:36px!important;height:36px!important;font-size:1.2em!important;border-radius:8px;border-width:1.5px}.current-index-label,.i-label,.j-label{font-size:.85em;top:-10px}.index-label{font-size:.7em}.index-container{margin-top:8px;height:16px}.arrays-section{transform:translateY(25px)}.object.length-border>.cells-row:after{height:36px}.object.length-border>.cells-row-vertical:after{width:36px;height:auto}}@media(max-width:599px){.array-cell{width:26px!important;height:26px!important;font-size:.85em!important;border-radius:5px;border-width:1.5px}.current-index-label,.i-label,.j-label{font-size:.6em;top:-8px}.index-label{font-size:.6em}.index-container{margin-top:6px;height:12px}.arrays-section{transform:translateY(20px)}.array-row{margin-bottom:15px!important}.object.length-border>.cells-row:after{height:26px}.object.length-border>.cells-row-vertical:after{width:26px;height:auto}.object.compact .array-cell{width:22px;min-width:22px;height:22px;font-size:.75em}.object.compact.length-border>.cells-row:after{height:22px}.object.compact.length-border>.cells-row-vertical:after{width:22px;height:auto}.object.compact .current-index-label,.object.compact .i-label,.object.compact .j-label{font-size:.55em;top:-6px}.string-object .string-value{font-size:1.1em}}.objects-area{position:relative;margin-left:var(--array-gap, 270px);top:0;width:fit-content;flex-shrink:0;overflow:visible!important}.object{position:absolute;top:var(--function-y, 20px);left:var(--function-x, 0px);transition:opacity .5s ease-out}.object.fade-out{opacity:0;pointer-events:none}.object.inactive-function{opacity:.4}.object.nested-array{opacity:.95}.array-cell.nested-array-ref{background-color:#e0e0e0;cursor:pointer;min-width:36px;display:flex;align-items:center;justify-content:center}.array-cell.nested-array-ref:hover{background-color:#d0d0d0}.array-cell.nested-array-ref .ref-arrow{color:#000;font-weight:700;font-size:16px}.object.struct-object{background:transparent}.struct-table{border-collapse:separate;border-spacing:0;font-size:1.1em;min-width:8em}.struct-field-name{padding:.4em .6em;border:2px solid #6366f1;border-right:none;font-weight:700;background:#eef2ff;white-space:nowrap;text-align:left}.struct-field-value{padding:.4em .6em;border:2px solid #6366f1;text-align:center;min-width:3em;font-weight:700;background:#f8fafc}.struct-table tr:not(:first-child) .struct-field-name,.struct-table tr:not(:first-child) .struct-field-value{border-top:none}.struct-table tr:first-child .struct-field-name{border-top-left-radius:6px}.struct-table tr:first-child .struct-field-value{border-top-right-radius:6px}.struct-table tr:last-child .struct-field-name{border-bottom-left-radius:6px}.struct-table tr:last-child .struct-field-value{border-bottom-right-radius:6px}.struct-reference-cell{background-color:#e0e0e0!important;cursor:pointer;min-width:36px}.struct-reference-cell:hover{background-color:#d0d0d0!important}.struct-field-value.updated-cell{background:#ffd54f!important;color:#333!important}.struct-field-value.result{border-color:red!important;border-width:3px!important;background:#e53e3e1a!important}.struct-field-value.color1{border-color:#099!important;border-width:3px!important}.struct-field-value.pending{background:#fcc!important;border-color:#e53e3e!important;border-width:3px!important}.object.map-object{background:transparent}.map-table{border-collapse:separate;border-spacing:0;font-size:1.1em;min-width:10em}.map-key{padding:.4em .6em;border:2px solid #10b981;border-right:none;font-weight:700;background:#ecfdf5;white-space:nowrap;text-align:left;font-family:monospace}.map-value{padding:.4em .6em;border:2px solid #10b981;text-align:center;min-width:3em;font-weight:700;background:#f8fafc}.map-table tr:not(:first-child) .map-key,.map-table tr:not(:first-child) .map-value{border-top:none}.map-table tr:first-child .map-key{border-top-left-radius:6px}.map-table tr:first-child .map-value{border-top-right-radius:6px}.map-table tr:last-child .map-key{border-bottom-left-radius:6px}.map-table tr:last-child .map-value{border-bottom-right-radius:6px}.map-reference-cell{background-color:#e0e0e0!important;cursor:pointer;min-width:36px}.map-reference-cell:hover{background-color:#d0d0d0!important}.map-value.updated-cell{background:#ffd54f!important;color:#333!important}.map-value.result{border-color:red!important;border-width:3px!important;background:#e53e3e1a!important}.map-value.color1{border-color:#099!important;border-width:3px!important}.map-value.pending{background:#fcc!important;border-color:#e53e3e!important;border-width:3px!important}.array-arrow{font-size:2.5em;color:#000;font-weight:700}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bounce{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.2)}}@keyframes highlight-pulse{0%,to{background:#0099994d}50%{background:#00999980}}.code-container{background:#1a1a1a;border-radius:0 8px 8px;padding:3em 1.25em 1.25em;margin:0;font-family:Courier New,Monaco,monospace;color:#f8f8f2;box-shadow:0 4px 12px #0000001a;direction:ltr;text-align:left;font-size:1.4em;position:relative;overflow:hidden;display:flex;flex-direction:column;max-height:100%;flex:1 1 auto;min-height:0}.language-tabs{display:flex;justify-content:flex-start;margin-bottom:0;gap:0;direction:ltr}.code-section{display:flex;flex-direction:column;width:fit-content;max-width:100%;margin-left:0;margin-right:auto;position:relative;font-size:1em;padding-top:2.2em}.language-tabs+.code-container{margin-top:0}.tab-btn{padding:.75em 1.5em;border:none;background:#2d3748;color:#a0aec0;cursor:pointer;font-size:1em;font-weight:600;transition:all .3s ease;border-top:.2em solid transparent}.tab-btn:first-child{border-top-left-radius:8px}.tab-btn:last-child{border-top-right-radius:8px}.tab-btn:hover{background:#4a5568;color:#e2e8f0}.tab-btn.active{background:#1a1a1a;color:#f8f8f2;border-top-color:#099}.code-content{background:transparent;color:inherit;font-family:inherit;font-size:inherit;flex:1 1 auto;min-height:0;overflow-y:auto;direction:rtl;padding-left:25px;padding-bottom:5px;position:relative}.code-content>*{direction:ltr}.code-content pre{margin:2px 0;padding:1px 8px;background:transparent!important;border:none;box-shadow:none}.code-content code{display:block;padding:0;background:transparent!important;font-family:inherit;font-size:inherit;color:#e6e6e6;text-shadow:none!important}.code-content code.highlighted{background:#0099994d!important;animation:highlight-pulse 1s ease-in-out}.code-content .token{background:transparent!important}.code-content .token.number{color:gold!important}.code-content .token.string{color:#a3e635!important}.code-content .token.keyword{color:#60a5fa!important}.code-content .token.function{color:#f472b6!important}.code-content .token.comment{color:#6b7280!important;font-style:normal;font-size:inherit}.code-controls{position:absolute;top:.6em;left:.6em;right:.6em;display:flex;justify-content:space-between;gap:.3em;z-index:100;direction:ltr;align-items:center}.control-group-left,.control-group-middle,.control-group-right{display:flex;gap:0;align-items:center}.code-controls button{height:2em;min-width:1.9em;padding:.4em .6em;border-radius:.25em;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1;vertical-align:middle}.font-btn{background:#099c;border:1px solid rgba(0,153,153,1);color:#fff;font-size:.7em;font-weight:700;margin-left:.3em;padding:.2em .4em;height:1.6em;min-width:1.6em}.font-btn:hover{background:#099;transform:translateY(-1px);box-shadow:0 2px 8px #0099994d}.code-controls .layout-btn,.code-controls .tree-toggle-btn,.code-controls .control-icon-btn{background:transparent;border:1px solid transparent;color:#099;font-size:1.4em;padding:0;margin:0;min-width:auto}.control-icon-btn:disabled{opacity:.3;cursor:not-allowed}.layout-btn:hover,.tree-toggle-btn:hover{color:#009999b3}.tree-toggle-btn.active{color:#ffd54f}.autorun-divider{color:#00999980;font-size:1.1em;margin:0;-webkit-user-select:none;user-select:none}.autorun-control{display:none}.autorun-control.visible{display:flex}.speed-indicator{color:#099;font-size:.9em;font-weight:700;min-width:2.8em;text-align:center;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;display:flex;opacity:.3;transition:opacity .3s ease}.speed-indicator.active{opacity:1}#autorunBtn{transform:scaleX(-1)}#autorunBtn.playing{color:#ffd54f;transform:none}.code-line-wrapper{display:flex;align-items:center}.line-number{min-width:2.2em;padding-right:.75em;text-align:right;color:#999;font-family:Courier New,monospace;font-size:.9em;-webkit-user-select:none;user-select:none;line-height:1.5}.code-line-wrapper pre{flex:1;margin:0;overflow:hidden}.sub-expr-emphasis{background:#00c8d240!important;padding:1px 0;margin:0;text-decoration:none!important;border:none!important;outline:none!important}.sub-expr-pending{background:#ef535099!important}.sub-expr-resolved{background:#28a74566!important}.sub-expr-skipped{background:#8080804d!important;opacity:.6}.sub-expr-condition-bg{background:#00b4b440!important;padding:1px 0;margin:0;text-decoration:none!important;border:none!important;outline:none!important}.sub-expr-active-border{background:transparent!important;border-bottom:3px solid #ff5722!important;padding-bottom:0;margin:0}.sub-expr-color-1{background:transparent!important;border-bottom:3px solid #00bcd4!important;padding-bottom:0;margin:0}.sub-expr-color-2{background:transparent!important;border-bottom:3px solid #ff5722!important;padding-bottom:0;margin:0}.sub-expr-color-3{background:transparent!important;border-bottom:3px solid #9c27b0!important;padding-bottom:0;margin:0}.sub-expr-color-4{background:transparent!important;border-bottom:3px solid #4caf50!important;padding-bottom:0;margin:0}.sub-expr-color-5{background:transparent!important;border-bottom:3px solid #e91e63!important;padding-bottom:0;margin:0}.sub-expr-color-6{background:transparent!important;border-bottom:3px solid #2196f3!important;padding-bottom:0;margin:0}.eval-result-label{position:absolute;transform:translateY(-100%);background:#333;color:#fff;padding:2px 8px;border-radius:3px;font-size:.85em;font-family:monospace;white-space:nowrap;box-shadow:0 2px 4px #0003}.eval-result-label.true{background:#28a745}.eval-result-label.false{background:#dc3545}.edit-code-btn{position:absolute;bottom:12px;right:12px;width:36px;height:36px;border-radius:50%;border:none;background:#009999e6;color:#fff;font-size:16px;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000004d;transition:transform .2s,background .2s}.edit-code-btn:hover{background:#099;transform:scale(1.1)}.final-result{display:none;color:#000;direction:rtl;font-weight:800;background:#ffd54f;border-radius:0 0 10px 10px;padding:15px 20px;text-align:center;font-size:1.3em;position:relative;width:100%;box-sizing:border-box;margin-top:10px;order:999;font-family:Alef,Open Sans Hebrew,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.2em}.controls{display:flex;justify-content:center;gap:15px;margin:40px 0}.btn{padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:1.1em;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #0000001a;direction:rtl}.btn-primary{background:#099;color:#fff}.btn-primary:hover{background:#099c;transform:translateY(-2px);box-shadow:0 6px 16px #0099994d}.btn-secondary{background:#ffd54f;color:#099}.btn-secondary:hover{background:#099;color:#fff;transform:translateY(-2px)}.btn-random{background:#ffd54f;color:#099}.btn-random:hover{background:#099;color:#fff;transform:translateY(-2px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:0 20px;direction:ltr}.logo-svg-container{flex-shrink:0}.logo-svg{width:238px;height:119px}.top-bar-center{display:flex;align-items:center;justify-content:center;flex:1}.top-bar-right{display:flex;align-items:flex-start;direction:rtl;padding-top:10px}.logo{font-family:Alef,sans-serif;text-align:center}.logo-name{font-size:1em;color:#333;margin-bottom:5px}.logo-name:before{content:"[";color:#ffd54f}.logo-name:after{content:"]";color:#ffd54f}.logo-subtitle{font-size:1em;color:#333;font-weight:400}.logo-subtitle .code-part:before{content:"{";color:#ffd54f}.logo-subtitle .code-part:after{content:"}";color:#ffd54f}.algorithm-header{display:flex;align-items:center;gap:15px;direction:rtl}.algorithm-selector{display:flex;align-items:center;justify-content:flex-start;gap:10px;flex-shrink:0;direction:rtl}.code-section h1#algorithmTitle{position:absolute;top:0;left:0;right:0;margin:0;padding:0 0 4px;font-size:1.6em;direction:ltr;text-align:left;display:flex;flex-direction:column}.code-section h1#algorithmTitle>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.code-section h1#algorithmTitle .hebrew-part,.code-section h1#algorithmTitle .english-short{display:none}.selector-label{font-family:Alef,Open Sans Hebrew,Segoe UI,sans-serif;font-size:1.1em;color:#2d3748;font-weight:600;display:block;margin-bottom:10px}.algorithm-combo{font-family:Alef,Open Sans Hebrew,Segoe UI,sans-serif;padding:12px 20px;font-size:1.1em;border:2px solid #ccc;border-radius:8px;background:#fff;color:#2d3748;cursor:pointer;min-width:300px;direction:rtl;text-align:right}.algorithm-combo:focus{outline:none;border-color:#999;box-shadow:none}.algorithm-combo option{padding:8px;font-family:Alef,Open Sans Hebrew,Segoe UI,sans-serif;direction:rtl}.generator-btn{font-family:Alef,Open Sans Hebrew,Segoe UI,sans-serif;padding:12px 20px;font-size:1.1em;border:2px solid #4a9eff;border-radius:8px;background:#4a9eff;color:#fff;cursor:pointer;margin-right:15px;direction:rtl;transition:background .2s,border-color .2s}.generator-btn:hover{background:#3d8ee5;border-color:#3d8ee5}.generator-btn:active{background:#3278c7;border-color:#3278c7}.back-to-algo-btn{font-family:Alef,Open Sans Hebrew,Segoe UI,sans-serif;padding:12px 20px;font-size:1.1em;border:2px solid #4a9eff;border-radius:8px;background:#4a9eff;color:#fff;text-decoration:none;direction:rtl;transition:background .2s,border-color .2s}.back-to-algo-btn:hover{background:#3d8ee5;border-color:#3d8ee5}.back-to-algo-btn:active{background:#3278c7;border-color:#3278c7}.pricing-link{font-family:Alef,Open Sans Hebrew,Segoe UI,sans-serif;padding:.75em 1.25em;font-size:1em;border:.125em solid rgb(0,153,153);border-radius:.5em;background:transparent;color:#099;text-decoration:none;font-weight:600;transition:background .2s,color .2s;margin-right:1em}.pricing-link:hover{background:#099;color:#fff}.my-algos-link{font-family:Alef,Open Sans Hebrew,Segoe UI,sans-serif;padding:.75em 1.25em;font-size:1em;border:.125em solid #6c757d;border-radius:.5em;background:transparent;color:#6c757d;text-decoration:none;font-weight:600;transition:background .2s,color .2s;margin-right:1em}.my-algos-link:hover{background:#6c757d;color:#fff}.generator-link{font-family:Alef,Open Sans Hebrew,Segoe UI,sans-serif;padding:.75em 1.25em;font-size:1em;border:.125em solid #28a745;border-radius:.5em;background:transparent;color:#28a745;text-decoration:none;font-weight:600;transition:background .2s,color .2s;margin-right:1em}.generator-link:hover{background:#28a745;color:#fff}.error-container{padding:1.875em;max-width:56em;margin:0 auto}.error-box{background:#fee;border:.0625em solid #fcc;border-radius:.5em;padding:1.25em;margin-bottom:1.25em}.error-box h2{color:#c00;margin:0 0 .625em}.error-box .error-message{color:#333;font-size:1em;margin:0}.error-box .error-hint{color:#666;font-size:.875em;margin:.625em 0 0}.error-warning-box{background:#fff3cd;border:.0625em solid #ffc107;border-radius:.5em;padding:1em 1.25em;margin-bottom:1.25em}.error-warning-box .error-warning{color:#856404;font-size:1em;font-weight:600;margin:0}.error-warning-box .error-warning-hint{color:#856404;font-size:.875em;margin:.5em 0 0}.error-code-section{margin-bottom:1.25em}.error-code-section h3{color:#333;margin:0 0 .625em}.error-code-block{text-align:left;background:#f8f9fa;color:#333;padding:.9375em;border-radius:.3125em;overflow:auto;max-height:20em;font-family:Consolas,Monaco,monospace;font-size:.8125em;direction:ltr;border:.0625em solid #ddd;white-space:pre}.error-code-block .line-number{color:#999;-webkit-user-select:none;user-select:none}.error-debug-section summary{cursor:pointer;color:#666;font-size:.875em}.error-debug-code{text-align:left;background:#1e1e1e;color:#d4d4d4;padding:.9375em;border-radius:.3125em;overflow:auto;max-height:15em;font-family:Consolas,Monaco,monospace;font-size:.75em;direction:ltr;margin-top:.625em;white-space:pre}.error-debug-code .error-line{font-weight:700;color:#ff6b6b;background:#ff6b6b26}.error-code-block .error-line{font-weight:700;color:#c00;background:#ff6b6b33;display:block}.error-actions{text-align:center;color:#666}.error-back-btn{padding:.625em 1.25em;font-size:.875em;cursor:pointer;background:#007bff;color:#fff;border:none;border-radius:.3125em}.error-back-btn:hover{background:#0056b3}.share-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.share-modal-content{background:#fff;border-radius:12px;padding:24px;width:90%;max-width:500px;direction:rtl;box-shadow:0 10px 40px #0003}.share-modal-content h3{margin:0 0 20px;color:#2d3748;font-size:1.4em}.share-form-group{margin-bottom:16px}.share-form-group label{display:block;margin-bottom:6px;font-weight:600;color:#4a5568}.share-form-group input{width:100%;padding:10px 12px;border:2px solid #e2e8f0;border-radius:8px;font-size:1em;box-sizing:border-box;transition:border-color .2s}.share-form-group input:focus{outline:none;border-color:#099}.share-hint{display:block;margin-top:4px;color:#718096;font-size:.85em}.share-hint code{background:#edf2f7;padding:2px 6px;border-radius:4px;font-family:monospace;direction:ltr;display:inline-block}.share-default-inputs{display:flex;flex-direction:column;gap:8px}.share-input-row{display:flex;align-items:center;gap:10px}.share-input-row label{min-width:60px;font-family:monospace;font-size:.9em;color:#4a5568}.share-input-row input{flex:1;padding:6px 10px;border:1px solid #e2e8f0;border-radius:6px;font-size:.9em}.share-input-row input:focus{outline:none;border-color:#099}.share-variables-section{margin-bottom:16px}.share-variables-section label{display:block;margin-bottom:6px;font-weight:600;color:#4a5568}.share-variables-list{display:flex;flex-wrap:wrap;gap:6px;min-height:32px}.share-var-chip{background:#e6fffa;color:#099;padding:4px 10px;border-radius:16px;font-size:.85em;font-family:monospace;cursor:pointer;border:1px solid rgb(0,153,153);transition:background .2s}.share-var-chip:hover{background:#099;color:#fff}.share-var-chip-special{background:#fff3cd;border-color:#ffc107;color:#856404}.share-var-chip-special:hover{background:#ffc107;color:#333}.share-preview-section{margin-bottom:20px}.share-preview-section label{display:block;margin-bottom:6px;font-weight:600;color:#4a5568}.share-preview{background:#ffd54f;padding:12px 16px;border-radius:8px;font-weight:600;min-height:20px;text-align:center;color:#333}.share-preview:empty:before{content:"התצוגה תופיע כאן...";color:#999;font-weight:400;direction:rtl}.share-modal-buttons{display:flex;gap:12px;justify-content:flex-start}.share-btn{padding:10px 24px;border:none;border-radius:8px;font-size:1em;font-weight:600;cursor:pointer;transition:all .2s}.share-btn-cancel{background:#e2e8f0;color:#4a5568}.share-btn-cancel:hover{background:#cbd5e0}.share-btn-confirm{background:#099;color:#fff}.share-btn-confirm:hover{background:#009999d9}.tree-visualization{position:relative;width:100%;height:auto;max-height:var(--tree-container-height);overflow-x:auto;overflow-y:auto}.tree-canvas{position:absolute;top:0;left:0;width:var(--canvas-width, 100%);height:var(--canvas-height, 100%);pointer-events:none;z-index:1}.tree-nodes{position:relative;min-width:max-content;width:auto;height:auto;z-index:2;padding-top:40px}.tree-node{position:absolute;left:var(--node-x);top:var(--node-y);width:fit-content;min-width:120px;max-width:none;box-sizing:border-box;background:#fff;border:2px solid #009999;border-radius:8px;padding:8px 25px 8px 8px;text-align:center;font-size:1.2em;transition:left 2s ease-out,top 2s ease-out,opacity .3s ease,transform .3s ease;direction:ltr}.tree-node.pending{opacity:0;transform:scale(0)}.tree-node.active{border-color:#ffd54f;background:#fffde7;box-shadow:0 0 10px #ffd54f80}.tree-node.completed{background:#e8f5e9;border-color:#4caf50}.tree-node.print-node,.tree-node.print-node.completed{background:#fff3e0;border-color:#ff9800}.node-header{font-weight:700;color:#099;margin-bottom:4px;white-space:nowrap}.node-description{white-space:nowrap}.node-result{color:#000;font-weight:700;margin-top:2px;border-top:1px solid #ddd;padding-top:2px}.node-step{position:absolute;top:2px;right:4px;font-size:.8em;color:#999}.tree-node.leaf{background:#fff3cd;border:2px solid #ffd54f}.params-table{border-collapse:collapse;margin:0;white-space:nowrap;border-spacing:0;padding:0}.params-table td{padding:0;margin:0;vertical-align:baseline;text-align:right}.params-table .func-name{text-align:left;padding-left:0}.params-table .param{text-align:left}.return-to{font-weight:400;color:#000;text-align:left;margin-bottom:4px}.assign_in_tree{color:#000}.tree-node.loop-node,.tree-node.loop-node.completed{background:#e1d5f7;border-color:#9575cd}.tree-node.loop-node.active{background:#d1c4e9;border-color:#9575cd;box-shadow:0 0 10px #9575cd80}.tree-node.iteration-node,.tree-node.iteration-node.completed{background:#f5f5f5;border-color:#bdbdbd}.tree-node.iteration-node.active{background:#eee;border-color:#9e9e9e;box-shadow:0 0 10px #9e9e9e80}.tree-node.return-node,.tree-node.return-node.completed{background:#e0f7fa;border-color:#00bcd4}.tree-node.return-node.active{background:#b2ebf2;border-color:#00acc1;box-shadow:0 0 10px #00bcd480}@media(max-width:767px){.tree-node{min-width:100px;font-size:1.05em;padding:6px 20px 6px 6px}.tree-nodes{padding-top:30px}.node-step{font-size:.7em}}@media(max-width:599px){.tree-node{min-width:80px;font-size:.9em;padding:5px 18px 5px 5px;border-radius:6px}.tree-nodes{padding-top:25px}.node-header{font-size:.95em;margin-bottom:2px}.node-description{font-size:.9em}.node-result{font-size:.9em;margin-top:1px;padding-top:1px}.node-step{font-size:.65em;top:1px;right:2px}}.output-section{flex:0 0 auto;min-width:200px;margin:0 20px;height:fit-content;box-sizing:border-box;font-size:1em}.container.bottom-layout .output-section{height:fit-content}.container.bottom-layout .code-container{height:100%}.container.side-layout.output-below-code .output-section{height:100%;margin:0}.container.side-layout.output-below-code .output-panel{max-height:100%}.output-panel{background:#1a1a1a;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;height:100%;max-height:calc(100vh - 200px)}.container.side-layout .output-panel{margin-top:0}.output-header{background:#2a2a2a;padding:10px 15px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #333}.output-title{color:#fff;font-weight:700;display:none}.output-clear-btn{background:#444;color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer}.output-clear-btn:hover{background:#555}.output-layout-btn{background:#444;color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;margin-right:10px}.output-layout-btn:hover{background:#555}.output-content{flex:1;overflow-y:auto;padding:15px;font-family:Consolas,Courier New,monospace;color:#fff;font-size:1.4em;line-height:1.5;background:#2a2a2a;direction:ltr}.variables-console{max-height:70vh;overflow-y:auto}.output-line{margin-bottom:5px;white-space:pre}.output-width-sizer{height:0;overflow:hidden;visibility:hidden;white-space:pre;font-family:Consolas,Courier New,monospace;font-size:1.4em;padding:0 15px;pointer-events:none}.auth-container{display:flex;align-items:center;gap:10px;direction:ltr}.auth-login-section{display:flex;align-items:center;gap:10px;direction:rtl}.auth-prompt{font-family:Alef,Open Sans Hebrew,Segoe UI,sans-serif;font-size:1.1em;color:#333;font-weight:500;white-space:nowrap}.auth-user-section{display:flex;align-items:center;gap:10px;direction:ltr}.auth-container .hidden{display:none!important}.auth-btn{font-family:Alef,Open Sans Hebrew,Segoe UI,sans-serif;display:flex;align-items:center;gap:8px;padding:10px 18px;font-size:1.05em;border:2px solid #ddd;border-radius:8px;background:#fff;color:#333;cursor:pointer;transition:all .2s ease;white-space:nowrap;font-weight:500}.auth-btn:hover{background:#f5f5f5;border-color:#ccc}.auth-btn:active{transform:scale(.98)}.google-btn{border-color:#4285f4;background:#fff;box-shadow:0 2px 4px #4285f433}.google-btn:hover{background:#f8f8f8;box-shadow:0 3px 10px #4285f44d;border-color:#3367d6}.facebook-btn{background:#1877f2;border-color:#1877f2;color:#fff}.facebook-btn:hover{background:#166fe5;border-color:#166fe5}.signout-btn{padding:6px 12px;font-size:.85em;background:#f5f5f5;border-color:#ddd;color:#666}.signout-btn:hover{background:#e5e5e5;color:#333}.auth-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid #ddd}.auth-user-name{font-family:Alef,Open Sans Hebrew,Segoe UI,sans-serif;font-size:1.05em;color:#333;font-weight:500;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.generator-btn.disabled{opacity:.7;cursor:not-allowed;background:#e0e0e0;border-color:#ccc;position:relative}.generator-btn.disabled:before{content:"🔒";margin-left:5px}.generator-btn.disabled:hover{background:#e0e0e0;border-color:#ccc}.generator-btn.disabled:hover:after{content:"התחבר כדי לפתוח";position:absolute;bottom:-35px;right:50%;transform:translate(50%);background:#333;color:#fff;padding:6px 12px;border-radius:4px;font-size:.85em;white-space:nowrap;z-index:100}.login-prompt{position:absolute;top:100%;right:0;margin-top:5px;padding:8px 12px;background:#333;color:#fff;font-size:.85em;border-radius:4px;white-space:nowrap;z-index:100;font-family:Alef,Open Sans Hebrew,Segoe UI,sans-serif}.login-prompt:before{content:"";position:absolute;bottom:100%;right:20px;border:6px solid transparent;border-bottom-color:#333}.login-prompt.hidden{display:none}.algorithm-selector{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:10px}.generator-btn-wrapper{position:relative;display:inline-block}@media(max-width:768px){.auth-container{order:-1;width:100%;justify-content:flex-end;margin-bottom:10px}.auth-prompt,.auth-btn span{display:none}.auth-btn{padding:8px}.auth-user-name{display:none}}:root{--topbar-height: 119px;--code-section-width: min(800px, 100%);--variables-width: clamp(12em, 20vw, 15.6em);--tab-height-multiplier: 2.5}.container{width:100%;display:grid;background:#f0f0ef;border:4px solid #ffd54f;border-radius:8px;padding:20px;box-shadow:0 20px 40px #0000001a;position:relative;box-sizing:border-box;gap:20px;direction:ltr;grid-template-areas:"code header header" "code console visualization";grid-template-columns:auto auto 1fr;grid-template-rows:auto 1fr;height:calc(100vh - var(--topbar-height) - 40px);max-height:calc(100vh - var(--topbar-height) - 40px);overflow:hidden}.algorithm-header{grid-area:header;align-self:start}.code-section{grid-area:code;height:auto;max-height:100%;direction:rtl;display:flex;flex-direction:column;align-self:start}.output-section{grid-area:console;align-self:start}.visualization-section{grid-area:visualization;overflow-y:auto;overflow-x:auto;max-height:100%;height:100%;min-width:0;display:flex;flex-direction:column}.visualization-section:before{content:"";flex:1}.container.output-below-code{grid-template-areas:none;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto 1fr fit-content(150px)}.container.output-below-code .algorithm-header{grid-column:2;grid-row:1;align-self:start}.container.output-below-code .code-section{grid-column:1;grid-row:1 / 3;align-self:stretch;overflow:hidden}.container.output-below-code .code-section h1{flex-shrink:0}.container.output-below-code .output-section{grid-column:1;grid-row:3;margin-top:0;align-self:stretch;overflow:hidden;width:100%;min-width:0}.container.output-below-code .visualization-section{grid-area:unset;grid-column:2;grid-row:2 / -1;margin-top:0}.language-tabs,.code-container{direction:ltr}.variables-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:0;direction:ltr;height:var(--variables-total-height, auto);overflow:visible;position:relative;width:fit-content;box-sizing:border-box;flex:1;margin-top:3em}.tree-container{display:block;margin:30px 0;direction:ltr;height:var(--tree-container-height, 0px);overflow:visible;padding:10px 0;position:relative}.tree-container.hidden,.variables-container.hidden{display:none!important}.variables-section{flex-shrink:0;width:var(--panel-width, auto)!important;min-width:15.6em!important;position:relative;max-height:100%;padding-top:0;padding-left:1.9em;margin-top:0}.variables-section-wrapper{position:relative;flex-shrink:0}#app{display:flex;flex-direction:column;min-height:100%;flex-shrink:0}.container:not(.algorithm-loaded){display:block;flex-grow:1}.container:not(.algorithm-loaded) .output-section,.container:not(.algorithm-loaded) .visualization-section,.container:not(.algorithm-loaded) .code-section{display:none!important}.hidden{display:none!important}.show-inline{display:inline-block!important}@media(max-width:1200px){.container{grid-template-areas:"header" "code" "console" "visualization";grid-template-columns:1fr;grid-template-rows:auto auto auto 1fr;height:auto;max-height:none;overflow:visible}.code-section{width:100%;max-width:100%}.code-section h1#algorithmTitle{font-size:1em;margin:0 0 4px;flex-shrink:0}#algorithmTitle .hebrew-part,#algorithmTitle .english-short{display:none}.visualization-section{width:100%}.variables-container{min-width:100%;width:fit-content;flex-wrap:nowrap}.variables-table{table-layout:auto}.function-level{position:relative!important;top:auto!important;max-width:100%;margin-bottom:8px}.variables-section{display:flex;flex-direction:column-reverse;max-width:100%}.function-header{overflow:hidden!important;text-overflow:ellipsis;white-space:nowrap}.array-cell{width:30px!important;height:30px!important;font-size:1em!important;border-radius:6px;border-width:1.5px}.object.compact .array-cell{width:26px!important;min-width:26px!important;height:26px!important;font-size:.85em!important}.object.length-border>.cells-row:after{height:30px;border-radius:10px;border-width:3px}.object.compact.length-border>.cells-row:after{height:26px}.index-container{height:14px!important;margin-top:6px!important;margin-bottom:1px!important}.index-label{font-size:.7em!important}.current-index-label,.i-label,.j-label{font-size:.8em!important;top:-12px!important}.objects-area{margin-left:0!important}.tree-node{min-width:80px;font-size:.85em;padding:4px 16px 4px 4px;border-radius:6px;border-width:1.5px}.node-header{margin-bottom:2px}.node-step{font-size:.65em}.tree-nodes{padding-top:20px}}@media(max-width:1023px){body{padding:10px;height:auto;min-height:100vh;display:flex;flex-direction:column}.top-bar{padding:0 10px;flex-wrap:wrap;gap:5px}.logo-svg{width:140px;height:70px}.top-bar-right .logo{white-space:nowrap;flex-shrink:0}.logo-name,.logo-subtitle{white-space:nowrap;font-size:.85em}h1{font-size:1.4em;margin-bottom:15px;gap:5px}.container{padding:10px;border-width:3px;flex:1;min-height:0;gap:15px}.code-container{font-size:1em;padding:3.5em .8em .8em;border-radius:0 6px 6px}.tab-btn{padding:.6em 1em;font-size:.9em;min-height:44px}.code-controls{top:.4em;left:.4em;right:.4em;gap:.3em}.code-controls button{min-height:44px;min-width:44px;padding:.4em .5em}.font-btn{font-size:.7em;min-height:36px;min-width:36px;margin-left:.2em}.code-controls .layout-btn,.code-controls .tree-toggle-btn,.code-controls .control-icon-btn{font-size:1.2em}.speed-indicator{font-size:.8em;min-width:2.2em}.output-section{width:100%}.visualization-section{width:100%;overflow-x:auto}.variables-section{width:100%!important;min-width:unset!important;padding-left:1em}.algorithm-selector{padding:10px;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;gap:10px;align-items:center}.algorithm-selector .generator-btn{grid-column:1;grid-row:1}.algorithm-selector .auth-container{grid-column:3;grid-row:1;margin-left:0}.algorithm-selector .algorithm-combo{grid-column:1 / -1;grid-row:2;width:100%}}@media(max-width:767px){body{padding:8px}.container{padding:12px;gap:12px}.algorithm-selector{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:8px}.algorithm-combo{flex:1 1 100%;order:2;min-width:0}.generator-btn{order:1;min-height:44px}.auth-container{order:1;margin-left:auto}.code-container{font-size:.95em;padding:4em .6em .6em}.auth-btn{min-height:44px;min-width:44px;padding:8px 12px}}@media(max-width:599px){:root{--topbar-height: 40px}html,body{height:100vh;height:100dvh;overflow:hidden;padding:0;margin:0}body{display:flex;flex-direction:column}.top-bar{padding:0 8px;height:var(--topbar-height);min-height:var(--topbar-height);flex-shrink:0}.logo-svg{width:80px;height:40px}.top-bar-right{display:none}.top-bar-center{flex:0}.top-bar-center .pricing-link,.top-bar-center .my-algos-link,.top-bar-center .generator-link,.top-bar-center .back-to-algo-btn{display:none}.auth-btn{min-height:36px;min-width:36px;padding:6px;font-size:.85em}.auth-avatar{width:28px;height:28px}.signout-btn{min-height:32px;padding:4px 8px;font-size:.75em}.container{display:grid!important;grid-template-areas:"header" "code" "visualization";grid-template-columns:1fr;grid-template-rows:auto minmax(0,2fr) minmax(0,3fr);height:calc(100vh - var(--topbar-height));height:calc(100dvh - var(--topbar-height));max-height:calc(100vh - var(--topbar-height));max-height:calc(100dvh - var(--topbar-height));overflow:hidden;padding:4px;gap:4px;border-width:2px;border-radius:4px;flex:1;min-height:0}.output-section{display:none!important}.algorithm-header{grid-area:header;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.algorithm-selector{width:100%!important;max-width:100%!important;padding:0!important;gap:4px;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center;box-sizing:border-box;grid-template-columns:unset!important;grid-template-rows:unset!important}.algorithm-combo{min-width:120px!important;max-width:none!important;width:auto!important;flex:1 1 0%!important;font-size:16px;padding:6px 8px;box-sizing:border-box;order:unset!important;grid-column:unset!important;grid-row:unset!important}.generator-btn{flex-shrink:0!important;font-size:.8em;min-height:36px;padding:6px 10px;white-space:nowrap;order:unset!important;grid-column:unset!important;grid-row:unset!important}.code-section{grid-area:code;width:100%;max-width:100%;min-height:0;overflow:hidden;display:flex;flex-direction:column}.language-tabs{margin-top:0;margin-bottom:0}.code-container{font-size:.85em;padding:4em .5em .5em;position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.code-content{overflow-x:auto;overflow-y:auto;flex:1;min-height:0;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.code-content::-webkit-scrollbar{display:none}.code-container:after{content:"";position:absolute;top:4em;right:0;bottom:0;width:1.5em;background:linear-gradient(to right,transparent,rgba(44,62,80,.8));pointer-events:none;border-radius:0 0 6px}.code-controls{gap:2px}.code-controls button{min-height:36px;min-width:36px;padding:.2em .3em}.code-controls .tree-toggle-btn,.code-controls .control-icon-btn{font-size:1em}.code-controls .font-btn,.code-controls .layout-btn,#shareBtn,.autorun-divider{display:none}.speed-indicator{font-size:.7em;min-width:1.8em}.tab-btn{padding:.4em .6em;font-size:.8em;min-height:32px}.line-number{min-width:1.8em;padding-right:.5em;font-size:.8em}.edit-code-btn{display:none}h1{font-size:1.1em;margin-bottom:5px}.final-result{font-size:.85em}.visualization-section{grid-area:visualization;width:100%;min-height:0;overflow-y:auto;overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative;scrollbar-width:none;-ms-overflow-style:none}.visualization-section::-webkit-scrollbar{display:none}.visualization-section:after{content:"";position:sticky;bottom:0;left:0;right:0;height:1.2em;display:block;background:linear-gradient(to bottom,transparent,rgba(240,240,239,.6));pointer-events:none;z-index:10}.tree-container{margin:0;padding:0}.variables-container{flex-direction:row;width:100%;gap:0;overflow:visible;position:relative}.variables-section-wrapper{flex-shrink:1;min-width:0}.variables-section{min-width:unset!important;padding-left:.5em;display:flex;flex-direction:column-reverse}.function-level{position:relative!important;top:auto!important;max-width:100%;margin-bottom:8px}.function-header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.objects-area{margin-left:8px!important;min-width:0;overflow-x:auto}.variables-table{font-size:.8em}.variable-name,.value-cell{padding:.2em .4em}.function-header{font-size:.8em;padding:.2em .4em}.variables-legend-icon{display:none!important}.tree-container{margin:10px 0;overflow:auto;-webkit-overflow-scrolling:touch}.console-fab{position:fixed;bottom:16px;right:16px;width:48px;height:48px;border-radius:50%;background:#1a1a1a;color:#fff;border:2px solid #ffd54f;z-index:1000;display:flex;align-items:center;justify-content:center;font-size:.8em;font-weight:700;box-shadow:0 4px 12px #0000004d;cursor:pointer;touch-action:manipulation}.console-overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:998}.console-overlay{position:fixed;bottom:0;left:0;right:0;height:50vh;height:50dvh;background:#1a1a1a;z-index:999;border-radius:12px 12px 0 0;box-shadow:0 -4px 20px #0000004d;display:flex;flex-direction:column}.console-overlay-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-bottom:1px solid #333;flex-shrink:0}.console-overlay-title{color:#ffd54f;font-weight:700;font-size:.95em}.console-overlay-close{background:none;border:1px solid #555;color:#fff;border-radius:4px;padding:4px 10px;font-size:.85em;cursor:pointer}.console-overlay .output-content{flex:1;overflow-y:auto;padding:10px 16px;-webkit-overflow-scrolling:touch}.share-modal-content{padding:16px;width:95%;max-width:100%;margin:10px}.share-modal-content h3{font-size:1.2em;margin-bottom:16px}.share-btn{min-height:44px;padding:12px 20px;flex:1}.share-modal-buttons{flex-direction:column-reverse;gap:8px}.share-form-group input{min-height:44px;font-size:16px}}@media(max-height:500px)and (orientation:landscape){:root{--topbar-height: 32px}html,body{height:100vh;height:100dvh;overflow:hidden;padding:0;margin:0}body{display:flex;flex-direction:column}.top-bar{padding:0 8px;height:var(--topbar-height);min-height:var(--topbar-height);flex-shrink:0}.logo-svg{width:64px;height:32px}.top-bar-right,.top-bar-center .pricing-link,.top-bar-center .my-algos-link,.top-bar-center .generator-link,.top-bar-center .back-to-algo-btn{display:none}.container{display:grid!important;grid-template-areas:"header header" "code visualization";grid-template-columns:minmax(0,2fr) minmax(0,3fr);grid-template-rows:auto minmax(0,1fr);height:calc(100vh - var(--topbar-height));height:calc(100dvh - var(--topbar-height));max-height:calc(100vh - var(--topbar-height));max-height:calc(100dvh - var(--topbar-height));overflow:hidden;padding:4px;gap:4px;border-width:2px;border-radius:4px;flex:1;min-height:0}.output-section{display:none!important}.algorithm-header{grid-area:header}.algorithm-selector{padding:0!important;gap:6px;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center}.algorithm-combo{min-width:0!important;width:0!important;flex:1 1 0!important;font-size:14px;padding:4px 6px}.generator-btn{flex-shrink:0!important;font-size:.75em;min-height:28px;padding:4px 8px;white-space:nowrap}.code-section{grid-area:code;min-height:0;overflow:hidden;display:flex;flex-direction:column;direction:rtl}.language-tabs{margin:0}.tab-btn{padding:.3em .5em;font-size:.7em;min-height:24px}.code-container{font-size:.7em;padding:1.8em .4em .4em;position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.code-content{overflow-x:auto;overflow-y:auto;flex:1;min-height:0;-webkit-overflow-scrolling:touch;scrollbar-width:none}.code-content::-webkit-scrollbar{display:none}.code-controls{gap:1px}.code-controls button{min-height:28px;min-width:28px;padding:.1em .2em;font-size:.85em}.code-controls .font-btn,.code-controls .layout-btn,#shareBtn,.autorun-divider{display:none}.speed-indicator{font-size:.65em;min-width:1.5em}.edit-code-btn{display:none}.line-number{min-width:1.5em;padding-right:.3em;font-size:.75em}.visualization-section{grid-area:visualization;min-height:0;overflow-y:auto;overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative;scrollbar-width:none;-ms-overflow-style:none}.visualization-section::-webkit-scrollbar{display:none}.visualization-section:after{content:"";position:sticky;bottom:0;left:0;right:0;height:1em;display:block;background:linear-gradient(to bottom,transparent,rgba(240,240,239,.6));pointer-events:none;z-index:10}.tree-container{margin:0;padding:0}.variables-container{flex-direction:row;width:100%;gap:0;overflow:visible;position:relative}.variables-section-wrapper{flex-shrink:0;max-width:100%}.variables-section{width:var(--mobile-panel-width, fit-content)!important;min-width:unset!important;max-width:100%;padding-left:.5em;display:flex;flex-direction:column-reverse}.function-level{position:relative!important;top:auto!important;max-width:100%;margin-bottom:8px}.function-header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.objects-area{margin-left:12px!important}.variables-legend-icon{display:none!important}.variables-table{font-size:.85em}.variable-name,.value-cell{padding:.3em .5em}.function-header{font-size:.85em;padding:.3em .5em}.function-number{font-size:.7em;left:-1.2em}.empty-variables-table{width:auto!important;min-width:auto!important}.empty-variables-cell{height:2.5em;min-height:2.5em;min-width:auto}.array-label{font-size:.85em;min-width:2em;width:auto}.tree-container{margin:5px 0;overflow:auto;-webkit-overflow-scrolling:touch}.console-fab{position:fixed;bottom:12px;right:12px;width:40px;height:40px;border-radius:50%;background:#1a1a1a;color:#fff;border:2px solid #ffd54f;z-index:1000;display:flex;align-items:center;justify-content:center;font-size:.7em;font-weight:700;box-shadow:0 4px 12px #0000004d;cursor:pointer;touch-action:manipulation}.console-overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:998}.console-overlay{position:fixed;bottom:0;left:0;right:0;height:60vh;height:60dvh;background:#1a1a1a;z-index:999;border-radius:12px 12px 0 0;box-shadow:0 -4px 20px #0000004d;display:flex;flex-direction:column}.console-overlay-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid #333;flex-shrink:0}.console-overlay-title{color:#ffd54f;font-weight:700;font-size:.85em}.console-overlay-close{background:none;border:1px solid #555;color:#fff;border-radius:4px;padding:3px 8px;font-size:.8em;cursor:pointer}.console-overlay .output-content{flex:1;overflow-y:auto;padding:8px 12px;-webkit-overflow-scrolling:touch}h1{font-size:1em;margin-bottom:3px}.final-result{font-size:.8em}}.variables-legend-icon{position:absolute;right:.3em;width:1.4em;height:1.4em;display:flex;align-items:center;justify-content:center;font-size:.9em;font-weight:700;color:#fff;background:#0000004d;border-radius:50%;cursor:pointer;z-index:100;-webkit-user-select:none;user-select:none;transition:transform .2s ease,background .2s ease}.variables-legend-icon:hover{background:#00000080;transform:scale(1.1);z-index:10000}.variables-legend-tooltip{display:none;position:absolute;bottom:calc(100% + 8px);right:0;background:#fff;border:2px solid #333;border-radius:8px;padding:12px 16px;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:280px;direction:rtl;text-align:right}.variables-legend-icon:hover .variables-legend-tooltip{display:block}.legend-item{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid #eee}.legend-item:last-child{border-bottom:none}.legend-color{width:20px;height:20px;border-radius:4px;border:2px solid;flex-shrink:0}.legend-color.red{background:#e53e3e66;border-color:red}.legend-color.yellow{background:#ffd54f;border-color:#333}.legend-color.teal{background:#0993;border-color:#099}.legend-color.gray{background:#f0f0f0;border-color:#999}.legend-arrow{font-size:1.4em;font-weight:700;color:#333;width:20px;text-align:center;flex-shrink:0}.legend-text{font-size:.9em;color:#333;line-height:1.4}