:root{--menu-bg:#f5f5f5;--menu-border:#ccc;--panel-bg:#fafafa;--canvas-bg:#fff;--grid-color:#e8e8e8;--accent:#2a7fff;--accent-hover:#1a6fef;--danger:#e53935;--wire-0:#333;--wire-1:#e53935;--text:#222;--text-secondary:#666;--selected-border:#2a7fff;--port-fill:#555;--port-hover:#2a7fff;--component-bg:#fff;--component-border:#333}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Roboto,sans-serif;font-size:14px;overflow:hidden}.app{flex-direction:column;width:100vw;height:100vh;display:flex}.menu-bar{background:var(--menu-bg);border-bottom:1px solid var(--menu-border);z-index:100;flex-shrink:0;align-items:center;height:36px;padding:0 4px;display:flex}.menu-item{cursor:pointer;-webkit-user-select:none;user-select:none;padding:6px 14px;font-size:14px;font-weight:500;position:relative}.menu-item:hover{background:#e0e0e0}.menu-dropdown{border:1px solid var(--menu-border);z-index:200;background:#fff;border-radius:4px;min-width:200px;position:absolute;top:100%;left:0;overflow:visible;box-shadow:0 4px 12px #00000026}.menu-dropdown-item{cursor:pointer;justify-content:space-between;align-items:center;padding:8px 16px;font-size:13px;display:flex}.menu-dropdown-item:hover{background:var(--accent);color:#fff}.menu-separator{background:#e0e0e0;height:1px;margin:2px 0}.submenu-container{position:relative}.submenu-dropdown{border:1px solid var(--menu-border);z-index:201;background:#fff;border-radius:4px;min-width:160px;position:absolute;top:0;left:100%;overflow:hidden;box-shadow:0 4px 12px #00000026}.workbook-title-area{align-items:center;gap:6px;margin-left:auto;padding:0 12px;display:flex}.workbook-title{color:#666;cursor:default;-webkit-user-select:none;user-select:none;font-size:13px;font-weight:400}.workbook-title-input{color:#333;border:1px solid var(--accent);background:#fff;border-radius:3px;outline:none;min-width:120px;padding:2px 6px;font-size:13px;font-weight:400}.workbook-close-btn{color:#888;cursor:pointer;-webkit-user-select:none;user-select:none;background:#e8e8e8;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;font-size:14px;line-height:1;display:inline-flex}.workbook-close-btn:hover{color:#444;background:#d0d0d0}.tab-bar{border-bottom:1px solid var(--menu-border);background:#e8e8e8;flex-shrink:0;align-items:flex-end;gap:2px;height:32px;padding:0 4px;display:flex;overflow-x:auto}.tab{cursor:pointer;border:1px solid var(--menu-border);white-space:nowrap;-webkit-user-select:none;user-select:none;background:#ddd;border-bottom:none;border-radius:4px 4px 0 0;align-items:center;gap:8px;padding:5px 16px;font-size:12px;display:flex}.tab.active{background:#fff;border-bottom:1px solid #fff;margin-bottom:-1px;font-weight:500}.tab .close-tab{color:#999;cursor:pointer;font-size:14px;line-height:1}.tab .close-tab:hover{color:var(--danger)}.tab-title{cursor:default}.tab-rename-input{border:1px solid var(--accent);border-radius:2px;outline:none;width:80px;padding:0 4px;font-family:inherit;font-size:12px}.tab-add-btn{cursor:pointer;color:#888;background:0 0;border:1px solid #0000;border-radius:4px 4px 0 0;align-self:flex-end;margin-bottom:0;margin-left:2px;padding:3px 10px;font-size:16px;font-weight:500;line-height:1}.tab-add-btn:hover{border-color:var(--menu-border);color:#333;background:#ddd}.simulation-toolbar{border-bottom:1px solid var(--menu-border);background:#f0f0f0;flex-shrink:0;align-items:center;gap:4px;height:36px;padding:0 8px;display:flex}.autosave-indicator{color:#999;white-space:nowrap;margin-left:auto;padding-right:4px;font-size:11px}.toolbar-btn{border:1px solid var(--menu-border);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-radius:4px;align-items:center;gap:4px;padding:4px 12px;font-family:inherit;font-size:12px;font-weight:500;transition:background .1s;display:flex}.toolbar-btn:disabled{opacity:.35;cursor:default;pointer-events:none}.toolbar-btn:hover{background:#e0e0e0}.toolbar-btn:active{background:#d0d0d0}.toolbar-btn-active{background:var(--accent);color:#fff;border-color:var(--accent)}.toolbar-btn-active:hover{background:var(--accent-hover)}.toolbar-btn-danger{color:var(--danger)}.toolbar-btn-danger:hover{background:#fde8e8}.toolbar-icon{font-size:10px}.toolbar-menu-label{color:#555;cursor:pointer;-webkit-user-select:none;user-select:none;padding:4px 8px;font-size:12px;font-weight:500}.toolbar-menu-label:hover{color:#222}.toolbar-dropdown-menu{border:1px solid var(--menu-border);z-index:200;background:#fff;border-radius:6px;min-width:180px;margin-top:4px;padding:4px 0;position:absolute;top:100%;left:0;box-shadow:0 4px 12px #0000001f}.toolbar-dropdown-item{cursor:pointer;color:#333;align-items:center;gap:6px;padding:6px 12px;font-size:12px;display:flex}.toolbar-dropdown-item:hover{background:#f0f4ff}.toolbar-dropdown-item.active{font-weight:600}.toolbar-dropdown-check{text-align:center;width:16px;color:var(--accent);font-size:12px}.toolbar-separator{background:var(--menu-border);width:1px;height:20px;margin:0 4px}.main-area{flex:1;display:flex;overflow:hidden}.canvas-and-timeline{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.canvas-and-timeline>.canvas-container{flex:1;min-height:0}.bottom-timeline-panel{border-top:1px solid var(--menu-border);background:var(--panel-bg);flex-direction:column;display:flex}.timeline-scroll-area{max-height:120px;overflow:auto hidden}.timeline-header-bar{text-transform:uppercase;letter-spacing:.4px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;border-top:1px solid var(--menu-border);align-items:center;padding:3px 8px;font-size:10px;font-weight:600;display:flex}.timeline-header-bar:hover{background:#f0f0f0}.component-library{background:var(--panel-bg);border-right:1px solid var(--menu-border);flex-direction:column;flex-shrink:0;gap:0;width:64px;padding:4px;display:flex;overflow-y:auto}.library-machine-label{color:#444;text-align:left;border-bottom:1px solid #d0d0d0;margin-bottom:2px;padding:5px 4px 4px;font-size:11px;font-weight:600;line-height:1.3}.library-section-title{text-transform:uppercase;color:#8b2020;letter-spacing:.5px;border-bottom:1px solid #e0e0e0;margin-top:4px;padding-bottom:2px;font-size:9px;font-weight:600}.library-item{cursor:grab;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:3px 2px;transition:border-color .15s,background .15s;display:flex}.library-item:hover{border-color:var(--accent);background:#e8f0fe}.library-item:active{cursor:grabbing}.library-item-selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent);background:#d0e2ff}.library-item svg{width:48px;height:32px}.library-item-label{color:var(--text-secondary);font-size:9px;font-weight:500;line-height:1}.canvas-container{background:var(--canvas-bg);flex:1;position:relative;overflow:hidden}.canvas-container svg{-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.circuit-component,.circuit-component *{cursor:move}.port-hit-area{cursor:crosshair!important}.canvas-container svg text{pointer-events:none;-webkit-user-select:none;user-select:none}.zoom-control{z-index:20;-webkit-user-select:none;user-select:none;background:#ffffffeb;border:1px solid #ccc;border-radius:6px;align-items:center;gap:2px;padding:3px 6px;display:flex;position:absolute;bottom:12px;right:12px;box-shadow:0 1px 4px #0000001f}.zoom-btn{color:#444;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:26px;height:26px;padding:0;font-size:16px;font-weight:600;line-height:1;display:flex}.zoom-btn:hover{background:#e8e8e8}.zoom-btn:active{background:#d4d4d4}.zoom-slider{appearance:none;cursor:pointer;background:#ccc;border-radius:2px;outline:none;width:80px;height:4px}.zoom-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#555;border:2px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 0 2px #0000004d}.zoom-slider::-moz-range-thumb{cursor:pointer;background:#555;border:2px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 0 2px #0000004d}.zoom-pct{color:#666;cursor:pointer;text-align:center;background:0 0;border:none;border-radius:3px;min-width:38px;padding:2px 4px;font-size:11px;font-weight:600}.zoom-pct:hover{color:#333;background:#e8e8e8}.data-table-panel{background:var(--panel-bg);border-left:1px solid var(--menu-border);flex-direction:row;flex-shrink:0;width:260px;display:flex;position:relative;overflow:visible}.panel-resize-handle{cursor:col-resize;z-index:20;flex-shrink:0;width:9px;position:absolute;top:0;bottom:0;left:-4px}.panel-resize-handle:after{content:"";background:#e8e8e8;border:1px solid #d0d0d0;border-radius:4px;width:6px;height:28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.panel-resize-handle:hover,.panel-resize-handle:active{background:#2a7fff14}.panel-resize-handle:hover:after,.panel-resize-handle:active:after{background:var(--accent)}.data-table-panel-inner{flex-direction:column;flex:1;display:flex;overflow:hidden}.table-header{border-bottom:1px solid var(--menu-border);flex-direction:column;gap:6px;padding:8px 10px;display:flex}.table-toggles{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.toggle-group{align-items:center;gap:2px;font-size:11px;font-weight:500;display:flex}.toggle-btn{border:1px solid var(--menu-border);cursor:pointer;background:#fff;border-radius:3px;padding:3px 10px;font-family:inherit;font-size:11px;transition:background .1s,color .1s}.toggle-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.action-btn{color:#333;cursor:pointer;background:#f8f8f8;border:1px solid #bbb;border-radius:4px;padding:4px 14px;font-family:inherit;font-size:12px;font-weight:600;transition:background .15s,border-color .15s,box-shadow .15s}.action-btn:hover:not(:disabled){background:#eee;border-color:#999;box-shadow:0 1px 3px #0000001a}.action-btn:active:not(:disabled){background:#e0e0e0}.action-btn:disabled{color:#ccc;cursor:default;background:#fafafa;border-color:#e0e0e0}.slide-selector{background:#f0f0f0;border-radius:8px;gap:0;padding:2px;display:inline-flex;position:relative}.slide-selector-thumb{pointer-events:none;background:#fff;border-radius:6px;transition:left .2s;position:absolute;top:2px;bottom:2px;box-shadow:0 1px 3px #0000001f}.slide-selector-opt{z-index:1;text-align:center;cursor:pointer;color:#888;background:0 0;border:none;border-radius:6px;width:52px;padding:3px 0;font-family:inherit;font-size:11px;font-weight:500;transition:color .2s;position:relative}.slide-selector-opt.active{color:#333}.slide-selector-wide .slide-selector-opt{width:90px;padding:3px 0}.data-table-content{flex:1;padding:0;overflow:auto}.table-section{border-bottom:1px solid #eee;padding:8px}.table-section-label{text-transform:uppercase;letter-spacing:.4px;color:var(--text-secondary);margin-bottom:4px;font-size:10px;font-weight:600}.question-rep-badge{float:right;text-transform:none;letter-spacing:0;color:#1565c0;background:#e3f2fd;border-radius:8px;padding:1px 8px;font-weight:500}.data-table{border-collapse:collapse;table-layout:fixed;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,sans-serif;font-size:12px}.data-table th,.data-table td{border:1px solid var(--menu-border);text-align:center;min-width:30px;padding:3px 6px}.data-table th{z-index:1;background:#eee;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,sans-serif;font-weight:600;position:sticky;top:0}.data-table td{background:#fff}.pod-toggle{color:#666;-webkit-user-select:none;user-select:none;width:12px;font-size:11px;line-height:1;display:inline-block}.data-table td.val-1{color:var(--wire-1);font-weight:600}.data-table tr.row-active td{background:#e3f2fd}.data-table tr.row-flash td{animation:.3s ease-out row-flash-anim}@keyframes row-flash-anim{0%{background:#90caf9}to{background:#e3f2fd}}.data-table .row-play-btn:hover{color:var(--accent)!important}.mono-value{font-family:SF Mono,Fira Code,Consolas,monospace}.sc-table{border-collapse:collapse;white-space:nowrap;font-size:11px}.sc-table thead tr{border-bottom:none!important}.sc-table thead+tbody tr:first-child td,.sc-table thead+tbody tr:first-child th{border-top:none!important}.sc-table th,.sc-table td{text-align:center;min-width:28px;padding:3px 6px}.sc-table th{color:#888;font-size:10px;font-weight:500}.sc-label-col{color:#666;text-align:left;min-width:36px;padding-left:6px;padding-right:12px;font-size:10px;font-weight:600;position:sticky;right:0;background:0 0!important;border:none!important}thead .sc-label-col{background:0 0!important;border:none!important}.sc-current-step{background:#4a90e214!important}.sc-input-row{border-bottom:none}.sc-output-row{border-top:1.5px solid #ccc}.sc-input-cell{cursor:text}.sc-input-field{outline:none;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:11px}.sc-input-field:focus{background:#4a90e21a!important}.sc-filler-col{min-width:28px;background:0 0!important;border:none!important;border-right:1px dotted #d0d0d0!important;padding:0!important}.modal-overlay{z-index:1000;background:#0000004d;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-dialog{background:#fff;border-radius:8px;width:90%;max-width:400px;padding:20px 24px;box-shadow:0 8px 30px #0003}.modal-title{margin-bottom:8px;font-size:16px;font-weight:600}.modal-body{color:var(--text-secondary);margin-bottom:16px;font-size:13px;line-height:1.5}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.modal-btn{border:1px solid var(--menu-border);cursor:pointer;background:#fff;border-radius:4px;padding:6px 16px;font-family:inherit;font-size:13px}.modal-btn:hover{background:#f0f0f0}.modal-btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.modal-btn-danger:hover{background:#c62828}.problem-banner{color:#2e7d32;background:#e8f5e9;border-bottom:1px solid #a5d6a7;padding:8px 16px;font-size:13px;font-style:italic}.validation-warnings{z-index:50;flex-direction:column;gap:4px;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.validation-warning{color:#e65100;white-space:nowrap;background:#fff3e0;border:1px solid #ffb74d;border-radius:4px;padding:4px 14px;font-size:11px;box-shadow:0 2px 8px #0000001a}.machine-type-selector{flex-direction:column;gap:4px;margin-bottom:2px;padding-bottom:6px;display:flex}.machine-type-dropdown{border:1px solid var(--menu-border);cursor:pointer;background:#fff;border-radius:3px;width:100%;padding:3px 4px;font-family:inherit;font-size:10px}.turbo-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;font-size:10px;display:flex}.turbo-toggle input[type=checkbox]{cursor:pointer;margin:0}.turbo-label{color:var(--text-secondary);font-weight:500}.text-format-toolbar{border:1px solid var(--menu-border);z-index:60;background:#fff;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;display:flex;position:absolute;top:4px;right:4px;box-shadow:0 2px 8px #0000001a}.text-format-select{border:1px solid var(--menu-border);cursor:pointer;border-radius:3px;padding:2px 4px;font-family:inherit;font-size:11px}.text-format-color{border:1px solid var(--menu-border);cursor:pointer;background:0 0;border-radius:3px;width:22px;height:22px;padding:0}.text-format-btn{border:1px solid var(--menu-border);cursor:pointer;text-align:center;background:#fff;border-radius:3px;min-width:24px;padding:2px 6px;font-family:inherit;font-size:12px;font-weight:600}.text-format-btn:hover{background:#f0f0f0}.text-format-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.ready-to-box-btn{align-items:center;display:flex}.welcome-screen{background:#f5f5f5;justify-content:center;align-items:center;height:100vh;display:flex}.welcome-card{text-align:center;background:#fff;border-radius:12px;padding:48px 56px;box-shadow:0 2px 12px #00000014}.welcome-title{color:#1a1a1a;margin:0 0 8px;font-size:28px;font-weight:700}.welcome-subtitle{color:#888;margin:0 0 32px;font-size:14px}.welcome-actions{justify-content:center;gap:12px;display:flex}.welcome-btn{cursor:pointer;border:1px solid #0000;border-radius:6px;padding:10px 24px;font-size:14px;font-weight:500;transition:background .15s,border-color .15s}.welcome-btn-primary{color:#fff;background:#1a1a1a}.welcome-btn-primary:hover{background:#333}.welcome-btn-secondary{color:#1a1a1a;background:#fff;border-color:#ccc}.welcome-btn-secondary:hover{background:#f0f0f0}.home-card{text-align:center;background:#fff;border-radius:12px;width:min(720px,90vw);max-height:90vh;padding:40px 48px;overflow-y:auto;box-shadow:0 2px 12px #00000014}.home-section{text-align:left;margin-top:28px}.home-section-title{text-transform:uppercase;letter-spacing:.04em;color:#999;margin:0 0 12px;font-size:13px;font-weight:600}.home-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.home-tile{cursor:pointer;text-align:left;background:#fff;border:1px solid #e0e0e0;border-radius:8px;flex-direction:column;align-items:flex-start;gap:4px;padding:16px;transition:border-color .15s,box-shadow .15s;display:flex}.home-tile:hover{border-color:#1565c0;box-shadow:0 2px 8px #1565c01f}.home-tile-title{color:#1a1a1a;font-size:15px;font-weight:600}.home-tile-meta{color:#888;font-size:12px}.home-empty{color:#aaa;margin:0;font-size:13px}.home-list{flex-direction:column;gap:10px;display:flex}.home-list-item{background:#fff;border:1px solid #e0e0e0;border-radius:8px;align-items:center;gap:10px;padding-right:12px;transition:border-color .15s,box-shadow .15s;display:flex}.home-list-item:hover{border-color:#1565c0;box-shadow:0 2px 8px #1565c01f}.home-list-main{text-align:left;min-width:0;font:inherit;cursor:pointer;background:0 0;border:none;flex:1;align-items:baseline;gap:10px;padding:14px 16px;display:flex}.home-list-title{color:#1a1a1a;font-size:14px;font-weight:600}.home-list-meta{color:#888;white-space:nowrap;font-size:12px}.home-list-item .home-tile-status{white-space:nowrap}.home-due{white-space:nowrap;font-size:12px;font-weight:600}.home-due--due-later{color:#2e7d32}.home-due--due-soon{color:#b8860b}.home-due--overdue{color:#c62828}.home-late{color:#c62828;font-weight:600}.home-tile-footer{background:#fafafa;border-top:1px solid #eee;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.home-tile-status{color:#999;font-size:11px}.home-tile-status--done{color:#2e7d32;font-weight:600}.home-tile-submit{color:#fff;cursor:pointer;background:#1565c0;border:none;border-radius:5px;flex-shrink:0;padding:5px 12px;font-size:12px;font-weight:600}.home-tile-submit:hover{background:#0d47a1}.menu-submit{color:#2e7d32;margin-left:auto;font-weight:600}.menu-submit:hover{background:#e8f5e9}.instructor-app{background:var(--canvas-bg);flex-direction:column;width:100vw;height:100vh;display:flex}.instructor-header{background:var(--menu-bg);border-bottom:1px solid var(--menu-border);flex-shrink:0;justify-content:space-between;align-items:center;height:44px;padding:0 16px;display:flex}.instructor-header-title{color:var(--text);cursor:pointer;background:0 0;border:none;font-size:15px;font-weight:600}.instructor-header-exit{border:1px solid var(--menu-border);cursor:pointer;color:var(--text-secondary);background:#fff;border-radius:5px;padding:5px 12px;font-size:13px}.instructor-header-exit:hover{color:var(--text);border-color:#999}.instructor-content{flex:1;padding:24px 32px;overflow:auto}.instructor-unlock{background:var(--panel-bg);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.instructor-unlock-card{border:1px solid var(--menu-border);text-align:center;background:#fff;border-radius:10px;max-width:440px;padding:32px}.instructor-unlock-title{margin-bottom:12px;font-size:22px}.instructor-unlock-text{color:var(--text-secondary);margin-bottom:20px;line-height:1.5}.instructor-unlock-button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-size:15px;font-weight:600}.instructor-unlock-button:hover{background:var(--accent-hover)}.instructor-page-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.instructor-page-head-actions{align-items:center;gap:8px;display:flex}.instructor-release{color:var(--text-dim,#666);align-items:center;gap:10px;margin-left:auto;font-size:13px;display:flex}.instructor-page-title{font-size:20px}.instructor-section-title{font-size:18px}.instructor-subhead{color:var(--text);font-size:15px}.instructor-section-head{justify-content:space-between;align-items:center;margin:20px 0 10px;display:flex}.instructor-empty{color:var(--text-secondary);padding:16px 0}.instructor-error{padding:24px}.instructor-error p{margin-bottom:12px}.instructor-count{color:var(--text-secondary);font-size:13px}.instructor-hint{color:var(--text-secondary);margin:0 0 10px;font-size:13px;font-style:italic}.instructor-btn{border:1px solid var(--menu-border);cursor:pointer;color:var(--text);background:#fff;border-radius:5px;padding:5px 11px;font-size:13px}.instructor-btn:hover:not(:disabled){border-color:#999}.instructor-btn:disabled{opacity:.4;cursor:default}.instructor-btn--primary{background:var(--accent);color:#fff;border-color:var(--accent)}.instructor-btn--primary:hover:not(:disabled){background:var(--accent-hover)}.instructor-btn--danger{color:var(--danger)}.instructor-btn--danger:hover:not(:disabled){border-color:var(--danger)}.instructor-btn--icon{min-width:28px;padding:4px 8px}.instructor-link{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px}.instructor-table{border-collapse:collapse;width:100%;font-size:14px}.instructor-table th,.instructor-table td{text-align:left;border-bottom:1px solid #eee;padding:9px 10px}.instructor-table th{color:var(--text-secondary);text-transform:uppercase;font-size:12px;font-weight:600}.instructor-table-actions{flex-wrap:wrap;gap:6px;display:flex}.instructor-table-actions-head{text-align:right}.instructor-asg-title{margin-right:8px;font-weight:500}.instructor-badge{vertical-align:middle;border-radius:10px;padding:1px 7px;font-size:11px;display:inline-block}.instructor-badge--custom{color:var(--accent);background:#e7f0ff}.instructor-badge--bundled{color:var(--text-secondary);background:#eee}.instructor-badge--mode{color:#5b3dc4;background:#ece7ff;margin:0 8px}.instructor-field{margin-bottom:16px;display:block}.instructor-field-label{color:var(--text-secondary);margin-bottom:4px;font-size:13px;display:block}.instructor-input{border:1px solid var(--menu-border);border-radius:5px;padding:6px 9px;font-family:inherit;font-size:14px}.instructor-input:focus{border-color:var(--accent);outline:none}.instructor-title-input{width:100%;max-width:480px;font-size:16px}.instructor-input--name{width:90px}.instructor-input--num{width:54px}.instructor-expand-caret{color:var(--text-secondary);margin-right:2px;font-size:10px}.instructor-latest-tag{color:var(--text-secondary);font-size:11px}.instructor-late{color:#c62828;font-size:11px;font-weight:600}.instructor-attempt-table{margin:6px 0}.instructor-attempt-table th{font-size:11px}.instructor-input--formula{width:260px;font-family:ui-monospace,Menlo,monospace}.instructor-textarea{border:1px solid var(--menu-border);resize:vertical;border-radius:5px;width:100%;max-width:640px;padding:8px 10px;font-family:inherit;font-size:14px}.instructor-inline-field{color:var(--text-secondary);align-items:center;gap:5px;font-size:13px;display:inline-flex}.instructor-question-list{list-style:none}.instructor-question-row{border:1px solid #eee;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:10px 12px;display:flex}.instructor-question-main{flex-wrap:wrap;align-items:center;gap:4px;min-width:0;display:flex}.instructor-question-label{font-weight:600}.instructor-question-summary{color:var(--text-secondary);font-family:ui-monospace,Menlo,monospace;font-size:13px}.instructor-question-actions{flex-shrink:0;gap:6px;display:flex}.instructor-creator{max-width:880px}.instructor-creator-section{border-top:1px solid #eee;padding:16px 0}.instructor-creator-foot{border-top:1px solid #eee;justify-content:flex-end;gap:10px;padding-top:16px;display:flex}.instructor-mode-group{gap:10px;margin:16px 0;display:flex}.instructor-mode-btn{border:1px solid var(--menu-border);cursor:pointer;background:#fff;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:16px 24px;font-size:16px;font-weight:600;display:flex}.instructor-mode-btn:hover:not(:disabled){border-color:var(--accent)}.instructor-mode-btn:disabled{opacity:.45;cursor:default}.instructor-mode-soon{color:var(--text-secondary);text-transform:uppercase;font-size:10px;font-weight:400}.instructor-group-row{align-items:center;gap:10px;margin-bottom:8px;display:flex}.instructor-group-block{border:1px solid #eee;border-radius:6px;margin-bottom:10px;padding:10px}.instructor-formula-row{align-items:center;gap:12px;margin-top:8px;display:flex}.instructor-formula-field{color:var(--text);font-family:ui-monospace,Menlo,monospace}.instructor-formula-error{color:var(--danger);font-size:13px}.instructor-encoding-toggle{border:1px solid var(--menu-border);border-radius:5px;display:inline-flex;overflow:hidden}.instructor-encoding-btn{cursor:pointer;color:var(--text-secondary);background:#fff;border:none;padding:5px 10px;font-size:12px}.instructor-encoding-btn--active{background:var(--accent);color:#fff}.instructor-preview-table{border-collapse:collapse;margin-top:8px;font-size:13px}.instructor-preview-table th,.instructor-preview-table td{text-align:center;border:1px solid #eee;padding:4px 10px}.instructor-preview-table th{background:var(--panel-bg)}.instructor-preview-bits,.instructor-bits{font-family:ui-monospace,Menlo,monospace}.instructor-int{color:var(--text-secondary);margin-left:5px}.instructor-preview-elision td{color:var(--text-secondary);font-style:italic}.instructor-preview-errors{color:var(--danger);padding-left:18px}.instructor-preview-warning{color:var(--danger)}.instructor-probe{flex-wrap:wrap;align-items:center;gap:14px;margin-top:8px;display:flex}.instructor-probe-inputs,.instructor-probe-outputs{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.instructor-probe-field{align-items:center;gap:6px;font-size:13px;display:inline-flex}.instructor-probe-name{color:var(--text-secondary);font-family:ui-monospace,Menlo,monospace}.instructor-probe-arrow{color:var(--text-secondary);font-size:16px}.instructor-probe-out{font-size:13px}.instructor-stats{background:var(--panel-bg);border-radius:8px;flex-wrap:wrap;gap:24px;margin-bottom:20px;padding:14px 16px;display:flex}.instructor-stat{flex-direction:column;display:flex}.instructor-stat-value{font-size:20px;font-weight:700}.instructor-stat-label{color:var(--text-secondary);font-size:12px}.instructor-submission-row{cursor:pointer}.instructor-submission-row:hover{background:var(--panel-bg)}.instructor-pass{color:#2e7d32;font-weight:700}.instructor-fail{color:var(--danger);font-weight:700}.instructor-pending{color:#b07d1a;font-weight:700}.instructor-open-response{white-space:pre-wrap;background:#fdf8ee;border-left:3px solid #b07d1a;max-width:680px;margin:6px 0 0;padding:8px 12px;font-size:13px;line-height:1.55}.instructor-open-response--empty{color:var(--text-secondary);background:#f7f7f7;border-left-color:#ccc;font-style:italic}.instructor-review{max-width:680px;margin-top:8px}.instructor-review-verdict{margin:0 0 6px;font-size:13px}.instructor-review-when{color:var(--text-secondary);font-size:12px;font-weight:400}.instructor-review-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.instructor-review-note{border:1px solid #ccc;border-radius:4px;flex:1;min-width:200px;padding:5px 8px;font-size:13px}.instructor-review-btn{white-space:nowrap}.instructor-detail{padding:10px 4px}.instructor-detail-q{margin-bottom:12px;font-size:13px}.instructor-detail-table{border-collapse:collapse;margin-top:6px;font-size:12px}.instructor-detail-table th,.instructor-detail-table td{text-align:center;border:1px solid #eee;padding:3px 10px}.instructor-head-actions{align-items:center;gap:8px;display:flex}.login-screen{background:var(--panel-bg);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.login-card{border:1px solid var(--menu-border);text-align:center;background:#fff;border-radius:10px;width:420px;max-width:90vw;padding:32px}.login-title{margin-bottom:6px;font-size:24px}.login-text{color:var(--text-secondary);margin-bottom:20px}.login-accounts{flex-direction:column;gap:10px;display:flex}.login-account{border:1px solid var(--menu-border);cursor:pointer;text-align:left;background:#fff;border-radius:8px;grid-template-columns:1fr auto;grid-template-areas:"name role""email role";align-items:center;gap:2px 10px;padding:12px 16px;display:grid}.login-account:hover{border-color:var(--accent);background:#fafbff}.login-account-name{color:var(--text);grid-area:name;font-size:15px;font-weight:600}.login-account-email{color:var(--text-secondary);grid-area:email;font-size:12px}.login-account-role{border-radius:999px;grid-area:role;padding:3px 10px;font-size:12px;font-weight:600}.login-account-role--student{color:#1565c0;background:#e3f2fd}.login-account-role--instructor{color:#5e35b1;background:#ede7f6}.login-form{gap:8px;display:flex}.login-email{border:1px solid var(--menu-border);border-radius:6px;flex:1;padding:9px 12px;font-size:14px}.login-email:focus{border-color:var(--accent);outline:none}.login-submit{color:#fff;background:var(--accent);cursor:pointer;border:none;border-radius:6px;padding:9px 16px;font-size:14px;font-weight:600}.login-submit:disabled{opacity:.55;cursor:default}.login-error{color:#c62828;margin-top:12px;font-size:13px}.session-chip{color:var(--text-secondary);border:1px solid var(--menu-border);white-space:nowrap;background:#fff;border-radius:999px;padding:4px 10px;font-size:13px}.menu-link-button{border:1px solid var(--menu-border);cursor:pointer;color:var(--text-secondary);background:#fff;border-radius:5px;padding:4px 12px;font-size:13px;font-weight:500}.menu-link-button:hover{color:var(--text);border-color:#999}.menu-right{align-items:center;gap:8px;margin-left:auto;padding:0 8px;display:flex}.menu-submit+.menu-right{margin-left:8px}.instructor-header-actions{align-items:center;gap:8px;display:flex}.home-session{justify-content:flex-end;align-items:center;gap:8px;margin-bottom:8px;display:flex}.assignment-overview-list{flex-direction:column;gap:10px;display:flex}.assignment-overview-item{cursor:pointer;text-align:left;font:inherit;background:#fff;border:1px solid #e0e0e0;border-radius:8px;grid-template-columns:auto auto 1fr;align-items:baseline;gap:10px;padding:14px 16px;transition:border-color .15s,box-shadow .15s;display:grid}.assignment-overview-item:hover{border-color:#1565c0;box-shadow:0 2px 8px #1565c01f}.assignment-overview-label{color:#1a1a1a;white-space:nowrap;font-size:14px;font-weight:600}.assignment-overview-mode{letter-spacing:.04em;color:#1565c0;white-space:nowrap;background:#e3f0fd;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.assignment-overview-statement{color:#777;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.tab-bar.question-nav{align-items:center;gap:10px;padding:0 8px}.question-nav-back{color:#1565c0;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:4px 6px;font-size:12px;font-weight:500}.question-nav-back:hover{text-decoration:underline}.question-nav-label{color:#333;white-space:nowrap;font-size:12px;font-weight:600}.question-nav-count{color:#999;font-weight:400}.question-nav-arrows{gap:4px;display:flex}.question-nav-btn{cursor:pointer;color:#333;background:#fff;border:1px solid #ccc;border-radius:4px;padding:4px 10px;font-size:13px;line-height:1}.question-nav-btn:hover:not(:disabled){color:#1565c0;border-color:#1565c0}.question-nav-btn:disabled{color:#ccc;cursor:default}.question-statement{color:#444;white-space:pre-wrap;margin:0;padding:8px 10px;font-size:12px;line-height:1.5}.arena-grid{background:#fff;border:2px solid #555;gap:0;width:fit-content;display:grid}.arena-cell{box-sizing:border-box;border:1px solid #ddd;justify-content:center;align-items:center;display:flex;position:relative}.arena-cell--block{background:#9e9e9e}.arena-cell--clickable{cursor:pointer}.arena-cell--clickable:hover{outline-offset:-2px;z-index:1;outline:2px solid #1565c0}.arena-goal{background:#2e7d32;border-radius:50%;width:55%;height:55%}.arena-turbot{fill:#c73535;position:absolute;inset:12%}.instructor-arena-size{gap:12px;margin-bottom:8px;display:flex}.instructor-criterion-row{align-items:center;gap:12px;display:flex}.turbot-map-row{flex-wrap:wrap;align-items:flex-start;display:flex}.turbot-map-col{flex:none;max-width:100%}.turbot-arena-scroll{max-height:340px;padding:8px;overflow:auto}.turbot-arena-controls{gap:6px;padding:2px 8px 4px;display:flex}.map-edit-toggle{text-transform:uppercase;letter-spacing:.4px;color:#555;cursor:pointer;background:#f8f8f8;border:1px solid #bbb;border-radius:8px;margin-left:8px;padding:1px 8px;font-family:inherit;font-size:9px;font-weight:600}.map-edit-toggle:hover{background:#eee;border-color:#999}.action-btn.map-tool-active,.action-btn.map-tool-active:hover:not(:disabled){color:#fff;background:#1565c0;border-color:#1565c0}.map-size-input{border:1px solid #ccc;border-radius:3px;width:44px;padding:1px 3px;font-family:inherit;font-size:10px}.turbot-arena-status{color:#666;flex-wrap:wrap;gap:10px;padding:0 8px 6px;font-family:SF Mono,Fira Code,monospace;font-size:10px;display:flex}.turbot-arena-stop{color:#e53935;font-weight:600}.turbot-glossary{flex:220px;padding:8px}.turbot-glossary-group+.turbot-glossary-group{margin-top:8px}.turbot-glossary-title{color:#555;margin:4px 0 2px;font-size:10px;font-weight:600}.turbot-glossary-cols{gap:18px;display:flex}.turbot-glossary-head{color:#888;text-transform:uppercase;letter-spacing:.03em;margin:2px 0;font-size:10px;font-weight:600}.turbot-glossary-line{color:#444;white-space:nowrap;font-family:SF Mono,Fira Code,monospace;font-size:10px;line-height:1.6}.open-response{background:var(--panel-bg);flex:1;justify-content:center;padding:32px 24px;display:flex;overflow-y:auto}.open-response-card{background:#fff;border:1px solid #e0e0e0;border-radius:10px;flex-direction:column;align-self:flex-start;gap:12px;width:100%;max-width:720px;padding:24px 28px;display:flex}.open-response-head{align-items:baseline;gap:10px;display:flex}.open-response-label{font-size:18px;font-weight:600}.open-response-mode{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);background:#f0f0f0;border-radius:4px;padding:2px 7px;font-size:11px;font-weight:600}.open-response-statement{color:var(--text);white-space:pre-wrap;font-size:14px;line-height:1.55}.open-response-textarea{color:var(--text);resize:vertical;border:1px solid #ccc;border-radius:6px;outline:none;min-height:260px;padding:12px 14px;font-family:inherit;font-size:14px;line-height:1.6}.open-response-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px #2a7fff26}.open-response-foot{color:var(--text-secondary);justify-content:space-between;font-size:12px;display:flex}