.code-actions{display:flex;align-items:center;gap:.5rem}.code-action-button{padding:.5rem;color:#6b7280;border-radius:.5rem;transition:color .2s,background-color .2s;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.code-action-button:hover{color:#2563eb;background-color:#eff6ff}.code-action-button-icon{width:1rem;height:1rem}.run-button{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;background-color:#16a34a;color:#ffffff;border-radius:.5rem;transition:background-color .2s;border:none;cursor:pointer}.run-button:hover:not(:disabled){background-color:#15803d}.run-button:disabled{opacity:.5;cursor:not-allowed}.run-button-icon{width:.75rem;height:.75rem}.run-button-text{font-size:.75rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:50}.modal-content{background-color:#ffffff;border-radius:.5rem;box-shadow:0 20px 25px -5px rgb(0 0 0/.1),0 10px 10px -5px rgb(0 0 0/.04);max-width:42rem;width:100%;margin:1rem}.modal-header{padding:1rem;border-bottom:1px solid #e5e7eb}.modal-title{font-size:1.125rem;font-weight:600}.modal-description{font-size:.875rem;color:#4b5563;margin-top:.25rem}.modal-body{padding:1rem}.modal-textarea{width:100%;height:16rem;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-family:Fira Code,JetBrains Mono,SF Mono,Consolas,monospace;font-size:.875rem;line-height:1.4;resize:vertical}.modal-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.modal-footer{padding:1rem;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:.5rem}.modal-button{padding:.5rem 1rem;border-radius:.5rem;transition:background-color .2s;border:none;cursor:pointer}.modal-button-cancel{color:#4b5563;border:1px solid #d1d5db;background-color:#ffffff}.modal-button-cancel:hover{background-color:#f9fafb}.sidebar-category{margin-bottom:var(--space-3)}.category-button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);border-radius:var(--radius-2);transition:all .2s ease;box-shadow:var(--shadow-1);background:var(--color-surface);border:1px solid var(--gray-6);border-left:1px solid;cursor:pointer;color:var(--gray-12)}.category-button:hover{background:var(--gray-3);transform:translateY(-1px);box-shadow:var(--shadow-2)}.category-button-content{display:flex;align-items:center;gap:var(--space-2)}.category-name{font-weight:var(--font-weight-bold);font-size:var(--font-size-2);letter-spacing:.025em}.category-count{font-size:var(--font-size-1);padding:var(--space-1) var(--space-2);background:var(--orange-3);color:var(--orange-11);border-radius:var(--radius-4);font-weight:var(--font-weight-medium)}.category-icons{display:flex;align-items:center;gap:var(--space-2)}.chevron-icon{width:1rem;height:1rem;transition:transform .2s ease;color:var(--gray-9)}.blocks-grid{margin-top:var(--space-3);padding:0 var(--space-1);display:grid;gap:var(--space-2);grid-auto-rows:minmax(36px,auto)}.category-logic .category-button{background:#dbeafe;color:#1d4ed8;border-left-color:#3b82f6}.category-loops .category-button{background:#dcfce7;color:#15803d;border-left-color:#22c55e}.category-math .category-button{background:#f3e8ff;color:#7c3aed;border-left-color:#8b5cf6}.category-text .category-button{background:#fef3c7;color:#a16207;border-left-color:#eab308}.category-lists .category-button{background:#fee2e2;color:#b91c1c;border-left-color:#ef4444}.dark .category-button{background:var(--gray-3);border-color:var(--gray-7);color:var(--gray-11)}.dark .category-button:hover{background:var(--gray-4)}.dark .category-count{background:var(--orange-4);color:var(--orange-11)}.dark .chevron-icon{color:var(--gray-8)}.dark .category-logic .category-button{background:rgba(59,130,246,.1);color:#93c5fd;border-left-color:#3b82f6}.dark .category-loops .category-button{background:rgba(34,197,94,.1);color:#86efac;border-left-color:#22c55e}.dark .category-math .category-button{background:rgba(139,92,246,.1);color:#c4b5fd;border-left-color:#8b5cf6}.dark .category-text .category-button{background:rgba(234,179,8,.1);color:#fcd34d;border-left-color:#eab308}.dark .category-lists .category-button{background:rgba(239,68,68,.1);color:#fca5a5;border-left-color:#ef4444}@media (max-width:768px){.category-button{padding:var(--space-2)}.category-name{font-size:var(--font-size-1)}.blocks-grid{gap:var(--space-1)}}.code-display-container{background-color:#111827;color:#f3f4f6;font-family:Fira Code,JetBrains Mono,SF Mono,Consolas,monospace;padding:1rem;font-size:.875rem;overflow:auto;flex-shrink:0}.code-display-textarea{width:100%;height:100%;background:transparent;resize:none;border:none;outline:none;color:inherit;font-family:inherit;font-size:inherit;line-height:1.6;tab-size:4}.output-display-container{flex:1;display:flex;flex-direction:column;min-height:0}.output-display-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;flex-shrink:0}.output-display-title{font-size:.75rem;color:#4b5563;font-weight:600}.output-clear-button{font-size:.75rem;color:#6b7280;padding:.25rem .5rem;border-radius:.25rem;transition:color .2s,background-color .2s;background:none;border:none;cursor:pointer}.output-clear-button:hover{color:#374151;background-color:#e5e7eb}.output-display-content{flex:1;background-color:#111827;color:#4ade80;font-family:Fira Code,JetBrains Mono,SF Mono,Consolas,monospace;font-size:.75rem;padding:.75rem;overflow:auto}.output-pre{white-space:pre-wrap;margin:0}.output-placeholder{color:#6b7280}.blockly-sidebar{background:var(--color-panel-solid);border-right:1px solid var(--gray-6);height:100%;display:flex;flex-direction:column;position:relative;min-width:200px;max-width:400px;transition:all .2s ease}.blockly-sidebar-header{padding:var(--space-4);border-bottom:1px solid var(--gray-6);background:var(--color-surface);position:sticky;top:0;z-index:10}.blockly-sidebar-title{font-size:var(--font-size-4);font-weight:var(--font-weight-bold);color:var(--gray-12);margin:0;text-align:center}.blockly-sidebar-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-2);scrollbar-width:thin;scrollbar-color:var(--gray-8) var(--gray-3)}.blockly-sidebar-content::-webkit-scrollbar{width:8px}.blockly-sidebar-content::-webkit-scrollbar-track{background:var(--gray-3);border-radius:var(--radius-1)}.blockly-sidebar-content::-webkit-scrollbar-thumb{background:var(--gray-8);border-radius:var(--radius-1);transition:background .2s ease}.blockly-sidebar-content::-webkit-scrollbar-thumb:hover{background:var(--gray-9)}.dark .blockly-sidebar{background:var(--gray-2);border-right-color:var(--gray-7)}.dark .blockly-sidebar-header{background:var(--gray-3);border-bottom-color:var(--gray-7)}.dark .blockly-sidebar-title{color:var(--gray-11)}.dark .blockly-sidebar-content::-webkit-scrollbar-track{background:var(--gray-4)}.dark .blockly-sidebar-content::-webkit-scrollbar-thumb{background:var(--gray-7)}.dark .blockly-sidebar-content::-webkit-scrollbar-thumb:hover{background:var(--gray-6)}.sidebar{background:var(--color-panel-solid);border-right:1px solid var(--gray-6);height:100%;overflow-y:auto;padding-top:var(--space-4);box-shadow:var(--shadow-1);flex-shrink:0;transition:all .2s ease}.sidebar-header{padding:0 var(--space-4) var(--space-3) var(--space-4);font-size:var(--font-size-4);font-weight:var(--font-weight-bold);color:var(--gray-12)}.sidebar-header-span{margin-left:var(--space-2);font-size:var(--font-size-1);color:var(--gray-9);font-weight:var(--font-weight-regular)}.sidebar-nav{padding:0 var(--space-2) var(--space-4) var(--space-2)}.dark .sidebar{background:var(--gray-2);border-right-color:var(--gray-7)}.dark .sidebar-header{color:var(--gray-11)}.dark .sidebar-header-span{color:var(--gray-8)}@media (max-width:768px){.blockly-sidebar{min-width:180px}.blockly-sidebar-header{padding:var(--space-3)}.blockly-sidebar-title{font-size:var(--font-size-3)}}@media (max-width:480px){.blockly-sidebar{min-width:160px}.blockly-sidebar-header{padding:var(--space-2)}.blockly-sidebar-title{font-size:var(--font-size-2)}}.workspace-container{display:flex;flex:1;height:100%}.blockly-workspace{position:relative;height:100%;flex-shrink:0}.blockly-workspace-inner{width:100%;height:100%}.blockly-placeholder,.blockly-workspace-inner{position:absolute;top:0;right:0;bottom:0;left:0}.blockly-placeholder{display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:10}.blockly-placeholder-content{text-align:center;padding:2rem;background-color:rgba(255,255,255,.7);backdrop-filter:blur(4px);border-radius:.75rem;box-shadow:0 10px 15px -3px rgb(0 0 0/.1),0 4px 6px -2px rgb(0 0 0/.05);border:1px solid #e5e7eb}.blockly-placeholder-icon{width:4rem;height:4rem;margin:0 auto 1rem;background:linear-gradient(to bottom right,#3b82f6,#9333ea);border-radius:9999px;display:flex;align-items:center;justify-content:center}.blockly-placeholder-icon svg{width:2rem;height:2rem;color:#ffffff}.blockly-placeholder-title{font-size:1.125rem;font-weight:600;color:#111827;margin-bottom:.5rem}.blockly-placeholder-description{color:#4b5563;max-width:24rem}.code-panel{flex:1;background-color:#ffffff;box-shadow:0 20px 25px -5px rgb(0 0 0/.1),0 10px 10px -5px rgb(0 0 0/.04);display:flex;flex-direction:column}.code-panel-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #e5e7eb;flex-shrink:0}.code-panel-title{font-size:.875rem;color:#4b5563;font-weight:600}.main-layout{display:flex;flex-direction:column;height:100vh;color:var(--gray-12);transition:all .2s ease}.dark .main-layout,.main-layout{background:var(--color-background)}.schools-container{width:100vw;height:100vh;overflow:hidden;background:var(--gray-1)}.schools-main-content{width:100%;height:100vh;display:flex;flex-direction:row}.schools-sidebar{width:240px;min-width:240px;height:100vh;padding:1.5rem 1rem;border-right:1px solid var(--gray-6);background:var(--color-surface);box-shadow:2px 0 4px rgba(0,0,0,.05);z-index:10}.schools-content{flex:1;width:calc(100% - 240px);height:100vh;overflow:hidden;display:flex;flex-direction:column}.schools-header{padding:1.5rem 2rem 1rem;border-bottom:1px solid var(--gray-6);background:var(--color-surface);box-shadow:0 1px 3px rgba(0,0,0,.05)}.schools-title{color:var(--gray-12);margin-bottom:.5rem;display:block}.schools-description{color:var(--gray-10);display:block}.schools-editor-container{flex:1;width:100%;height:calc(100vh - 140px);overflow:hidden}.schools-nav-button{width:100%;min-height:100px;padding:1rem;justify-content:center;transition:all .3s ease;border-radius:var(--radius-3);position:relative;overflow:hidden}.schools-nav-button:not(.active){background:var(--color-surface);border:2px solid var(--gray-6);color:var(--gray-11)}.schools-nav-button.active{background:linear-gradient(135deg,var(--accent-9),var(--accent-10));border:2px solid var(--accent-9);color:white;box-shadow:0 4px 12px rgba(251,146,60,.3)}.schools-nav-button:hover:not(.active){background:var(--accent-2);border-color:var(--accent-7);color:var(--accent-11);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.schools-nav-button:active{transform:translateY(0)}.schools-sidebar-header{text-align:center;padding-bottom:1rem;border-bottom:1px solid var(--gray-6);margin-bottom:1rem}.schools-sidebar-title{color:var(--gray-12);margin-bottom:.5rem;display:block}.schools-sidebar-subtitle{color:var(--gray-10);display:block}.schools-sidebar-nav{flex:1}.schools-theme{width:100vw;height:100vh;overflow:hidden}.dark .schools-container{background:var(--gray-2)}.dark .schools-sidebar{background:var(--gray-3);border-right-color:var(--gray-7)}.dark .schools-header{background:var(--gray-3);border-bottom-color:var(--gray-7)}.dark .schools-nav-button:not(.active){background:var(--gray-2);border-color:var(--gray-7);color:var(--gray-11)}.dark .schools-nav-button:hover:not(.active){background:var(--accent-3);border-color:var(--accent-7)}.dark .schools-sidebar-header{border-bottom-color:var(--gray-7)}@media (max-width:1024px){.schools-sidebar{width:200px;min-width:200px}.schools-content{width:calc(100% - 200px)}.schools-nav-button{min-height:80px;padding:.75rem}}@media (max-width:768px){.schools-main-content{flex-direction:column}.schools-sidebar{width:100%;min-width:unset;height:auto;border-right:none;border-bottom:1px solid var(--gray-6);padding:1rem}.schools-content{width:100%;height:calc(100vh - 200px)}.schools-sidebar-nav{flex-direction:row;gap:1rem}.schools-nav-button{min-height:60px;flex:1}.schools-editor-container{height:calc(100vh - 280px)}.schools-header{padding:1rem}}@media (max-width:480px){.schools-sidebar{padding:.75rem}.schools-nav-button{min-height:50px;padding:.5rem}.schools-header{padding:.75rem}}