*{margin: 0;padding: 0;box-sizing: border-box}body{font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;height: 100vh;overflow: hidden;background: #1e1e1e}.container{display: flex;flex-direction: column;height: 100vh}.header{background: #2d2d30;color: #fff;padding: 10px 20px;display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #3e3e42}.app-logo{width: 26px;height: 26px;max-width: 26px;display: flex;align-items: center;justify-content: center;background: transparent;border: none;cursor: pointer;transition: width 0.3s ease, max-width 0.3s ease;overflow: hidden;position: relative;padding: 0;margin: 0;font: inherit;color: inherit}.app-logo svg{width: 100%;height: 100%;stroke: #32c532;flex-shrink: 0}.bosskey-text{position: absolute;left: 32px;color: #32c532;font-family: 'Courier New', monospace;font-size: 14px;white-space: nowrap;opacity: 0;transform: translateX(-10px);transition: opacity 0.3s ease, transform 0.3s ease;pointer-events: none;cursor: pointer}.bosskey-text.clickable{pointer-events: auto}.app-logo.active .bosskey-text{opacity: 1;transform: translateX(0)}.app-logo.active{width: auto;max-width: 200px;padding-right: 0}.header-controls{display: flex;gap: 10px;align-items: center}.toggle-icon{background: rgba(62, 62, 66, 0.3);border: 1px solid rgba(255, 255, 255, 0.15);padding: 6px;border-radius: 3px;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all 0.2s;width: 32px;height: 32px}.toggle-icon:hover{background: rgba(62, 62, 66, 0.5);border-color: rgba(255, 255, 255, 0.25)}.icon-img,.toggle-icon-img,.file-icon-img,.tab-icon-img,.btn-icon{width: 20px;height: 20px;object-fit: contain;vertical-align: middle}.toggle-icon-img{vertical-align: unset}.output-toggle-icon{transform: rotate(90deg)}.toolbar{background: #252526;padding: 8px 20px;display: flex;gap: 10px;align-items: center;border-bottom: 1px solid #3e3e42}.btn{background: rgba(14, 99, 156, 0.3);color: white;border: 1px solid rgba(255, 255, 255, 0.2);padding: 7px 18px;border-radius: 8px;cursor: pointer;font-size: 13px;transition: all 0.3s ease;display: inline-flex;align-items: center;-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.1)}.btn:hover{background: rgba(14, 99, 156, 0.5);border-color: rgba(255, 255, 255, 0.3);box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.2);transform: translateY(-1px)}.btn-secondary{background: rgba(62, 62, 66, 0.3);border: 1px solid rgba(255, 255, 255, 0.15)}.btn-secondary:hover{background: rgba(62, 62, 66, 0.5);border-color: rgba(255, 255, 255, 0.25)}.btn-border{border: 1px solid rgba(255, 255, 255, 0.4);box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 0 1px rgba(255, 255, 255, 0.1)}.btn-border:hover{border: 1px solid rgba(255, 255, 255, 0.5);box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.2)}.btn-success{background: #16825d}.btn-success:hover{background: #1a9870}select{background: #3c3c3c;color: #fff;border: 1px solid #3e3e42;padding: 6px 12px;border-radius: 3px;cursor: pointer;font-size: 13px}.main-content{display: flex;flex: 1;overflow: hidden;min-height: 0}.container.flipped .sidebar{order: 2;border-right: none;border-left: 1px solid #3e3e42}.container.flipped .editor-area{order: 1}.container.flipped .toolbar{justify-content: flex-end}.preview-panel{width: 0;min-width: 0;background: #1e1e1e;border-left: 1px solid #3e3e42;display: flex;flex-direction: column;transition: width 0.3s ease;overflow: hidden;position: relative;flex-shrink: 0}.preview-panel.active{width: 53%;min-width: 200px}.preview-panel.resizing{transition: none !important}.resize-handle{width: 4px;background: rgba(62, 62, 66, 0.5);cursor: col-resize;position: relative;display: none;transition: background 0.2s, width 0.2s;z-index: 10;flex-shrink: 0;-webkit-user-select: none;user-select: none}.resize-handle.visible{display: block}.resize-handle:hover,.resize-handle.resizing{background: rgba(14, 99, 156, 0.8);width: 6px}.resize-handle::before{content: '';position: absolute;left: -4px;right: -4px;top: 0;bottom: 0;cursor: col-resize}.preview-header{background: #2d2d30;padding: 8px 15px;color: #ccc;font-size: 12px;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #3e3e42;min-height: 36px;flex-shrink: 0;position: relative;will-change: auto}.preview-content{flex: 1;position: relative;overflow: hidden}.preview-iframe{width: 100%;height: 100%;border: none;background: #1e1e1e;display: none}.preview-placeholder{display: none;align-items: center;justify-content: center;height: 100%;color: #969696;font-size: 14px}.preview-placeholder.show{display: flex}.preview-header > div{display: flex;gap: 8px;align-items: center;flex-shrink: 0;white-space: nowrap;position: relative}.preview-toggle,.preview-open-new{background: #3e3e42;color: #ccc;border: none;padding: 6px 12px;border-radius: 3px;cursor: pointer;font-size: 12px;transition: background 0.2s;flex-shrink: 0;white-space: nowrap}.preview-toggle:hover,.preview-open-new:hover{background: #505050}.sidebar{width: 250px;background: #252526;border-right: 1px solid #3e3e42;overflow-y: auto;display: flex;flex-direction: column}.sidebar-header{padding: 10px 15px;background: #2d2d30;color: #ccc;font-size: 11px;text-transform: uppercase;font-weight: 600;letter-spacing: 0.5px}.file-list{flex: 1;padding: 5px}.file-item{padding: 8px 15px;color: #ccc;cursor: pointer;border-radius: 3px;font-size: 13px;display: flex;align-items: center;justify-content: space-between;gap: 8px}.file-item:hover{background: #2a2d2e}.file-item.active{background: #37373d;color: #fff}.file-name{display: flex;align-items: center;gap: 10px;flex: 1}.file-name-input{background: #1e1e1e;border: 1px solid #007acc;color: #fff;padding: 4px 8px;border-radius: 3px;font-size: 13px;font-family: inherit;flex: 1;outline: none;min-width: 0}.file-name-input:focus{border-color: #007acc;box-shadow: 0 0 0 1px #007acc}.delete-btn{background: rgba(62, 62, 66, 0.3);border: 1px solid rgba(255, 255, 255, 0.15);padding: 6px;border-radius: 3px;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all 0.2s;width: 32px;height: 32px;opacity: 0}.file-item:hover .delete-btn{opacity: 1}.delete-btn:hover{background: rgba(197, 50, 50, 0.3);border-color: rgba(255, 68, 68, 0.4)}.delete-btn-icon{width: 24px;height: 24px;object-fit: contain;opacity: 0.7;transition: opacity 0.2s}.delete-btn:hover .delete-btn-icon{opacity: 1}.btn-icon{margin-right: 6px}.editor-area{flex: 1;display: flex;flex-direction: column;min-width: 0;overflow: hidden}.tabs{background: #2d2d30;display: flex;border-bottom: 1px solid #3e3e42;overflow-x: auto;flex-shrink: 0;min-height: 41px}#editor{flex: 1;width: 100%;min-height: 0}.output-panel{height: 200px;background: #1e1e1e;border-top: 1px solid #3e3e42;display: flex;flex-direction: column;transition: height 0.3s ease;overflow: hidden;flex-shrink: 0}.output-panel.collapsed{height: 0;border-top: none}.output-header{background: #2d2d30;padding: 8px 15px;color: #ccc;font-size: 12px;display: flex;justify-content: space-between;align-items: center}.output-header .btn{padding: 4px 12px;font-size: 11px}.output-content{flex: 1;padding: 10px;overflow-y: auto;font-family: 'Courier New', monospace;font-size: 13px;color: #d4d4d4}.modal{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);z-index: 1002;align-items: center;justify-content: center}.modal.active{display: flex}.modal-content{background: #2d2d30;padding: 30px;border-radius: 8px;min-width: 500px;max-width: 600px;color: #fff;box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);z-index:9999}.modal-header{font-size: 24px;font-weight: 600;margin-bottom: 20px;color: #fff;border-bottom: 2px solid #3e3e42;padding-bottom: 15px}.about-logo{display: flex;align-items: center;gap: 12px;color: #32c532}.about-logo svg{width: 32px;height: 32px;stroke: #32c532;flex-shrink: 0}.about-logo span{font-family: 'Courier New', monospace;font-size: 24px;color: #32c532}.modal-body{max-height: 60vh;padding: 10px 0}.modal-body input{width: 100%;padding: 8px;background: #3c3c3c;border: 1px solid #3e3e42;color: #fff;border-radius: 3px;margin-bottom: 15px}.modal-body p{color: #d4d4d4;margin-bottom: 15px;line-height: 1.6}.modal-body p strong{color: #32c532;font-size: 18px}.modal-body h3{color: #fff;font-size: 18px;font-weight: 600;margin-top: 25px;margin-bottom: 12px;padding-bottom: 8px;border-bottom: 1px solid #3e3e42}.modal-body ul{list-style-type: none;padding-left: 0;margin-bottom: 20px}.modal-body li{margin-bottom: 8px;padding-left: 20px;position: relative;color: #d4d4d4;line-height: 1.5}.modal-body li::before{content: '▸';position: absolute;left: 0;color: #32c532;font-weight: bold}.modal-body li strong{color: #fff}.about-content{line-height: 1.6}.modal-footer{display: flex;gap: 10px;justify-content: flex-end}.btn-close-modal{background: rgba(50, 197, 50, 0.3);border: 1px solid rgba(50, 197, 50, 0.5);color: #32c532}.btn-close-modal:hover{background: rgba(50, 197, 50, 0.5);border-color: rgba(50, 197, 50, 0.7);color: #32c532}#aboutModal .modal-body{overflow-y: auto;margin-bottom: 20px}::-webkit-scrollbar{width: 10px;height: 10px}::-webkit-scrollbar-track{background: #1e1e1e}::-webkit-scrollbar-thumb{background: #424242;border-radius: 5px}::-webkit-scrollbar-thumb:hover{background: #4e4e4e}.tab-close-icon{width: 16px;height: 16px;object-fit: contain;vertical-align: middle;opacity: 0.6;transition: opacity 0.2s}.tab-close:hover .tab-close-icon{opacity: 1}.tabs{background: #2d2d30;display: flex;border-bottom: 1px solid #3e3e42;overflow-x: auto;flex-shrink: 0;min-height: 41px}.tab{padding: 10px 20px;color: #969696;cursor: pointer;border-right: 1px solid #3e3e42;font-size: 13px;display: flex;align-items: center;gap: 10px;white-space: nowrap}.tab:hover{color: #fff}.tab.active{background: #1e1e1e;color: #fff}.tab-close{margin-left: 8px;opacity: 0.6;cursor: pointer}.tab-close:hover{opacity: 1}.unsaved-indicator{color: #f48771;font-size: 12px;margin-left: 4px;opacity: 0.8}body.monospace-font{font-family: 'Courier New', Courier, monospace}body.monospace-font .header,body.monospace-font .toolbar,body.monospace-font .sidebar-header,body.monospace-font .preview-header,body.monospace-font .output-header{font-family: 'Courier New', Courier, monospace}body.monospace-font .toolbar .btn,body.monospace-font .toolbar button,body.monospace-font .toolbar select,body.monospace-font .toolbar #languageSelect{font-family: 'Courier New', Courier, monospace}body.bosskey-theme{background: #000}body.bosskey-theme .header{background: #1a1a1a}body.bosskey-theme .header-controls select,body.bosskey-theme .toolbar select{background: #000;color: #32c532}body.bosskey-theme .toolbar{background: #1a1a1a}body.bosskey-theme .btn{background: rgba(50, 197, 50, 0.1);color: #32c532}body.bosskey-theme .btn:hover{background: rgba(50, 197, 50, 0.2);color: #32c532}body.bosskey-theme .btn-secondary{background: rgba(50, 197, 50, 0.05);color: #32c532}body.bosskey-theme .btn-secondary:hover{background: rgba(50, 197, 50, 0.15);color: #32c532}body.bosskey-theme .toggle-icon{background: rgba(50, 197, 50, 0.1)}body.bosskey-theme .toggle-icon:hover{background: rgba(50, 197, 50, 0.2)}body.bosskey-theme .sidebar{background: #000}body.bosskey-theme .sidebar-header{background: #1a1a1a;color: #32c532}body.bosskey-theme .file-item{color: #32c532}body.bosskey-theme .file-item:hover{background: rgba(50, 197, 50, 0.1)}body.bosskey-theme .file-item.active{background: rgba(50, 197, 50, 0.15);color: #32c532}body.bosskey-theme .tabs{background: #1a1a1a}body.bosskey-theme .tab{color: #32c532}body.bosskey-theme .tab:hover{color: #32c532;background: rgba(50, 197, 50, 0.1)}body.bosskey-theme .tab.active{background: #000;color: #32c532}body.bosskey-theme .output-panel{background: #000}body.bosskey-theme .output-header{background: #1a1a1a;color: #32c532}body.bosskey-theme .output-content{color: #32c532}body.bosskey-theme .output-success{color: #32c532}body.bosskey-theme .preview-header{background: #1a1a1a;color: #32c532}body.bosskey-theme .preview-toggle,body.bosskey-theme .preview-open-new{background: rgba(50, 197, 50, 0.1);color: #32c532}body.bosskey-theme .preview-toggle:hover,body.bosskey-theme .preview-open-new:hover{background: rgba(50, 197, 50, 0.2)}body.bosskey-theme .resize-handle{background: rgba(50, 197, 50, 0.3)}body.bosskey-theme .resize-handle:hover,body.bosskey-theme .resize-handle.resizing{background: rgba(50, 197, 50, 0.6)}body.bosskey-theme .modal-content{background: #1a1a1a;color: #32c532}body.bosskey-theme .modal-body input{background: #000;color: #32c532}body.bosskey-theme .delete-btn{background: rgba(50, 197, 50, 0.1);border-color: rgba(50, 197, 50, 0.3)}body.bosskey-theme .delete-btn:hover{background: rgba(197, 50, 50, 0.2);border-color: rgba(255, 68, 68, 0.4)}body.bosskey-theme .delete-btn-icon{opacity: 0.6}body.bosskey-theme .unsaved-indicator{color: #32c532}body.bosskey-theme .container.flipped .sidebar{border-right: none}body.bosskey-theme .hamburger-menu-btn{background: rgba(50, 197, 50, 0.1);border-color: rgba(50, 197, 50, 0.3)}body.bosskey-theme .hamburger-menu-btn:hover{background: rgba(50, 197, 50, 0.2);border-color: rgba(50, 197, 50, 0.5)}body.bosskey-theme .hamburger-menu-btn span{background: #32c532}body.bosskey-theme .toolbar-menu{background: #1a1a1a;border-bottom-color: #3e3e42}body.bosskey-theme .toolbar-menu .menu-item{background: rgba(50, 197, 50, 0.05);color: #32c532;border-color: rgba(50, 197, 50, 0.3)}body.bosskey-theme .toolbar-menu .menu-item:hover{background: rgba(50, 197, 50, 0.15);border-color: rgba(50, 197, 50, 0.5)}body.bosskey-theme .toolbar-menu .language-select-wrapper label{color: #32c532}body.bosskey-theme .toolbar-menu .language-select-wrapper select{background: #000;color: #32c532;border-color: rgba(50, 197, 50, 0.3)}body.neon-theme{background: #0a0a0a}body.neon-theme .header{background: #1a0a1a;border-bottom-color: #3e3e42}body.neon-theme .header-controls select,body.neon-theme .toolbar select{background: #0a0a0a;color: #00ffff;border-color: #3e3e42}body.neon-theme .toolbar{background: #1a0a1a;border-bottom-color: #3e3e42}body.neon-theme .btn{background: rgba(0, 255, 255, 0.1);color: #00ffff;border-color: #3e3e42}body.neon-theme .btn:hover{background: rgba(0, 255, 255, 0.2);color: #00ffff;border-color: #ff00ff;box-shadow: 0 0 10px rgba(0, 255, 255, 0.5)}body.neon-theme .btn-secondary{background: rgba(255, 0, 255, 0.1);color: #ff00ff;border-color: #3e3e42}body.neon-theme .btn-secondary:hover{background: rgba(255, 0, 255, 0.2);color: #ff00ff;border-color: #ffff00;box-shadow: 0 0 10px rgba(255, 0, 255, 0.5)}body.neon-theme .toggle-icon{background: rgba(0, 255, 255, 0.1);border-color: #3e3e42}body.neon-theme .toggle-icon:hover{background: rgba(0, 255, 255, 0.2);border-color: #ff00ff;box-shadow: 0 0 8px rgba(0, 255, 255, 0.4)}body.neon-theme .sidebar{background: #0a0a0a;border-right-color: #3e3e42}body.neon-theme .sidebar-header{background: #1a0a1a;color: #00ffff}body.neon-theme .file-item{color: #00ffff}body.neon-theme .file-item:hover{background: rgba(0, 255, 255, 0.1)}body.neon-theme .file-item.active{background: rgba(0, 255, 255, 0.15);color: #00ffff}body.neon-theme .tabs{background: #1a0a1a;border-bottom-color: #3e3e42}body.neon-theme .tab{color: #00ffff;border-right-color: #3e3e42}body.neon-theme .tab:hover{color: #ff00ff;background: rgba(255, 0, 255, 0.1)}body.neon-theme .tab.active{background: #0a0a0a;color: #00ffff}body.neon-theme .output-panel{background: #0a0a0a;border-top-color: #3e3e42}body.neon-theme .output-header{background: #1a0a1a;color: #00ffff}body.neon-theme .output-content{color: #00ffff}body.neon-theme .output-success{color: #00ff00}body.neon-theme .preview-header{background: #1a0a1a;color: #00ffff;border-bottom-color: #3e3e42}body.neon-theme .preview-toggle,body.neon-theme .preview-open-new{background: rgba(0, 255, 255, 0.1);color: #00ffff;border-color: #3e3e42}body.neon-theme .preview-toggle:hover,body.neon-theme .preview-open-new:hover{background: rgba(0, 255, 255, 0.2);box-shadow: 0 0 8px rgba(0, 255, 255, 0.4)}body.neon-theme .resize-handle{background: rgba(0, 255, 255, 0.3)}body.neon-theme .resize-handle:hover,body.neon-theme .resize-handle.resizing{background: rgba(0, 255, 255, 0.6);box-shadow: 0 0 10px rgba(0, 255, 255, 0.5)}body.neon-theme .modal-content{background: #1a0a1a;color: #00ffff;border: 1px solid #3e3e42;box-shadow: 0 0 20px rgba(0, 255, 255, 0.3)}body.neon-theme .modal-body input{background: #0a0a0a;color: #00ffff;border-color: #3e3e42}body.neon-theme .modal-body input:focus{border-color: #ff00ff;box-shadow: 0 0 10px rgba(0, 255, 255, 0.5)}body.neon-theme .delete-btn{background: rgba(0, 255, 255, 0.1);border-color: #3e3e42}body.neon-theme .delete-btn:hover{background: rgba(255, 0, 0, 0.2);border-color: rgba(255, 0, 0, 0.4);box-shadow: 0 0 8px rgba(255, 0, 0, 0.4)}body.neon-theme .delete-btn-icon{opacity: 0.6}body.neon-theme .unsaved-indicator{color: #ffff00}body.neon-theme .container.flipped .sidebar{border-right: none;border-left-color: #3e3e42}body.neon-theme .hamburger-menu-btn{background: rgba(0, 255, 255, 0.1);border-color: #3e3e42}body.neon-theme .hamburger-menu-btn:hover{background: rgba(0, 255, 255, 0.2);border-color: #ff00ff;box-shadow: 0 0 8px rgba(0, 255, 255, 0.4)}body.neon-theme .hamburger-menu-btn span{background: #00ffff}body.neon-theme .toolbar-menu{background: #1a0a1a;border-bottom-color: #3e3e42}body.neon-theme .toolbar-menu .menu-item{background: rgba(0, 255, 255, 0.1);color: #00ffff;border-color: #3e3e42}body.neon-theme .toolbar-menu .menu-item:hover{background: rgba(0, 255, 255, 0.2);border-color: #ff00ff;box-shadow: 0 0 8px rgba(0, 255, 255, 0.4)}body.neon-theme .toolbar-menu .language-select-wrapper label{color: #00ffff}body.neon-theme .toolbar-menu .language-select-wrapper select{background: #0a0a0a;color: #00ffff;border-color: #3e3e42}body.neon-theme .toolbar-menu .language-select-wrapper select:focus{border-color: #ff00ff;box-shadow: 0 0 10px rgba(0, 255, 255, 0.5)}body.teal-theme{background: #0d1b1f}body.teal-theme .header{background: #0f2328}body.teal-theme .header-controls select,body.teal-theme .toolbar select{background: #0d1b1f;color: #14b8a6}body.teal-theme .toolbar{background: #0f2328}body.teal-theme .btn{background: rgba(20, 184, 166, 0.1);color: #14b8a6}body.teal-theme .btn:hover{background: rgba(20, 184, 166, 0.2);color: #2dd4bf;box-shadow: 0 0 10px rgba(20, 184, 166, 0.3)}body.teal-theme .btn-secondary{background: rgba(20, 184, 166, 0.05);color: #14b8a6}body.teal-theme .btn-secondary:hover{background: rgba(20, 184, 166, 0.15);color: #2dd4bf;box-shadow: 0 0 8px rgba(20, 184, 166, 0.3)}body.teal-theme .toggle-icon{background: rgba(20, 184, 166, 0.1)}body.teal-theme .toggle-icon:hover{background: rgba(20, 184, 166, 0.2);box-shadow: 0 0 8px rgba(20, 184, 166, 0.3)}body.teal-theme .sidebar{background: #0d1b1f}body.teal-theme .sidebar-header{background: #0f2328;color: #14b8a6}body.teal-theme .file-item{color: #14b8a6}body.teal-theme .file-item:hover{background: rgba(20, 184, 166, 0.1)}body.teal-theme .file-item.active{background: rgba(20, 184, 166, 0.15);color: #2dd4bf}body.teal-theme .tabs{background: #0f2328}body.teal-theme .tab{color: #14b8a6}body.teal-theme .tab:hover{color: #2dd4bf;background: rgba(20, 184, 166, 0.1)}body.teal-theme .tab.active{background: #0d1b1f;color: #2dd4bf}body.teal-theme .output-panel{background: #0d1b1f}body.teal-theme .output-header{background: #0f2328;color: #14b8a6}body.teal-theme .output-content{color: #14b8a6}body.teal-theme .output-success{color: #2dd4bf}body.teal-theme .preview-header{background: #0f2328;color: #14b8a6}body.teal-theme .preview-toggle,body.teal-theme .preview-open-new{background: rgba(20, 184, 166, 0.1);color: #14b8a6}body.teal-theme .preview-toggle:hover,body.teal-theme .preview-open-new:hover{background: rgba(20, 184, 166, 0.2);box-shadow: 0 0 8px rgba(20, 184, 166, 0.3)}body.teal-theme .resize-handle{background: rgba(20, 184, 166, 0.3)}body.teal-theme .resize-handle:hover,body.teal-theme .resize-handle.resizing{background: rgba(20, 184, 166, 0.6);box-shadow: 0 0 10px rgba(20, 184, 166, 0.4)}body.teal-theme .modal-content{background: #0f2328;color: #14b8a6;box-shadow: 0 0 20px rgba(20, 184, 166, 0.2)}body.teal-theme .modal-body input{background: #0d1b1f;color: #14b8a6}body.teal-theme .modal-body input:focus{box-shadow: 0 0 10px rgba(20, 184, 166, 0.3)}body.teal-theme .delete-btn{background: rgba(20, 184, 166, 0.1)}body.teal-theme .delete-btn:hover{background: rgba(239, 68, 68, 0.2);border-color: rgba(239, 68, 68, 0.4);box-shadow: 0 0 8px rgba(239, 68, 68, 0.3)}body.teal-theme .delete-btn-icon{opacity: 0.6}body.teal-theme .unsaved-indicator{color: #2dd4bf}body.teal-theme .container.flipped .sidebar{border-right: none}body.teal-theme .hamburger-menu-btn{background: rgba(20, 184, 166, 0.1)}body.teal-theme .hamburger-menu-btn:hover{background: rgba(20, 184, 166, 0.2);box-shadow: 0 0 8px rgba(20, 184, 166, 0.3)}body.teal-theme .hamburger-menu-btn span{background: #14b8a6}body.teal-theme .toolbar-menu{background: #0f2328}body.teal-theme .toolbar-menu .menu-item{background: rgba(20, 184, 166, 0.05);color: #14b8a6;border-color: #14b8a6}body.teal-theme .toolbar-menu .menu-item:hover{background: rgba(20, 184, 166, 0.15);box-shadow: 0 0 8px rgba(20, 184, 166, 0.3)}body.teal-theme .toolbar-menu .language-select-wrapper label{color: #14b8a6}body.teal-theme .toolbar-menu .language-select-wrapper select{background: #0d1b1f;color: #14b8a6}body.teal-theme .toolbar-menu .language-select-wrapper select:focus{box-shadow: 0 0 10px rgba(20, 184, 166, 0.3)}@media (max-width: 1124px){.toolbar .btn-icon{display: none}}.hamburger-menu-btn{display: none;flex-direction: column;justify-content: space-around;width: 32px;height: 32px;background: rgba(62, 62, 66, 0.3);border: 1px solid rgba(255, 255, 255, 0.15);border-radius: 3px;cursor: pointer;padding: 6px;transition: all 0.2s;z-index: 1001}.hamburger-menu-btn span{width: 100%;height: 2px;background: #fff;border-radius: 2px;transition: all 0.3s}.hamburger-menu-btn:hover{background: rgba(62, 62, 66, 0.5);border-color: rgba(255, 255, 255, 0.25)}.hamburger-menu-btn.active span:nth-child(1){transform: translateY(6px) rotate(45deg)}.hamburger-menu-btn.active span:nth-child(2){opacity: 0}.hamburger-menu-btn.active span:nth-child(3){transform: translateY(-6px) rotate(-45deg)}.toolbar-menu{display: none;position: absolute;top: 100%;left: 0;right: 0;background: #252526;border-bottom: 1px solid #3e3e42;flex-direction: column;padding: 8px;gap: 4px;max-height: 0;overflow: hidden;transition: max-height 0.3s ease, padding 0.3s ease;z-index: 1000;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3)}.toolbar-menu.active{max-height: 600px;padding: 8px}.toolbar-menu .menu-item{background: rgba(62, 62, 66, 0.3);color: white;border: 1px solid rgba(255, 255, 255, 0.15);padding: 10px 15px;border-radius: 6px;cursor: pointer;font-size: 13px;transition: all 0.2s;display: flex;align-items: center;width: 100%;text-align: left;font-family: inherit}.toolbar-menu .menu-item:hover{background: rgba(62, 62, 66, 0.5);border-color: rgba(255, 255, 255, 0.25)}.toolbar-menu .menu-item .btn-icon{margin-right: 8px;width: 18px;height: 18px}.toolbar-menu .language-select-wrapper{padding: 10px 15px;display: flex;flex-direction: column;gap: 6px}.toolbar-menu .language-select-wrapper label{color: #ccc;font-size: 12px;font-weight: 500}.toolbar-menu .language-select-wrapper select{width: 100%;background: #3c3c3c;color: #fff;border: 1px solid #3e3e42;padding: 8px 12px;border-radius: 3px;cursor: pointer;font-size: 13px}.toolbar-buttons{display: flex;gap: 10px;align-items: center;flex: 1}@media (max-width: 849px){.toolbar{position: relative}.hamburger-menu-btn{display: flex}.toolbar-buttons{display: none}.toolbar-menu{display: flex}.sidebar{width: 125px}.sidebar-header{padding: 10px 8px;font-size: 10px}.file-list{padding: 3px}.file-item{padding: 6px 8px;font-size: 11px}.file-name{gap: 6px}.modal-content{min-width: 300px}}