.create-classroom-form-container{background:0 0;border:none;border-radius:0;width:100%;margin:0;padding:1.4rem}.create-classroom-form-overlay{z-index:1200;background:#0f0f1473;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.create-classroom-form-overlay>.create-classroom-form-container{background:var(--rockae-surface);border:1px solid var(--rockae-border);border-radius:10px;width:min(520px,100%);max-height:min(90vh,720px);position:relative;overflow:auto;box-shadow:0 12px 40px #0000002e}.create-classroom-form-heading{color:var(--rockae-ink-strong);margin:0 0 1rem;font-size:1.1rem;font-weight:650}.create-classroom-form-header{border-bottom:1px solid var(--rockae-border);justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.1rem;padding-bottom:.7rem;display:flex}.create-classroom-form-title{color:var(--rockae-ink-strong);margin:0;font-size:1.05rem;font-weight:650}.create-classroom-form-close-btn{border:1px solid var(--rockae-border);cursor:pointer;width:32px;height:32px;color:var(--rockae-ink-strong);background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .15s,border-color .15s;display:inline-flex}.create-classroom-form-close-btn:hover:not(:disabled){background:var(--background-color,var(--rockae-canvas));border-color:color-mix(in srgb, var(--rockae-ink-strong) 30%, var(--rockae-border));color:var(--rockae-ink-strong)}.create-classroom-form-close-btn:disabled{opacity:.6;cursor:not-allowed}.create-classroom-form{flex-direction:column;gap:1.05rem;display:flex}.create-classroom-form-field{flex-direction:column;gap:.35rem;display:flex;overflow:visible}.create-classroom-form-field label{color:var(--rockae-ink-strong);font-size:.8125rem;font-weight:500}.create-classroom-form-field input[type=text],.create-classroom-form-field input[type=url],.create-classroom-form-field input[type=number],.create-classroom-form-field textarea{border:1px solid var(--rockae-border);background:var(--rockae-surface);color:var(--rockae-ink-strong);border-radius:2px;padding:.525rem;font-family:Poppins,sans-serif;font-size:.875rem;transition:border-color .12s,box-shadow .12s}.create-classroom-form-field input[type=text]:hover,.create-classroom-form-field input[type=url]:hover,.create-classroom-form-field input[type=number]:hover,.create-classroom-form-field textarea:hover{border-color:color-mix(in srgb, var(--rockae-ink-strong) 28%, var(--rockae-border))}.create-classroom-form-field input[type=text]:focus,.create-classroom-form-field input[type=url]:focus,.create-classroom-form-field input[type=number]:focus,.create-classroom-form-field textarea:focus{border-color:color-mix(in srgb, var(--rockae-ink-strong) 55%, var(--rockae-border));box-shadow:0 0 0 1px color-mix(in srgb, var(--rockae-ink-strong) 18%, transparent);outline:none}.create-classroom-form-field textarea{resize:vertical;min-height:56px}.create-classroom-form-field input:disabled,.create-classroom-form-field textarea:disabled{background:var(--background-color,var(--rockae-canvas));cursor:not-allowed}.create-resource-content-source-select{width:100%}.create-classroom-form-hint{color:var(--rockae-ink-soft);margin:0;font-size:.75rem;font-style:italic}.create-classroom-form-inline-error{color:#b91c1c;background:#ef44441f;border:1px solid #ef444459;border-radius:4px;margin:0;padding:.5rem .65rem;font-size:.8125rem;line-height:1.35}.required-asterisk{color:#c33}.create-classroom-form-loading,.create-classroom-form-empty{text-align:center;color:var(--rockae-ink-soft);background:var(--background-color,var(--rockae-canvas));border-radius:4px;padding:.7rem;font-size:.8125rem}.create-classroom-form-plans-list{border:1px solid var(--rockae-border);background:var(--rockae-surface);border-radius:4px;flex-direction:column;gap:.525rem;max-height:210px;padding:.525rem;display:flex;overflow-y:auto}.create-classroom-form-plan-item{cursor:pointer;border-radius:4px;align-items:flex-start;gap:.525rem;padding:.525rem;transition:background-color .2s;display:flex}.create-classroom-form-plan-item:hover{background:var(--background-color,var(--rockae-canvas))}.create-classroom-form-plan-item input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--brand-purple);flex-shrink:0;margin-top:2px}.create-classroom-form-plan-info{flex-direction:column;flex:1;gap:.175rem;display:flex}.create-classroom-form-plan-name{color:var(--rockae-ink-strong);font-size:.8125rem;font-weight:500}.create-classroom-form-plan-description{color:var(--rockae-ink-soft);font-size:.75rem}.create-classroom-banner-upload{position:relative}.create-classroom-banner-input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.create-classroom-banner-dropzone{border:2px dashed var(--rockae-border);background:var(--rockae-canvas);cursor:pointer;text-align:center;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:2rem 1.25rem;transition:border-color .15s,background .15s;display:flex}.create-classroom-banner-dropzone:hover:not(.is-disabled){border-color:var(--rockae-ink-muted);background:var(--rockae-ink-tint-04,color-mix(in srgb, var(--rockae-ink-strong) 4%, transparent))}.create-classroom-banner-dropzone.is-disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.create-classroom-banner-dropzone-icon{color:var(--rockae-ink-soft);margin-bottom:.75rem}.create-classroom-banner-dropzone span{color:var(--rockae-ink-strong);margin-bottom:.35rem;font-size:.9375rem;font-weight:600}.create-classroom-banner-dropzone-hint{color:var(--rockae-ink-soft);text-align:center;max-width:22rem;margin:0 auto;font-size:.8125rem;line-height:1.45}.create-classroom-banner-preview-wrap{border:1px solid var(--rockae-border);border-radius:8px;position:relative;overflow:hidden}.create-classroom-banner-preview-img{object-fit:cover;width:100%;max-height:200px;display:block}.create-classroom-banner-overlay{opacity:0;pointer-events:none;background:#00000080;justify-content:center;align-items:center;gap:.65rem;transition:opacity .15s;display:flex;position:absolute;inset:0}.create-classroom-banner-preview-wrap:hover .create-classroom-banner-overlay,.create-classroom-banner-preview-wrap:focus-within .create-classroom-banner-overlay{opacity:1}.create-classroom-banner-change-btn,.create-classroom-banner-remove-btn{pointer-events:auto;color:#fff;cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.5rem .85rem;font-family:Poppins,sans-serif;font-size:.8125rem;font-weight:600;transition:filter .15s;display:inline-flex}.create-classroom-banner-change-btn{background:#ffffff38;border:1px solid #ffffff8c}.create-classroom-banner-change-btn:hover{filter:brightness(1.08)}.create-classroom-banner-remove-btn{background:#dc3545}.create-classroom-banner-remove-btn:hover:not(:disabled){filter:brightness(.95)}.create-classroom-banner-remove-btn:disabled{opacity:.55;cursor:not-allowed}.create-classroom-banner-preview{margin-bottom:.7rem;position:relative}.create-classroom-banner-preview img{object-fit:cover;border:1px solid var(--rockae-border);border-radius:6px;width:100%;max-height:200px}.create-classroom-remove-banner{color:var(--rockae-surface);cursor:pointer;background:#dc3545;border:none;border-radius:4px;margin-top:.7rem;padding:.35rem .7rem;font-size:.8125rem;font-weight:500;transition:all .2s}.create-classroom-remove-banner:hover:not(:disabled){background:#c82333}.create-classroom-remove-banner:disabled{opacity:.5;cursor:not-allowed}.create-classroom-form-actions{border-top:1px solid var(--rockae-border);justify-content:space-between;align-items:center;gap:.7rem;margin-top:.7rem;padding-top:1.05rem;display:flex}.create-classroom-form-actions--single-submit{justify-content:flex-end}.create-classroom-form-cancel-btn{color:var(--rockae-ink-strong);border:1px solid var(--rockae-border);cursor:pointer;background:0 0;border-radius:2px;padding:.525rem 1.05rem;font-family:Poppins,sans-serif;font-size:.8125rem;font-weight:500;transition:all .2s}.create-classroom-form-cancel-btn:hover:not(:disabled){border-color:color-mix(in srgb, var(--rockae-ink-strong) 30%, var(--rockae-border));color:var(--rockae-ink-strong);background:#0f172a05}.create-classroom-form-cancel-btn:disabled{opacity:.6;cursor:not-allowed}.create-classroom-form-submit-btn{background:var(--main-bg);color:var(--rockae-on-accent,#fff);cursor:pointer;border:none;border-radius:4px;width:auto;min-width:150px;margin-left:auto;padding:.525rem 1.05rem;font-family:Poppins,sans-serif;font-size:.8125rem;font-weight:500;transition:all .2s}.create-classroom-form-submit-btn:hover:not(:disabled){background:var(--main-bg-hover);box-shadow:0 2px 8px #22286d4d}.create-classroom-form-submit-btn:disabled{opacity:.6;cursor:not-allowed}.create-classroom-form-delete-btn{color:var(--rockae-surface);cursor:pointer;background:#dc3545;border:none;border-radius:4px;align-items:center;gap:.35rem;padding:.525rem 1.05rem;font-family:Poppins,sans-serif;font-size:.8125rem;font-weight:500;transition:all .2s;display:flex}.create-classroom-form-delete-btn:hover:not(:disabled){background:#c82333;box-shadow:0 2px 8px #dc35454d}.create-classroom-form-delete-btn:disabled{opacity:.6;cursor:not-allowed}.create-classroom-notes-editor-wrapper{border:1px solid var(--rockae-border);background:var(--rockae-surface);border-radius:2px;min-height:200px;transition:border-color .12s,box-shadow .12s;overflow:hidden}.create-classroom-notes-editor-wrapper:hover{border-color:color-mix(in srgb, var(--rockae-ink-strong) 28%, var(--rockae-border))}.create-classroom-notes-editor-wrapper:focus-within{border-color:color-mix(in srgb, var(--rockae-ink-strong) 55%, var(--rockae-border));box-shadow:0 0 0 1px color-mix(in srgb, var(--rockae-ink-strong) 18%, transparent);outline:none}.create-classroom-notes-editor-wrapper>div{box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important}.create-classroom-notes-editor-wrapper button:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--rockae-ink-strong) 22%, transparent);outline:none}.create-classroom-notes-editor-wrapper .doc-editor{background:0 0;border-radius:0;max-width:100%;margin:0;border:none!important}.create-classroom-notes-editor-wrapper .doc-toolbar{border-bottom:1px solid var(--rockae-border);background:var(--rockae-surface);border-top-left-radius:6px;border-top-right-radius:6px;padding:.5rem}.create-classroom-notes-editor-wrapper .doc-content{border-bottom-right-radius:6px;border-bottom-left-radius:6px;min-height:200px;padding:.875rem;font-size:.9375rem}.create-classroom-notes-editor-wrapper .doc-content .ProseMirror{min-height:200px;padding:0;box-shadow:none!important;border:none!important;outline:none!important}.create-classroom-notes-editor-wrapper .doc-content .ProseMirror:focus{box-shadow:none!important;border:none!important;outline:none!important}.create-classroom-notes-editor-wrapper .doc-content>div{border:none!important;outline:none!important}:root.dark-mode .create-classroom-form-field input[type=text],:root.dark-mode .create-classroom-form-field input[type=url],:root.dark-mode .create-classroom-form-field textarea{background:var(--rockae-surface);color:var(--rockae-ink-strong)}:root.dark-mode .create-classroom-form-field input::placeholder,:root.dark-mode .create-classroom-form-field textarea::placeholder{color:var(--rockae-ink-muted)}:root.dark-mode .create-classroom-form-field input:disabled,:root.dark-mode .create-classroom-form-field textarea:disabled{background:var(--rockae-ink-tint-06)}:root.dark-mode .create-classroom-form-field input[type=file]{background:var(--rockae-surface);color:var(--rockae-ink-strong)}:root.dark-mode .create-classroom-form-close-btn:hover:not(:disabled){background:var(--rockae-ink-tint-10);border-color:color-mix(in srgb, var(--rockae-ink-strong) 35%, var(--rockae-border));color:var(--rockae-ink-strong)}:root.dark-mode .create-classroom-form-cancel-btn:hover:not(:disabled){background:var(--rockae-ink-tint-06);border-color:color-mix(in srgb, var(--rockae-ink-strong) 35%, var(--rockae-border));color:var(--rockae-ink-strong)}:root.dark-mode .create-classroom-form-submit-btn,:root.dark-mode .create-classroom-form-delete-btn{color:#fff}:root.dark-mode .create-classroom-notes-editor-wrapper:focus-within{border-color:color-mix(in srgb, var(--rockae-ink-strong) 55%, var(--rockae-border));box-shadow:0 0 0 1px color-mix(in srgb, var(--rockae-ink-strong) 22%, transparent)}:root.dark-mode .create-classroom-notes-editor-wrapper .doc-editor{background:var(--rockae-surface)}:root.dark-mode .create-classroom-notes-editor-wrapper .doc-toolbar{background:var(--rockae-surface);border-bottom-color:var(--rockae-border)}:root.dark-mode .create-classroom-notes-editor-wrapper .doc-toolbar button{background:var(--rockae-canvas);color:var(--rockae-ink-default)}:root.dark-mode .create-classroom-notes-editor-wrapper .doc-toolbar button:hover{background:var(--rockae-border)}:root.dark-mode .create-classroom-notes-editor-wrapper .doc-toolbar button.is-active{background:var(--brand-orange);color:#fff}:root.dark-mode .create-classroom-notes-editor-wrapper .doc-toolbar .toolbar-divider{background:var(--rockae-border)}:root.dark-mode .create-classroom-notes-editor-wrapper .doc-content .ProseMirror{color:#fff}