body.page-codeit .container{height:calc(100vh - 200px)!important;display:flex!important}body.page-codeit .left-container,body.page-codeit .right-container{height:100%!important;width:50%;min-width:0}body.page-codeit .right-container{display:flex!important;flex-direction:column!important;min-height:0!important}body.page-codeit .right-container .tabs_wrap{flex:0 0 45px!important;margin-bottom:0!important}body.page-codeit .right-container .tab-content{min-height:0!important;overflow:auto!important;padding:0 4px!important}body.page-codeit .right-container .tab-content.active{display:flex!important;flex:1 1 auto!important;flex-direction:column!important}body.page-codeit .right-container .description-container,body.page-codeit .right-container .output-container{display:flex!important;flex:0 0 auto!important;flex-direction:column!important;height:auto!important;min-height:0!important;overflow:visible!important}body.page-codeit #project-description,body.page-codeit #output-box{flex:0 0 auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}body.page-codeit #programoutput{flex:0 0 auto!important}body.page-codeit .editor-container{max-height:none!important;padding-bottom:0!important;height:100%!important}body.page-codeit .editor-pane{height:calc(100% - 40px)!important;min-height:300px!important}body.page-codeit .editor-pane .CodeMirror{height:100%!important}body.page-codeit .page-title{display:flex;gap:12px}body.page-codeit #project-title{text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.page-codeit .page-title h1{margin:0;font-size:1.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.page-codeit .page-title{min-width:0;flex-shrink:1;overflow:hidden;align-items:center;max-width:70%}body.page-codeit .page-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap;overflow:hidden}body.page-codeit .actions-container{flex-shrink:0;display:flex;gap:6px;margin-left:auto}body.page-codeit .actions-container button{white-space:nowrap;flex-shrink:0}body.page-codeit .visibility-badge{display:inline-flex!important;align-items:center;gap:5px;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid #44475a}body.page-codeit .visibility-badge[data-visibility="public"]{color:#2e7d32;border:1px solid #a5d6a7}body.page-codeit .visibility-badge[data-visibility="private"]{color:#e65100;border:1px solid #de611e}body.page-codeit .sidebar{position:fixed;top:0;left:-250px;width:250px;height:100%;z-index:999;transition:left .3s ease;box-shadow:2px 0 8px rgba(0,0,0,.3);background-color:#2d3748!important}body.page-codeit .sidebar.sidebar-open{left:0}body.page-codeit .sidebar.sidebar-closed{left:-250px}body.page-codeit .workspace-container{transition:margin-left .3s ease}body.page-codeit .toggle-sidebar{background:#6c757d;color:#fff;border:1px solid #6c757d;padding:8px 24px;border-radius:4px;cursor:pointer;font-size:14px;display:inline-flex;align-items:center;gap:5px;transition:all .2s ease}body.page-codeit .toggle-sidebar:hover{background:#ffffff;color:#6c757d}body.page-codeit .actions-container button{padding:8px 16px;border-radius:4px;font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease;cursor:pointer;border:1px solid transparent}body.page-codeit .actions-container .primary-button{background:#6785e9;color:#fff;border-color:#6785e9}body.page-codeit .actions-container .primary-button:hover{background:#fff;color:#6785e9}body.page-codeit .actions-container .secondary-button{background:#6c757d;color:#fff;border-color:#6c757d}body.page-codeit .actions-container .secondary-button:hover{background:#fff;color:#6c757d}body.page-codeit .actions-container .danger-button{background:#e74c3c;color:#fff;border-color:#e74c3c}body.page-codeit .actions-container .danger-button:hover{background:#fff;color:#e74c3c}html.dark-mode body.page-codeit .page-heading,body.dark-mode.page-codeit .page-heading,html.dark-mode body.page-codeit .page-title,body.dark-mode.page-codeit .page-title,html.dark-mode body.page-codeit .button-container,body.dark-mode.page-codeit .button-container,html.dark-mode body.page-codeit .description-container,body.dark-mode.page-codeit .description-container{background:transparent!important;border-color:transparent!important;box-shadow:none!important}html.dark-mode body.page-codeit #title-editor,body.dark-mode.page-codeit #title-editor,html.dark-mode body.page-codeit .title-editor,body.dark-mode.page-codeit .title-editor{background:transparent!important;color:var(--dm-text)!important}body.page-codeit #save-title-btn,body.page-codeit #cancel-title-btn{padding:8px 16px;border-radius:4px;font-size:13px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease;cursor:pointer}body.page-codeit #save-title-btn{background:#6785e9;color:#fff;border:1px solid #6785e9}body.page-codeit #save-title-btn:hover{background:#fff;color:#6785e9}body.page-codeit #cancel-title-btn{background:#6c757d;color:#fff;border:1px solid #6c757d}body.page-codeit #cancel-title-btn:hover{background:#fff;color:#6c757d}body.page-codeit #keywordReferenceModal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:10000;display:none}body.page-codeit.theme-material,body.page-codeit.theme-dracula{background:var(--theme-bg,#263238)!important;color:var(--theme-text,#EEFFFF)!important}body.page-codeit.theme-material .page-heading,body.page-codeit.theme-dracula .page-heading{background:var(--theme-surface,#37474F)!important;border-color:var(--theme-border,#403e3e)!important}body.page-codeit.theme-material #project-title,body.page-codeit.theme-dracula #project-title{color:var(--theme-text,#EEFFFF)!important}body.page-codeit.theme-material .page-title,body.page-codeit.theme-dracula .page-title{color:var(--theme-text,#EEFFFF)!important}body.page-codeit.theme-material .header,body.page-codeit.theme-dracula .header{background:var(--theme-surface,#37474F)!important;border-color:var(--theme-border,#403e3e)!important}body.page-codeit.theme-material .container,body.page-codeit.theme-dracula .container{background:var(--theme-bg,#263238)!important}body.page-codeit.theme-material .left-container,body.page-codeit.theme-dracula .left-container{background:var(--theme-bg,#263238)!important}body.page-codeit.theme-material .right-container,body.page-codeit.theme-dracula .right-container{background:var(--theme-bg,#263238)!important;color:var(--theme-text,#EEFFFF)!important}body.page-codeit.theme-material .tab-button,body.page-codeit.theme-dracula .tab-button{color:var(--theme-secondary-text,#B0BEC5)!important}body.page-codeit.theme-material .tab-button.active,body.page-codeit.theme-dracula .tab-button.active{color:var(--theme-text,#EEFFFF)!important;border-bottom-color:var(--theme-function,#82AAFF)!important}body.page-codeit.theme-material #project-description,body.page-codeit.theme-dracula #project-description{color:var(--theme-text,#EEFFFF)!important}body.page-codeit.theme-material #output-box,body.page-codeit.theme-dracula #output-box{color:var(--theme-text,#EEFFFF)!important;background:var(--theme-secondary-bg,#273238)!important}body.page-codeit.theme-material #toggle-sidebar,body.page-codeit.theme-dracula #toggle-sidebar{background:var(--theme-surface,#37474F)!important;color:var(--theme-text,#EEFFFF)!important;border-color:var(--theme-border,#403e3e)!important}body.page-codeit.theme-material #toggle-sidebar:hover,body.page-codeit.theme-dracula #toggle-sidebar:hover{background:var(--theme-text,#EEFFFF)!important;color:var(--theme-surface,#37474F)!important}body.page-codeit.theme-material #edit-title-btn,body.page-codeit.theme-dracula #edit-title-btn{background:var(--theme-function,#82AAFF)!important;color:var(--theme-bg,#263238)!important;border-color:var(--theme-function,#82AAFF)!important}body.page-codeit.theme-material #edit-title-btn:hover,body.page-codeit.theme-dracula #edit-title-btn:hover{background:var(--theme-bg,#263238)!important;color:var(--theme-function,#82AAFF)!important}body.page-codeit.theme-material #save-title-btn,body.page-codeit.theme-dracula #save-title-btn{background:var(--theme-function,#82AAFF)!important;color:var(--theme-bg,#263238)!important;border-color:var(--theme-function,#82AAFF)!important}body.page-codeit.theme-material #save-title-btn:hover,body.page-codeit.theme-dracula #save-title-btn:hover{background:var(--theme-bg,#263238)!important;color:var(--theme-function,#82AAFF)!important}body.page-codeit.theme-material #cancel-title-btn,body.page-codeit.theme-dracula #cancel-title-btn{background:var(--theme-muted-text,#546E7A)!important;color:var(--theme-text,#EEFFFF)!important;border-color:var(--theme-border,#403e3e)!important}body.page-codeit.theme-material #cancel-title-btn:hover,body.page-codeit.theme-dracula #cancel-title-btn:hover{background:var(--theme-bg,#263238)!important;color:var(--theme-text,#EEFFFF)!important}body.page-codeit.theme-material #visibility-badge,body.page-codeit.theme-dracula #visibility-badge{border-color:var(--theme-border,#403e3e)!important;color:var(--theme-secondary-text,#B0BEC5)!important}body.page-codeit.theme-material .language-selector label,body.page-codeit.theme-dracula .language-selector label{color:var(--theme-secondary-text,#B0BEC5)!important}body.page-codeit.theme-material #owner-controls .primary-button,body.page-codeit.theme-dracula #owner-controls .primary-button{background:var(--theme-function,#82AAFF)!important;border-color:var(--theme-function,#82AAFF)!important;color:#fff!important}body.page-codeit.theme-material #owner-controls .primary-button:hover,body.page-codeit.theme-dracula #owner-controls .primary-button:hover{background:var(--theme-bg,#263238)!important;color:var(--theme-function,#82AAFF)!important}body.page-codeit.theme-material #owner-controls .secondary-button,body.page-codeit.theme-dracula #owner-controls .secondary-button{background:var(--theme-muted-text,#546E7A)!important;border-color:var(--theme-muted-text,#546E7A)!important;color:#fff!important}body.page-codeit.theme-material #owner-controls .secondary-button:hover,body.page-codeit.theme-dracula #owner-controls .secondary-button:hover{background:var(--theme-bg,#263238)!important;color:var(--theme-muted-text,#546E7A)!important}body.page-codeit.theme-material #owner-controls .danger-button,body.page-codeit.theme-dracula #owner-controls .danger-button{background:var(--theme-number,#FF5370)!important;border-color:var(--theme-number,#FF5370)!important;color:#fff!important}body.page-codeit.theme-material #owner-controls .danger-button:hover,body.page-codeit.theme-dracula #owner-controls .danger-button:hover{background:var(--theme-bg,#263238)!important;color:var(--theme-number,#FF5370)!important}body.page-codeit.theme-material #viewer-controls .primary-button,body.page-codeit.theme-dracula #viewer-controls .primary-button{background:var(--theme-function,#82AAFF)!important;border-color:var(--theme-function,#82AAFF)!important;color:#fff!important}body.page-codeit.theme-material #viewer-controls .primary-button:hover,body.page-codeit.theme-dracula #viewer-controls .primary-button:hover{background:var(--theme-bg,#263238)!important;color:var(--theme-function,#82AAFF)!important}body.page-codeit.theme-material #anonymous-controls .secondary-button,body.page-codeit.theme-dracula #anonymous-controls .secondary-button{background:var(--theme-muted-text,#546E7A)!important;border-color:var(--theme-muted-text,#546E7A)!important;color:#fff!important}body.page-codeit.theme-material #anonymous-controls .secondary-button:hover,body.page-codeit.theme-dracula #anonymous-controls .secondary-button:hover{background:var(--theme-bg,#263238)!important;color:var(--theme-muted-text,#546E7A)!important}body.page-codeit.theme-material #back-to-teacher-playground-btn,body.page-codeit.theme-dracula #back-to-teacher-playground-btn{background:var(--theme-muted-text,#546E7A)!important;border-color:var(--theme-muted-text,#546E7A)!important;color:#fff!important}body.page-codeit.theme-material #back-to-teacher-playground-btn:hover,body.page-codeit.theme-dracula #back-to-teacher-playground-btn:hover{background:var(--theme-bg,#263238)!important;color:var(--theme-muted-text,#546E7A)!important}body.page-codeit.theme-material #save-description-btn,body.page-codeit.theme-dracula #save-description-btn{background:var(--theme-function,#82AAFF)!important;border-color:var(--theme-function,#82AAFF)!important;color:#fff!important}body.page-codeit.theme-material #save-description-btn:hover,body.page-codeit.theme-dracula #save-description-btn:hover{background:var(--theme-bg,#263238)!important;color:var(--theme-function,#82AAFF)!important}body.page-codeit.theme-material #cancel-description-btn,body.page-codeit.theme-dracula #cancel-description-btn{background:var(--theme-muted-text,#546E7A)!important;border-color:var(--theme-muted-text,#546E7A)!important;color:#fff!important}body.page-codeit.theme-material #cancel-description-btn:hover,body.page-codeit.theme-dracula #cancel-description-btn:hover{background:var(--theme-bg,#263238)!important;color:var(--theme-muted-text,#546E7A)!important}html.dark-mode body.page-codeit.theme-material .page-heading,body.dark-mode.page-codeit.theme-material .page-heading,html.dark-mode body.page-codeit.theme-dracula .page-heading,body.dark-mode.page-codeit.theme-dracula .page-heading,html.dark-mode body.page-codeit.theme-material .page-title,body.dark-mode.page-codeit.theme-material .page-title,html.dark-mode body.page-codeit.theme-dracula .page-title,body.dark-mode.page-codeit.theme-dracula .page-title,html.dark-mode body.page-codeit.theme-material .tab-content,body.dark-mode.page-codeit.theme-material .tab-content,html.dark-mode body.page-codeit.theme-dracula .tab-content,body.dark-mode.page-codeit.theme-dracula .tab-content,html.dark-mode body.page-codeit.theme-material .button-container,body.dark-mode.page-codeit.theme-material .button-container,html.dark-mode body.page-codeit.theme-dracula .button-container,body.dark-mode.page-codeit.theme-dracula .button-container,html.dark-mode body.page-codeit.theme-material .description-container,body.dark-mode.page-codeit.theme-material .description-container,html.dark-mode body.page-codeit.theme-dracula .description-container,body.dark-mode.page-codeit.theme-dracula .description-container{background:transparent!important;border-color:transparent!important;box-shadow:none!important}html.dark-mode body.page-codeit.theme-material #title-editor,body.dark-mode.page-codeit.theme-material #title-editor,html.dark-mode body.page-codeit.theme-material .title-editor,body.dark-mode.page-codeit.theme-material .title-editor,html.dark-mode body.page-codeit.theme-dracula #title-editor,body.dark-mode.page-codeit.theme-dracula #title-editor,html.dark-mode body.page-codeit.theme-dracula .title-editor,body.dark-mode.page-codeit.theme-dracula .title-editor{background:transparent!important;color:var(--dm-text)!important}button.pylint-gutter-icon{margin-left:10px!important}body.page-codeit .CodeMirror-hints,body.page-codeit .CodeMirror-hint,body.page-codeit #cm-complete-0 li,body.page-codeit div.cm-complete-list ul,body.page-codeit div.cm-complete-list li,body.page-codeit .hint-item,body.page-codeit .hint-main,body.page-codeit .hint-label{font-family:'Open Sans','Segoe UI',Arial,sans-serif!important;font-size:16px!important;font-weight:400!important;font-style:normal!important;line-height:1.4!important}body.page-codeit .hint-detail{font-family:'Open Sans','Segoe UI',Arial,sans-serif!important;font-size:12px!important;font-weight:400!important;font-style:normal!important;line-height:1.35!important}body.page-codeit .hint-info-toggle{font-family:'Open Sans','Segoe UI',Arial,sans-serif!important;font-weight:600!important;font-style:normal!important}html.dark-mode body.page-codeit .CodeMirror .cm-keyword,body.dark-mode.page-codeit .CodeMirror .cm-keyword,html.dark-mode body.page-codeit .CodeMirror .cm-operator,body.dark-mode.page-codeit .CodeMirror .cm-operator{color:#7dd3fc!important;font-weight:600!important}html.dark-mode body.page-codeit .CodeMirror .cm-property,body.dark-mode.page-codeit .CodeMirror .cm-property,html.dark-mode body.page-codeit .CodeMirror .cm-attribute,body.dark-mode.page-codeit .CodeMirror .cm-attribute,html.dark-mode body.page-codeit .CodeMirror .cm-tag,body.dark-mode.page-codeit .CodeMirror .cm-tag,html.dark-mode body.page-codeit .CodeMirror .cm-builtin,body.dark-mode.page-codeit .CodeMirror .cm-builtin{color:#93c5fd!important}