html{font-size:16px}body{height:100vh;margin:0;padding:0;font-family:Arial,sans-serif;position:relative;overflow-y:auto}#container{grid-template-columns:60% auto;display:grid;position:relative;height:calc(100vh - 36px)!important}#blocklyDiv{height:100%}#previewContainer{flex-direction:column;height:100%;display:flex;position:relative}#codeOutput{white-space:pre-wrap;word-break:break-all;background:#f5f5f5;flex-shrink:0;height:40vh;font-family:monospace;line-height:1.4;overflow:auto}#codeOutput code{font-family:Courier New,monospace;font-size:1rem}#preview{border:none;width:100%;height:100%}#saveButton,#exportButton,#openButton{color:#fff;cursor:pointer;background:#4caf4f;border:none;border-radius:4px;padding:8px 16px;font-size:.9rem}#saveButton:hover,#exportButton:hover,#openButton:hover,#runButton:hover{background:#45a049;transition:all .5s}#saveButton:disabled{cursor:not-allowed;opacity:.7;background-color:#7a7979}#runButton{color:#fff;cursor:pointer;background:red;border:none;border-radius:4px;padding:8px 16px;font-size:1.25rem;font-weight:bolder}#runButton:hover{background:#fc2020;transition:all .5s}#toolbar{z-index:1000;flex-direction:column-reverse;align-items:center;gap:10px;padding:0;transition:all .3s;display:flex;position:fixed;bottom:10px;left:10px;right:auto}.layout-buttons{flex-direction:column;gap:5px;display:flex}.layout-btn{cursor:pointer;background:#e0e0e0;border:1px solid #ccc;border-radius:4px;padding:12px 24px;font-size:large}#btn1:hover,#btn2:hover,#btn3:hover{background:#c9c9c9;border-color:#ccc;transition:all .5s}.layout-btn.active{color:#3a3a3a;background:#4caf4f;border-color:#45a049;transition:all .3s}.full-blockly #previewContainer{display:none!important}.full-blockly #blocklyDiv{grid-column:1/-1}.full-code #blocklyDiv,.full-code #preview{display:none!important}.full-code #codeOutput{grid-column:1/-1;width:100vw;height:95vh;position:absolute;top:-15px}.full-preview #blocklyDiv,.full-preview #codeOutput{display:none!important}.full-preview #preview{z-index:999;width:100%;position:fixed;top:40px;left:0;height:calc(100% - 40px)!important}.full-code #toolbar,.full-preview #toolbar{left:auto!important;right:10px!important}.full-blockly #toolbar,#container:not(.full-code):not(.full-preview) #toolbar{left:10px!important;right:auto!important}.blocklyTreeLabel{color:#000;font-size:20px}.blocklyTreeRow{border-radius:4px;margin-bottom:1em;padding:3px}.text-input-modal{z-index:1001;background:#fff;border:1px solid #ccc;border-radius:10px;width:800px;padding:20px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 8px #0000001a}.modal-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.modal-close{cursor:pointer;color:#666;font-size:50px}.modal-textarea{resize:vertical;border:1px solid #ccc;border-radius:10px;width:100%;height:200px;padding:4px}.modal-backdrop{z-index:1000;background:#00000080;width:100%;height:100%;position:fixed;top:0;left:0}.blocklyText{white-space:nowrap!important;text-overflow:ellipsis!important;vertical-align:middle!important;max-width:200px!important;display:inline-block!important;overflow:hidden!important}#updateMessage{transition:opacity .5s}custom-preview{flex:1;min-height:50vh}custom-preview::part(iframe-container){width:100%;height:100%;min-height:100vh;display:flex}.auth-btn{cursor:pointer;color:#757575;background:#fff;border:none;border-radius:25px;align-items:center;gap:10px;padding:8px 15px;transition:all .3s;display:inline-flex;box-shadow:0 2px 4px #0000001a}.auth-btn:hover{transform:translateY(-1px);box-shadow:0 3px 6px #00000026}.auth-btn img{width:20px;height:20px}.logo{z-index:9999;opacity:.6;max-width:50px;height:auto;position:absolute;top:50px;right:20px}.auto-save-notification{color:#fff;z-index:2000;background-color:#4caf50;border-radius:4px;padding:10px 20px;animation:5s ease-in-out fadeInOut;display:none;position:fixed;top:20px;right:20px}@keyframes fadeInOut{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}.re-button{color:#fff;background-color:#4caf4f;border-radius:5px;padding:4px;text-decoration:none;transition:background-color .3s;display:inline-block}#shareButton{color:#fff;cursor:pointer;background:#4caf4f;border:none;border-radius:4px;padding:5px 16px;font-size:.9rem}#shareButton:hover{background:#357abd}#postLoginModal{z-index:10000;background-color:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal-content{text-align:center;background-color:#fff;border-radius:10px;width:90%;max-width:450px;padding:25px;box-shadow:0 5px 15px #0000004d}.modal-title{color:#333;margin-bottom:15px;font-size:1.5rem}.modal-message{color:#555;margin-bottom:25px;line-height:1.5}.modal-buttons{justify-content:center;gap:15px;display:flex}.modal-button{cursor:pointer;border:none;border-radius:5px;padding:12px 25px;font-size:1rem;transition:all .3s}.button-save{color:#fff;background-color:#4caf50}.button-save:hover{background-color:#45a049;transform:translateY(-2px)}.button-cancel{color:#fff;background-color:#f44336}.button-cancel:hover{background-color:#d32f2f;transform:translateY(-2px)}.tab-btn{cursor:pointer;background:#d5d5d5;border:1px solid #ccc;border-bottom:none;border-radius:6px 6px 0 0;align-items:center;gap:8px;padding:6px 15px;font-family:Arial,sans-serif;display:flex}.tab-btn.active{background:#fff;border-bottom:2px solid #fff;margin-bottom:-2px;font-weight:700}.tab-btn:hover:not(.active){background:#e8e8e8}.tab-delete{color:#e74c3c;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:0 4px;font-weight:700}.tab-delete:hover{background:#fcc}input#toolbox-search-input[type=search]{box-sizing:border-box!important;width:140px!important;margin:0 auto!important;display:block!important}div[aria-labelledby=toolbox-search-input\.label] .blocklyTreeRowContentContainer{justify-content:center!important;width:100%!important;display:flex!important}div.blocklyToolboxCategory#toolbox-search-input{min-width:0!important;padding-left:0!important}pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.hljs{color:#383a42;background:#fafafa}.hljs-comment,.hljs-quote{color:#a0a1a7;font-style:italic}.hljs-doctag,.hljs-keyword,.hljs-formula{color:#a626a4}.hljs-section,.hljs-name,.hljs-selector-tag,.hljs-deletion,.hljs-subst{color:#e45649}.hljs-literal{color:#0184bb}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string{color:#50a14f}.hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-type,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-number{color:#986801}.hljs-symbol,.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-title{color:#4078f2}.hljs-built_in,.hljs-title.class_,.hljs-class .hljs-title{color:#c18401}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}