.driver-active *,.driver-active .driver-overlay{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:animate-fade-in .2s ease-in-out}.driver-fade .driver-popover{animation:animate-fade-in .2s}.driver-popover{all:unset;background-color:#fff;border-radius:5px;box-shadow:0 1px 10px #0006;box-sizing:border-box;color:#2d2d2d;margin:0;max-width:300px;min-width:250px;padding:15px;position:fixed;right:0;top:0;z-index:1000000000}.driver-popover *{font-family:Helvetica Neue,Inter,ui-sans-serif,Apple Color Emoji,Helvetica,Arial,sans-serif}.driver-popover-title{display:block;font:19px/normal sans-serif;font-weight:700;line-height:1.5;position:relative;zoom:1;margin:0}.driver-popover-close-btn{all:unset;color:#d2d2d2;cursor:pointer;font-size:18px;font-weight:500;height:28px;position:absolute;right:0;text-align:center;top:0;transition:color;transition-duration:.2s;width:32px;z-index:1}.driver-popover-close-btn:focus,.driver-popover-close-btn:hover{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{font:14px/normal sans-serif;font-weight:400;line-height:1.5;margin-bottom:0;zoom:1}.driver-popover-footer{margin-top:15px;text-align:right;zoom:1;align-items:center;display:flex;justify-content:space-between}.driver-popover-progress-text{color:#727272;font-size:13px;font-weight:400;zoom:1}.driver-popover-footer button{all:unset;background-color:#fff;box-sizing:border-box;color:#2d2d2d;cursor:pointer;display:inline-block;font:12px/normal sans-serif;outline:0;padding:3px 7px;text-decoration:none;text-shadow:1px 1px 0 #fff;zoom:1;border:1px solid #ccc;border-radius:3px;line-height:1.3}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}:not(body):has(>.driver-active-element){overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}.driver-popover-footer button:focus,.driver-popover-footer button:hover{background-color:#f7f7f7}.driver-popover-navigation-btns{display:flex;flex-grow:1;justify-content:flex-end}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{border:5px solid #fff;content:"";position:absolute}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{border-bottom-color:transparent;border-right-color:transparent;border-top-color:transparent;left:100%}.driver-popover-arrow-side-right{border-bottom-color:transparent;border-left-color:transparent;border-top-color:transparent;right:100%}.driver-popover-arrow-side-top{border-bottom-color:transparent;border-left-color:transparent;border-right-color:transparent;top:100%}.driver-popover-arrow-side-bottom{border-left-color:transparent;border-right-color:transparent;border-top-color:transparent;bottom:100%}.driver-popover-arrow-side-center{display:none}.driver-popover-arrow-side-left.driver-popover-arrow-align-start,.driver-popover-arrow-side-right.driver-popover-arrow-align-start{top:15px}.driver-popover-arrow-side-bottom.driver-popover-arrow-align-start,.driver-popover-arrow-side-top.driver-popover-arrow-align-start{left:15px}.driver-popover-arrow-align-end.driver-popover-arrow-side-left,.driver-popover-arrow-align-end.driver-popover-arrow-side-right{bottom:15px}.driver-popover-arrow-side-bottom.driver-popover-arrow-align-end,.driver-popover-arrow-side-top.driver-popover-arrow-align-end{right:15px}.driver-popover-arrow-side-left.driver-popover-arrow-align-center,.driver-popover-arrow-side-right.driver-popover-arrow-align-center{margin-top:-5px;top:50%}.driver-popover-arrow-side-bottom.driver-popover-arrow-align-center,.driver-popover-arrow-side-top.driver-popover-arrow-align-center{left:50%;margin-left:-5px}.driver-popover-arrow-none{display:none}#menu{background-color:#333;color:#fff;float:left;height:100%;left:0;overflow:auto;padding-top:20px;position:fixed;top:0;transition:width .3s ease;width:220px;z-index:1000}#menu ul{list-style:none;padding:0}.menu-header li{cursor:pointer;padding-left:15px}#menu a{align-items:center;color:#fff;display:flex;overflow:hidden;text-decoration:none;white-space:nowrap}.menu-body i{font-size:16px;margin-right:10px}.menu-body .nav-link{white-space:nowrap}#menu.collapsed{width:40px}.menu-body a{align-items:center;color:#bbb;display:flex;padding-left:15px}.menu-title i{font-size:16px;margin-right:10px}.selected{background-color:#555}.submenu-hide{padding:10px!important;width:20px!important}.submenu-li-a-hide{padding-left:0!important}.content-left-40{margin-left:40px}.full-height{height:100vh}.menu-item{margin-right:.5em;text-align:center}footer{align-items:stretch;display:flex;min-height:80px}.footer-hidden-box{flex:0 0 4%;min-width:40px}.site-box{justify-content:center}.site-box,.site-box2{align-items:center;border:1px solid #ccc;display:flex;flex:1;float:left}.site-box2{flex-wrap:wrap;justify-content:space-between}.site-item{display:block;text-align:center}.site-item a{text-decoration:none}.theme-mode-box{bottom:0;height:50px;position:fixed;right:20px;width:50px}.theme-mode{height:50px;position:relative;right:0;top:0;width:50px}#userAgent{display:block;margin:0 auto;text-align:center;width:100%}.language-box{display:block;float:right;height:40px;margin:0;position:absolute;right:20px;text-align:right;top:0;width:100px}.language-box select{margin-right:20px;margin-top:10px}.ios-switch{display:inline-block;height:34px;position:relative;width:60px}.ios-switch input{height:0;opacity:0;width:0}.slider{background-color:#222529;border-radius:34px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;content:"";height:26px;left:4px;top:4px;width:26px}input:checked+.slider{background-color:#316df4}input:checked+.slider:before{transform:translateX(26px)}.go-top{align-items:center;background:#222529;border:none;border-radius:50%;bottom:100px;box-shadow:0 2px 10px rgba(0,0,0,.2);color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;opacity:0;position:fixed;right:10px;transition:all .3s ease;visibility:hidden;width:40px;z-index:9999}.go-top.show{opacity:1;visibility:visible}.go-top:hover{background:#316df4;transform:translateY(-3px)}.vue-skeleton-loader-bone[data-v-429326cb]{background:var(--9e346efe);display:block;overflow:hidden;position:relative}.vue-skeleton-loader-bone.animation-disabled[data-v-429326cb]:after{animation:paused}.vue-skeleton-loader-bone[data-v-429326cb]:after{animation-duration:var(--48316e45);animation-iteration-count:infinite;animation-name:var(--616210f3);animation-timing-function:var(--249a139a);background-image:linear-gradient(90deg,transparent,var(--ddfaca00),transparent);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.vue-skeleton-loader-bone.wave[data-v-429326cb]:after{animation-direction:normal;animation-name:wave-429326cb}.vue-skeleton-loader-bone.rtl-direction[data-v-429326cb]:after{animation-direction:reverse;animation-name:wave-429326cb}@keyframes wave-429326cb{0%{transform:translate(-100%)}to{transform:translate(100%)}}.container{display:flex;flex-direction:column;height:100vh}.skeleton-container{display:flex;flex:1;flex-direction:column;width:100%}.skeleton-menu{background:#f0f0f0;height:100%;width:50px}.skeleton-main{flex:1}.skeleton-footer{height:20%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;min-height:100vh}body,main{margin:0;padding:0}main{align-items:stretch;height:100%;width:100%}.book-toc{border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.1);margin:20px auto;max-width:800px;padding:20px}.overview-page{margin:0 auto;max-width:1200px;padding:20px}.page-header{border-bottom:2px solid #eaeaea;margin-bottom:40px;padding-bottom:20px;text-align:center}.page-header h1{color:#3498db;font-size:2.5rem;margin-bottom:15px}.tagline{align-items:center;color:#7f8c8d;display:flex;font-size:1.2rem;gap:10px;justify-content:center}.core-modules{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin-bottom:50px}.module-card{border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.05);padding:25px;transition:transform .3s ease}.module-card:hover{transform:translateY(-5px)}.module-card h2{align-items:center;border-bottom:2px solid #ecf0f1;display:flex;font-size:1.8rem;gap:15px;margin-top:0;padding-bottom:15px}.featured-text,.module-card h2{color:#3498db;margin-bottom:20px}.featured-text{font-size:1.1rem;font-weight:600}.feature-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.feature-item h3{color:#2980b9;font-size:1.3rem;margin-bottom:10px;margin-top:0}.quiz-flow{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:20px}.flow-step{border-radius:6px;padding:15px;position:relative}.step-number{align-items:center;background:#3498db;border-radius:50%;color:#fff;display:flex;font-weight:700;height:30px;justify-content:center;left:-15px;position:absolute;top:-15px;width:30px}.learning-path{margin-top:40px}.path-steps{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:20px}.path-step{border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.05);padding:20px}.step-header{margin-bottom:15px}.step-badge,.step-header{align-items:center;display:flex}.step-badge{background:#3498db;border-radius:50%;color:#fff;font-weight:700;height:32px;justify-content:center;margin-right:15px;width:32px}.path-step h3{color:#3498db;font-size:1.3rem;margin:0}.step-description{margin:0}@media (max-width:768px){.core-modules,.feature-grid,.path-steps,.quiz-flow{grid-template-columns:1fr}}@font-face{font-family:AlibabaPuHuiTi;font-style:normal;font-weight:400;src:url(/static/assets/AlibabaPuHuiTi-3-55-Regular.af25a99f136c1a6c98ad.woff2) format("woff2"),url(/static/assets/AlibabaPuHuiTi-3-55-Regular.ec6e9527c5678a10c71b.woff) format("woff"),url(/static/assets/AlibabaPuHuiTi-3-55-Regular.07c6ebd862bcd5273cc0.ttf) format("truetype")}@font-face{font-display:swap;font-family:JetBrains Mono;font-style:normal;font-weight:400;src:url(/static/assets/JetBrainsMono-Regular.1d9e47ce7f6576ce7bae.woff2) format("woff2"),url(/static/assets/JetBrainsMonoNL-Regular.432a7b1048bd216e8990.ttf) format("truetype")}@font-face{font-display:swap;font-family:JetBrains Mono;font-style:normal;font-weight:700;src:url(/static/assets/JetBrainsMono-Bold.75885bf04057d4697ae5.woff2) format("woff2"),url(/static/assets/JetBrainsMonoNL-Bold.dbcc4cae347363faa11f.ttf) format("truetype")}@font-face{font-display:swap;font-family:JetBrains Mono;font-style:italic;font-weight:400;src:url(/static/assets/JetBrainsMono-Italic.6fd32a4a78fbf9eb0d3a.woff2) format("woff2"),url(/static/assets/JetBrainsMonoNL-Italic.38575a70089d8446517e.ttf) format("truetype")}@font-face{font-display:swap;font-family:JetBrains Mono;font-style:italic;font-weight:700;src:url(/static/assets/JetBrainsMono-BoldItalic.c8aab241a20a44900acc.woff2) format("woff2"),url(/static/assets/JetBrainsMonoNL-BoldItalic.3e378fa85c74aca69b85.ttf) format("truetype")}body,html{display:flex;flex-direction:column;font-family:AlibabaPuHuiTi,sans-serif;height:100%;margin:0;min-height:100vh;padding:0;width:100%}#coordinates{border:1px solid #333;border-radius:3px;box-shadow:0 0 5px rgba(0,0,0,.2);display:none;padding:5px;pointer-events:none;position:absolute;z-index:5}.assistive-touch{align-items:center;border-radius:50%;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;position:fixed;right:10px;top:100px;transition:background-color .3s ease,transform .2s ease;user-select:none;width:40px}.assistive-touch:active{background-color:rgba(0,0,0,.8)}.board-content-box{display:none!important;margin-top:-1px}.board-content-box.active{display:block!important}.grid-content-box{box-sizing:border-box;height:100%;width:100%}.scrollable-box{overflow-y:auto}.draggable-container{border:1px solid #ccc;bottom:20px;box-shadow:0 4px 8px rgba(0,0,0,.1);cursor:move;max-width:900px;padding:10px;position:absolute;right:0;width:100%}line{isolation:isolate;position:relative;z-index:9999}.modal-dialog{max-width:90%;position:fixed!important;transition:none!important;width:500px}.modal-content{max-height:70vh;pointer-events:auto}.modal-header{cursor:move;user-select:none}.code-grade-triangle,.svg-grade-triangle{bottom:0;color:green;cursor:pointer;height:40px;overflow:visible;position:absolute;right:0;width:40px;z-index:10}.code-grade-triangle:after,.svg-grade-triangle:after{border-bottom:40px solid #006400;border-left:40px solid transparent;bottom:0;content:"";height:0;position:absolute;right:0;width:0}.code-grade-triangle span,.svg-grade-triangle span{bottom:0;color:#fff;font-size:10px;pointer-events:none;position:absolute;right:0;text-align:center;transform:rotate(-45deg) translate(10px,-10px);transform-origin:bottom right;white-space:nowrap;width:20px;z-index:11}#leftMenuNavbar{width:200px}@media (max-width:700px){#leftMenuNavbar{width:180px}}.grid-box,.left-right-box,.picture-in-picture-box,.split-box{cursor:pointer;transition:opacity .2s}.grid-box:hover,.left-right-box:hover,.picture-in-picture-box:hover,.split-box:hover{opacity:.7}.pip-active{color:#42b983}.grid-box{align-items:center;display:flex;float:left;height:48px;justify-content:center;position:fixed;right:5px;text-align:center;top:190px;width:48px}.left-right-box{top:240px}.left-right-box,.picture-in-picture-box{align-items:center;display:flex;float:left;height:28px;justify-content:center;position:fixed;right:5px;text-align:center;width:48px}.picture-in-picture-box{top:160px}.split-box{align-items:center;display:flex;float:left;height:28px;justify-content:center;position:fixed;right:5px;text-align:center;top:280px;width:48px}.board-tab-box{background-color:#333;height:45px}.container[data-v-58ebfef6]{display:flex;flex-direction:column;height:100vh;position:relative}.skeleton-container[data-v-58ebfef6]{display:flex;flex:1;flex-direction:column;left:0;position:absolute;top:0}.controls-container{align-items:center;border-radius:30px;display:flex;gap:20px;padding:8px 16px}#play-box{text-align:center}.lift-box{bottom:-46px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;z-index:100}@media (max-width:768px){.lift-box{left:75%}}.lift-box--up{transform:translateX(-50%) translateY(-50px)}.left-step,.play,.right-step{cursor:pointer;transition:all .2s ease}.left-step:hover,.play:hover,.right-step:hover{color:#0f8;transform:scale(1.1)}.lift-arrow{height:12px;margin:10px auto;transition:all .3s ease;width:40px}.svg-range-input-box{align-items:center;bottom:5px;display:flex;height:20px;justify-content:center;margin-top:-24px;min-width:200px;position:absolute;text-align:center;width:200px;z-index:999}.svg-range-input-value{font-family:monospace;margin-left:5px;min-width:50px;text-align:left;width:60px}.speed-text-box{height:24px;width:80px}.concept-container{height:100%;width:100%}.concept-groups{display:flex;flex-direction:column;gap:16px}.concept-group{border:1px solid grey;border-radius:8px;overflow:hidden}.group-header{align-items:center;background:#198754;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;justify-content:space-between;padding:8px 12px;user-select:none;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;word-break:break-word}.group-header .toggle-icon{font-size:12px;transition:transform .2s}.group-items{display:flex;flex-direction:column}.top-banner{align-items:center;align-items:flex-start;background-color:transparent;display:flex;height:auto;justify-content:center;left:0;pointer-events:auto;position:absolute;top:0;z-index:1000}.top-banner.shrink{margin:0;min-height:0;opacity:0;padding:0;visibility:hidden}.top-banner.shrink *{display:none}.top-content{background-color:#1a1a1a;border-radius:0;box-shadow:0 4px 12px rgba(0,0,0,.5),inset 0 0 30px rgba(0,0,0,.3);color:#f0f0f0;max-width:450px;min-width:280px;padding:20px 28px;position:relative;text-align:center}.top-content h1{color:#fff;font-size:28px;font-weight:700;margin:0 0 8px;text-shadow:0 0 2px hsla(0,0%,100%,.3)}.top-content div{color:#e0e0e0;font-size:14px;line-height:1.6;margin:0}.concept-box{background-color:#fff;height:auto;position:fixed;right:1px;top:101px;width:120px;z-index:1001}.concept-close-btn{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;line-height:1;position:absolute;right:5px;top:5px;width:24px;z-index:10}.concept-close-btn:hover{background:#c82333}.light-concept{align-items:center;display:flex;float:left;height:28px;justify-content:center;position:fixed;right:5px;text-align:center;top:60px;width:48px}@media (max-width:768px){.concept-box{right:1px}}.concept-word{border-bottom:1px solid #3a3f44;cursor:pointer;font-size:13px;padding:5px 12px;transition:all .2s}.concept-word:last-child{border-bottom:none}.concept-word:hover{background:#198754}.top-content .btn-close{filter:invert(1);opacity:.7;position:absolute;right:10px;top:10px}.top-content .btn-close:hover{opacity:1}[data-bs-theme=dark] .top-content{background-color:#121212;color:#f0f0f0}[data-bs-theme=dark] .top-content h1{color:#fff}[data-bs-theme=dark] .top-content div{color:#e0e0e0}[data-bs-theme=dark] .top-content .btn-close{filter:invert(1)}[data-bs-theme=dark] .concept-box{background-color:#1e1e2e;border:1px solid #fff;color:#cdd6f4}[data-bs-theme=dark] .concept-word{border-bottom:1px solid #3a3f44;color:#cdd6f4}[data-bs-theme=dark] .concept-word:hover{background:#3b82f6;color:#fff}[data-bs-theme=dark] .group-items{background-color:#1e1e2e}[data-bs-theme=light] .top-content{background-color:#f8f9fa;border:2px solid #dee2e6;box-shadow:0 4px 12px rgba(0,0,0,.15);color:#212529}[data-bs-theme=light] .top-content h1{color:#212529;text-shadow:none}[data-bs-theme=light] .top-content div{color:#495057}[data-bs-theme=light] .top-content .btn-close{filter:invert(0)}[data-bs-theme=light] .concept-box{background-color:#fff;border:1px solid #dee2e6;color:#212529}[data-bs-theme=light] .concept-word{border-bottom:1px solid #dee2e6;color:#212529}[data-bs-theme=light] .concept-word:hover{background:#3b82f6;color:#fff}[data-bs-theme=light] .group-items{background-color:#fff}[data-bs-theme=light] .concept-group{border-color:#dee2e6}#svg-box{height:100%;margin-top:5px;overflow:hidden;position:relative}#svg-tabs{flex-shrink:0;overflow-x:auto;white-space:nowrap;width:100%;z-index:10}#svg-container{display:grid;grid-template-areas:"left main" "left bottom";grid-template-columns:40px 1fr;grid-template-rows:1fr 40px;height:96%;position:relative;width:100%}@media (max-width:768px){#svg-container{grid-template-areas:"main";grid-template-columns:1fr;grid-template-rows:1fr}#axis-bottom-box,#axis-left-box{display:none}#svg-main-box{grid-area:main;height:100%;width:100%}}#cy{display:block;left:40px;position:absolute;z-index:2}.svg-mouse:hover{stroke:red!important;stroke-width:2px!important;cursor:pointer;filter:drop-shadow(0 0 2px rgba(0,0,0,.5))}.tabs{gap:2px;padding-left:40px}@media (max-width:768px){.tabs{padding-left:1px}#cy{left:5px}}.tab-link{background:#f0f0f0;border:none;color:#333;cursor:pointer;font-size:16px;font-weight:500;height:30px;transition:all .3s ease;width:50px}.tab-link:hover{background:#e0e0e0;transform:translateY(-2px)}.tab-box{display:none;left:0;overflow:auto;position:absolute}.tab-box.active{display:block}.tab-link.active{background:#007bff;box-shadow:0 2px 8px rgba(0,123,255,.3);color:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.draggable-box{border:1px solid #ddd;box-shadow:0 2px 8px rgba(0,0,0,.1);cursor:default;transition:box-shadow .2s;user-select:none;z-index:3}.draggable-box.dragging{box-shadow:0 8px 20px rgba(0,0,0,.15);cursor:grabbing!important;opacity:.9;transition:none}.drag-handle{background:#f5f5f5;border-bottom:1px solid #ddd;cursor:grab;padding:10px;user-select:none}.drag-handle:active{cursor:grabbing}.cy-panzoom{bottom:215px;left:auto!important;right:5px;top:auto!important;z-index:0}#svg-box.grid-content-box{overflow:hidden}.ruler-rect{cursor:move;fill:#fff;stroke:#000;stroke-width:1px}.axis line,.axis path{fill:none;shape-rendering:crispEdges}.axis text{font-family:sans-serif;font-size:10px}.circle{fill:none;stroke:#000;stroke-width:2px}.tick{stroke:#000;stroke-width:1px}.tick-label{font-family:Arial,sans-serif;font-size:10px;text-anchor:middle}.protractor-group{cursor:grab}.rect{fill:#4682b4;stroke:#fff}#axis-left-box{float:left;grid-area:left;min-height:400px;width:40px}#axis-bottom-box{grid-area:bottom;height:50px;width:100%}#svg-main-box{grid-area:main;overflow:hidden;position:relative}.svg-overlay-box{position:absolute;z-index:1}.board_grid{display:block;gap:10px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.title-container{height:30px;position:absolute;right:10px;text-align:center;top:-25px;width:200px;z-index:100}.title{font-size:16px;font-weight:700}.dimensions{bottom:40px;display:none;left:55px;position:absolute;z-index:999}.container[data-v-b99f6e8a]{display:flex;flex-direction:column;height:100vh;position:relative}.skeleton-container[data-v-b99f6e8a]{display:flex;flex:1;flex-direction:column;left:0;position:absolute;top:0}.skeleton-code[data-v-b99f6e8a]{flex:1}.program-language-box{position:absolute;right:0;top:0}.language-font-size-box{position:absolute;right:0;top:40px}.language-font-size-box select,.program-language-box select{margin-right:0}.ace_marker-layer .ace_active-line{background-color:rgba(34,153,221,.5)!important}.ace_marker-layer .ace_active-error-line{background-color:rgba(255,0,0,.7)!important}.ace_marker-layer .ace_active-line.ace_correct-line{background-color:rgba(0,255,0,.3)!important}.ace_gutter-cell.ace_success,.ace_icon.ace_success,.ace_icon.ace_success_fold{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Crect width='16' height='16' fill='%234CAF50' rx='2'/%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2' d='m5 8.5 2 2L11 5'/%3E%3C/svg%3E");background-position:2px;background-repeat:no-repeat}#code-box{font-family:JetBrains Mono,monospace!important;margin-top:5px;position:relative;z-index:3}.code-box{height:100%}.editor-container{height:100%;overflow:hidden;position:relative;width:100%}.ace_editor{height:100%!important;width:100%!important}.board-main-box{grid-row:2;position:relative}.board-box{display:grid;grid-template-rows:0fr 1fr 100px}#offcanvasRight{min-height:600px;width:200px}@media (max-width:700px){#offcanvasRight{min-height:600px;width:180px}}#sidebar-box{min-height:600px;z-index:9999}.form-box{background-color:var(--bs-body-bg)}.mobile-form-container{bottom:35%;display:flex;flex-direction:column;left:24px;position:fixed;transform:translateY(100%);transition:transform .3s ease;width:150px;z-index:999}.mobile-form-container.active{transform:translateY(0)}.mobile-form-close{background-color:#000;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;height:24px;line-height:1;position:absolute;right:-10px;top:1px;width:24px;z-index:1001}.mobile-form-close:hover{background:#e9ecef}.mobile-form-container,.mobile-form-container *{-ms-touch-action:none;touch-action:none}#action-box{backdrop-filter:blur(2px);background:#222529;border:1px solid #3a3f44;border-radius:28px;bottom:100px;box-shadow:0 8px 24px rgba(0,0,0,.5);left:16px;position:fixed;right:16px;transition:all .3s ease;z-index:1000}.mobile-sidebar{background:var(--bs-body-bg);border:1px solid #ccc;color:#aaa;display:none;font-size:12px;position:fixed;right:-30%;top:150px;width:80px;z-index:999}.mobile-sidebar-active{display:block!important}#icons{align-items:center;border-top:1px solid #33383e;display:flex;flex-wrap:wrap;gap:10px 12px;padding:6px 20px 20px}#icons>label{border-bottom:2px solid hsla(0,0%,100%,.3);font-size:16px;font-weight:600;text-align:center;width:100%}#icon-link-row{align-items:center;background-color:#0d6efd;border:none;border-radius:40px;box-shadow:0 1px 2px rgba(0,0,0,.2);color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:6px 16px;transition:all .2s;white-space:nowrap}#icon-link-row:active{background-color:#0b5ed7;transform:scale(.96)}.dynamic-params{background:#f8f9fa;border-radius:4px;margin-top:10px;padding:15px}.btn-group{gap:8px}.config-collapse{border-left:2px solid #dee2e6;margin-left:30px;padding-left:15px}