.notes-panel{grid-column:1/-1;display:grid;gap:18px;min-width:0}
.notes-panel h3,.notes-panel h4,.notes-panel p{margin:0}
.notes-panel label{display:grid;gap:8px;font-weight:600}
.notes-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.notes-toolbar h3{margin-inline-end:auto}
.notes-panel input:not([type=color]):not([type=range]),.notes-panel select,.notes-panel textarea{min-width:0;max-width:100%;font:inherit;color:inherit;background:#ffffff0b;border:1px solid #9daec05c;padding:12px;border-radius:10px}
.notes-panel textarea{resize:vertical;line-height:1.8;width:100%}
.notes-panel option{background:#14243a;color:#eef3fb}
.notes-panel input[type=color]{width:52px;height:40px;border:0;background:none}
.notes-import input{max-width:230px!important;font-size:.85rem!important}
.notes-hint{font-size:.9rem;line-height:1.8;color:#adc1d7}
.notes-status{min-height:1.8em;color:#e9c486;font-size:.9rem}
.notes-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:16px}
.note-card{display:grid;align-content:start;gap:14px;padding:20px;background:#ffffff07;border:1px solid #aabbd433;border-radius:14px;overflow-wrap:anywhere}
.note-card>button:first-child{background:none;color:inherit;border:0;text-align:start;padding:0;font-size:1.15rem}
.note-card p{white-space:pre-wrap;color:#b2c7dc}.note-card small{color:#cfb17e}
.notes-drawing{display:grid;gap:14px;min-width:0;padding-top:12px}
.notes-drawing:fullscreen{padding:20px;background:#111f33;overflow:auto;align-content:start}
.notes-canvas{display:block;width:100%;height:auto;aspect-ratio:8/5;touch-action:none;background-color:#fff;background-image:linear-gradient(#dde6f080 1px,transparent 1px);background-size:100% 30px;border:1px solid #b8c8db;border-radius:12px}
.notes-toolbar [aria-pressed=true]{background:#81c8b7;border-color:#81c8b7}
.notes-subject-picker{display:flex;flex-wrap:wrap;gap:12px;padding:16px;border:1px solid #aabbd444;border-radius:12px}
.notes-subject-picker[hidden]{display:none}.notes-subject-picker p{flex-basis:100%}
.teacher-entry{display:inline-block;margin-inline:18px;color:#d9b56e;text-decoration:underline;text-underline-offset:5px}
.install-panel{padding-top:12px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.install-panel p{margin:0;font-size:.88rem;line-height:1.8}
.quiz-entry textarea{width:100%;font:inherit;padding:12px;background:transparent;color:inherit;border:1px solid #b1c2d355;border-radius:10px;resize:vertical}
.quiz-toolbar{grid-column:1/-1}.quiz-toolbar label{display:flex;gap:8px;align-items:center}
html[data-theme=light] .notes-panel input,html[data-theme=light] .notes-panel select,html[data-theme=light] .notes-panel textarea{background:#fff;color:#173351}
html[data-theme=light] .notes-panel option{background:#fff;color:#173351}
html[data-theme=light] .notes-hint,html[data-theme=light] .note-card p{color:#425e79}
html[data-theme=light] .notes-status,html[data-theme=light] .note-card small{color:#77591f}
@media(max-width:600px){.notes-toolbar{gap:10px}.notes-toolbar>.live-action{min-height:44px}.notes-toolbar input[type=search]{width:100%}.notes-drawing:fullscreen{padding:10px}}
/* A compact document header, real drawing controls and a clean white page. */
.notes-editor{gap:0;border:1px solid #8f9caa40;border-radius:16px;overflow:hidden;background:#171b22}
.notes-document-bar{flex-wrap:nowrap;gap:10px;padding:10px 12px;background:#111418;border-bottom:1px solid #ffffff16}
.notes-editor input.notes-document-title{flex:1;width:0;min-width:60px;max-width:none;padding:10px 14px;border:0;border-radius:10px 10px 0 0;background:#292d33;color:#f4f5f7;font-size:.95rem}
.notes-editor .notes-icon-button{flex:none;display:grid;place-items:center;width:42px;height:42px;min-height:42px;padding:0;border:1px solid transparent;background:transparent;color:#d2d6df;border-radius:9px}
.notes-tool-icon{display:block;width:23px;height:23px;background:currentColor;-webkit-mask:var(--notes-icon) center/contain no-repeat;mask:var(--notes-icon) center/contain no-repeat}
.notes-editor .notes-icon-button:hover{background:#ffffff12;border-color:#ffffff30}
.notes-editor .notes-icon-button:focus-visible,.notes-ink-toolbar input:focus-visible{outline:2px solid #e9c37a;outline-offset:2px}
.notes-editor .notes-drawing{padding:0;gap:0;background:#373a40}
.notes-ink-toolbar{gap:8px;padding:8px 12px;min-height:62px;background:#23262c;border-bottom:1px solid #ffffff1a;flex-wrap:wrap}
.notes-ink-toolbar label{display:flex;align-items:center;gap:6px;color:#d4d9e1;font-size:.72rem;font-weight:400}
.notes-ink-toolbar>*{flex-shrink:0}
.notes-ink-toolbar input[type=color]{width:32px;height:32px;padding:0;cursor:pointer}
.notes-ink-toolbar input[type=range]{width:75px;accent-color:#dab775}
.notes-ink-toolbar>.live-action:not(.notes-icon-button){font-size:.75rem;padding:6px 9px;min-height:40px;background:#30343c;color:#e0e4ec;border-color:#ffffff20}
.notes-editor .notes-ink-toolbar [aria-pressed=true]{background:#d8b76a25;border-color:#dfba70;color:#ffdb90}
.notes-editor .notes-canvas{background:#fff;background-image:none;border:0;border-radius:0;max-width:100%;margin:0 auto;cursor:crosshair}
.notes-editor>.notes-status{padding:7px 14px;margin:0;background:#1b2028;color:#d1c39b;font-size:.75rem;min-height:32px}
.notes-details{background:#142335;color:#e8edf5;border-top:1px solid #ffffff18}
.notes-details>summary{padding:13px 16px;cursor:pointer;font-size:.85rem;font-weight:600}
.notes-properties{padding:16px;gap:14px}
.notes-editor .notes-drawing:fullscreen{padding:0;display:flex;flex-direction:column;align-items:center;background:#292d34;overflow:auto}
.notes-drawing:fullscreen .notes-ink-toolbar{width:100%;flex:none}
.notes-editor .notes-drawing:fullscreen .notes-canvas{flex:none;width:min(100%,calc((100dvh - 100px)*1.6));height:auto}
html[data-theme=light] .notes-editor input.notes-document-title{background:#292d33;color:#f4f5f7}
html[data-theme=light] .notes-editor>.notes-status{background:#edf1f5;color:#536571}
html[data-theme=light] .notes-details{background:#f8fafc;color:#173351}
html[data-theme=light] .notes-ink-toolbar input[type=color]{background:transparent}
@media(max-width:600px){.notes-document-bar{padding:7px;gap:4px}.notes-editor .notes-icon-button{width:40px;height:40px;min-height:40px}.notes-ink-toolbar{gap:5px;padding:6px}.notes-ink-toolbar label{font-size:.65rem}.notes-ink-toolbar input[type=range]{width:60px}.notes-editor .notes-canvas{min-height:0}.notes-editor input.notes-document-title{padding:10px 8px;font-size:.85rem}}
@media(max-width:600px){.notes-ink-toolbar{flex-wrap:nowrap;overflow-x:auto;max-width:100%;scrollbar-width:thin;scrollbar-color:#7a808a #23262c;min-height:58px}}
.notes-board-hint{padding:7px 12px;font-size:.75rem;line-height:1.7;background:#19202a;color:#c8d2df}
.notes-editor .notes-ink-toolbar select{width:auto;max-width:170px;padding:8px;font-size:.78rem;background:#30343c;color:#edf0f7;border-color:#ffffff30}
.notes-text-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px;background:#1d2632;color:#eaf0f9}
.notes-text-controls[hidden]{display:none}
.notes-text-controls textarea{flex:1;min-width:180px;width:auto!important;background:#fff!important;color:#183247!important;font-size:16px;padding:8px}
.notes-text-controls label{font-size:.8rem}.notes-text-controls input{width:70px}
.notes-text-controls button{font-size:.8rem!important;padding:8px!important}
.notes-editor .notes-drawing:fullscreen .notes-canvas{width:min(100%,calc((100dvh - 200px)*1.6))}
.notes-drawing:fullscreen .notes-board-hint,.notes-drawing:fullscreen .notes-text-controls{width:100%}
html[data-theme=light] .notes-editor .notes-ink-toolbar select{background:#30343c;color:#edf0f7}
.notes-sheet{position:relative;isolation:isolate;width:100%;min-width:0;direction:ltr;line-height:0;background:#fff}
.notes-inline-editor{position:absolute;z-index:2;border:1px solid #65a8d9;box-shadow:0 0 0 1px #65a8d930;line-height:1.4;min-width:0;min-height:0;background:transparent}
.notes-inline-editor[hidden]{display:none}
.notes-editor .notes-inline-editor textarea.notes-inline-text{display:block;width:100%;height:100%;max-width:none;min-width:0;resize:none;border:0!important;border-radius:0!important;padding:0!important;margin:0;outline:none;background:transparent!important;color:#183247;line-height:1.4;font-family:Tahoma,Arial,sans-serif;overflow:auto;touch-action:auto;box-shadow:none;white-space:pre-wrap}
.notes-text-move,.notes-text-resize{position:absolute;z-index:3;touch-action:none;cursor:move;border:1px solid #70ace0;background:#e8f4ff;color:#174a72;border-radius:6px;font:12px/20px Tahoma,Arial;padding:0 7px;height:22px;min-height:0}
.notes-text-move{left:50%;top:-24px;transform:translateX(-50%)}
.notes-text-resize{right:-5px;bottom:-5px;width:18px;height:18px;line-height:16px;padding:0;cursor:nwse-resize}
.notes-text-controls{line-height:1.5}
.notes-text-controls .notes-format-button{min-width:36px;min-height:36px;color:#e5ebf3;background:#303d4c;border:1px solid #5b6b80;border-radius:6px}
.notes-text-controls .notes-format-button[aria-pressed=true]{background:#e6bd6d;color:#162c3c}
.notes-text-controls select{padding:7px;font-size:.8rem;background:#303d4c;color:#e5ebf3}
.notes-editor .notes-drawing:fullscreen .notes-sheet{flex:none;width:min(100%,calc((100dvh - 250px)*1.6))}
.notes-editor .notes-drawing:fullscreen .notes-sheet .notes-canvas{width:100%;max-width:100%}
@media(max-width:600px){.notes-text-controls{flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding:8px}.notes-text-controls>*{flex-shrink:0}.notes-text-controls input{width:60px}.notes-text-move{font-size:10px}}