.pep-notes-shell{display:grid;grid-template-columns:330px minmax(0,1fr);gap:14px;height:calc(100dvh - 155px);min-height:620px;max-height:900px}.pep-notes-sidebar,.pep-note-editor{min-height:0;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.pep-notes-side-head{display:flex;justify-content:space-between;align-items:center;padding:14px;border-bottom:1px solid var(--line)}.pep-notes-side-head h2{margin:0;color:var(--navy);font-size:16px}.pep-notes-filter{display:flex;gap:5px;padding:9px 11px;border-bottom:1px solid var(--line)}.pep-notes-filter button{min-height:38px;border:0;border-radius:9px;background:transparent;padding:8px 11px;color:var(--muted);font-size:11px;font-weight:700}.pep-notes-filter button.on{background:var(--soft);color:var(--navy)}
.pep-notes-list{padding:8px;display:grid;gap:6px;max-height:650px;overflow:auto}.pep-note-list-item{width:100%;border:0;border-radius:11px;background:#fff;text-align:left;padding:10px;display:grid;grid-template-columns:1fr auto;gap:7px;color:var(--text)}.pep-note-list-item:hover,.pep-note-list-item.on{background:var(--accent-soft)}.pep-note-list-open{all:unset;cursor:pointer;min-width:0}.pep-note-list-item b{color:var(--navy);font-size:12px}.pep-note-list-item small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.pep-note-list-actions{display:flex;gap:3px}.pep-note-list-actions button{width:36px;height:36px;border:0;border-radius:9px;background:transparent;color:var(--navy);padding:8px;display:grid;place-items:center}.pep-note-list-actions button:hover{background:#fff}.pep-note-list-actions .danger{color:var(--red)}.pep-note-list-actions svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.pep-note-editor{display:flex;flex-direction:column;padding:12px;background:#fff}.pep-note-editor-head{display:flex;align-items:center;gap:10px;padding:0 0 10px}.pep-note-title{flex:1;min-width:100px;min-height:54px;border:1px solid #cfd5dc!important;border-radius:13px!important;background:#fff!important;padding:0 16px!important;font-size:17px;font-weight:650;color:#252d36;outline:none}.pep-note-title:focus{border-color:#77a9d7!important;box-shadow:0 0 0 3px rgba(36,111,186,.12)}.pep-note-owner{font-size:10px;color:var(--muted);white-space:nowrap}
.pep-note-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:9px;min-height:64px;padding:7px 0 12px}.pep-note-toolbar-spacer{flex:1}.pep-note-tool{width:48px;height:48px;flex:0 0 48px;border:1px solid transparent;border-radius:11px;background:transparent;color:#171b20;display:grid;place-items:center;padding:9px}.pep-note-tool:hover{background:#f0f2f4}.pep-note-tool.on{background:#246fba;color:#fff;box-shadow:0 3px 10px rgba(36,111,186,.2)}.pep-note-tool.disabled{opacity:.35;pointer-events:none}.pep-note-tool svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.pep-note-divider{width:1px;height:38px;background:#d8dadd;margin:0 5px}.pep-note-color{width:34px;height:34px;flex:0 0 34px;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #c9ced4;padding:0}.pep-note-color.on{box-shadow:0 0 0 3px rgba(36,111,186,.42)}label.pep-note-tool{cursor:pointer}
.pep-note-canvas-wrap{position:relative;min-height:0;flex:1;overflow:hidden;border:1px solid #eee9da;border-radius:14px;background-color:#fcfaf3;background-image:radial-gradient(circle,#d8d3c4 .8px,transparent .95px);background-size:26px 26px;background-position:13px 13px;touch-action:none}.pep-note-canvas{position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;touch-action:none}.pep-note-keyboard-text{position:absolute;inset:0;z-index:3;width:100%;height:100%;resize:none;border:0!important;border-radius:0!important;background:transparent!important;padding:28px 32px!important;color:#2f2f2d;font:500 16px/28px Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;outline:none;pointer-events:none}.pep-note-canvas-wrap.text-mode .pep-note-keyboard-text{z-index:6;pointer-events:auto}.pep-note-canvas-wrap.text-mode .pep-note-canvas{pointer-events:none}.pep-note-keyboard-text::placeholder{color:transparent}.pep-note-canvas-wrap.text-mode .pep-note-keyboard-text::placeholder{color:#aaa596}.pep-note-image-layer{position:absolute;inset:0;z-index:4;pointer-events:none}.pep-note-image-object{position:absolute;pointer-events:auto;touch-action:none;user-select:none;line-height:0}.pep-note-image-object img{display:block;width:100%;height:auto;max-width:none;border-radius:5px;box-shadow:0 3px 14px rgba(16,44,85,.15);pointer-events:none}.pep-note-image-object.selected{outline:2px solid #246fba;outline-offset:3px}.pep-note-image-handle{display:none;position:absolute;right:-12px;bottom:-12px;width:25px;height:25px;border:3px solid #fff;border-radius:50%;background:#246fba;box-shadow:0 2px 8px rgba(16,44,85,.3);cursor:nwse-resize}.pep-note-image-object.selected .pep-note-image-handle{display:block}
.pep-note-share-wrap{position:relative}.pep-note-share-menu{display:none;position:absolute;z-index:20;top:54px;right:0;width:250px;padding:10px;border:1px solid #d9dee5;border-radius:12px;background:#fff;box-shadow:0 12px 32px rgba(16,44,85,.18)}.pep-note-share-menu.on{display:grid;gap:5px}.pep-note-share-menu>b,.pep-note-share-menu>small{padding:5px 7px;color:var(--navy)}.pep-note-share-menu>small{font-size:10px;color:var(--muted)}.pep-note-share-menu button{display:grid;grid-template-columns:22px 1fr;align-items:center;min-height:38px;border:0;border-radius:8px;background:transparent;text-align:left;color:var(--text)}.pep-note-share-menu button:hover,.pep-note-share-menu button.on{background:var(--accent-soft)}.pep-note-pages{display:flex;align-items:center;gap:8px;margin-left:auto}.pep-note-pages button{width:40px;height:40px;border:1px solid #cfd5dc;border-radius:50%;background:#fff;color:var(--navy);display:grid;place-items:center}.pep-note-pages button:disabled{opacity:.32;cursor:default}.pep-note-pages button.pep-note-add-page{border-radius:11px;margin-left:4px;color:#246fba;border-color:#bdd6ec;background:#f4f9fd}.pep-note-pages button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.pep-note-pages span{min-width:78px;text-align:center;color:var(--muted);font-size:11px;font-weight:700}
.pep-note-bottom{display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:14px 2px 2px}.pep-note-down{width:48px;height:48px;border:1px solid #cfd5dc;border-radius:50%;background:#fff;color:#171b20;display:grid;place-items:center}.pep-note-down svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.pep-note-save{min-width:174px;min-height:48px;display:flex;align-items:center;justify-content:center;gap:9px}.pep-note-save svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.pep-note-empty{padding:25px;color:var(--muted);text-align:center}
@media(max-width:850px){.pep-notes-shell{grid-template-columns:1fr;height:auto;min-height:0;max-height:none}.pep-notes-sidebar{max-height:270px}.pep-notes-list{max-height:195px}.pep-note-canvas-wrap{flex:none;height:62dvh;min-height:480px}.pep-note-toolbar{position:sticky;top:62px;z-index:4;background:#fff}.pep-note-tool{width:46px;height:46px;flex-basis:46px}.pep-note-editor-head{position:sticky;top:0;z-index:5;background:#fff}.pep-note-bottom{position:sticky;bottom:0;z-index:4;background:#fff}}
@media(max-width:600px){.pep-note-editor{padding:9px}.pep-note-owner{display:none}.pep-note-toolbar{gap:6px}.pep-note-tool{width:43px;height:43px;flex-basis:43px;padding:8px}.pep-note-color{width:30px;height:30px;flex-basis:30px}.pep-note-divider{margin:0 1px}.pep-note-canvas-wrap{min-height:520px}.pep-note-save{flex:1}.pep-note-keyboard-text{padding:22px 24px!important}}
/* Notizblatt: großzügige Arbeitsfläche und verschiebbare Textfelder. */
@media(min-width:851px){.pep-notes-shell{height:calc(100dvh - 105px);min-height:760px;max-height:none}}
.pep-note-forward{display:flex;align-items:center;gap:9px;padding:3px 0 9px;color:var(--navy);font-size:14px;font-weight:650;flex-wrap:wrap}.pep-note-forward select{min-height:42px;min-width:185px;max-width:100%;border:1px solid #cbd5df;border-radius:9px;background:#fff;padding:8px;color:var(--navy)}.pep-note-forward button{display:inline-flex;align-items:center;gap:7px;min-height:42px}.pep-note-forward svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2}
.pep-note-text-layer{position:absolute;inset:0;z-index:5;pointer-events:none}.pep-note-text-object{position:absolute;max-width:100%;min-width:100px;display:flex;align-items:stretch;border:1px solid #8aaed0;border-radius:8px;background:rgba(255,255,255,.88);pointer-events:auto}.pep-note-text-grip{width:28px;min-width:28px;display:grid;place-items:center;cursor:grab;touch-action:none;background:#e6f2fb;color:var(--navy);font-size:18px;user-select:none}.pep-note-text-object textarea{width:100%;min-width:0;height:100px;min-height:65px;resize:vertical;border:0!important;outline:0;background:transparent!important;padding:9px!important;font:500 16px/1.5 Inter,system-ui,sans-serif;color:#2f2f2d;touch-action:auto}.pep-note-canvas-wrap.text-mode .pep-note-text-layer{z-index:7}
@media(max-width:600px){.pep-note-forward{gap:6px}.pep-note-forward label{width:100%}.pep-note-forward select{flex:1;min-width:0}.pep-note-canvas-wrap{overflow:hidden}.pep-note-text-object{max-width:calc(100% - 4px)}}
/* Bereits vorhandene PEP-Farben, Strichstärken und Aktionskacheln weiterverwenden. */
.pep-note-tool{border-color:var(--pep-control-border);border-radius:12px;background:var(--pep-control-bg);color:var(--navy)}.pep-note-tool.on{background:var(--pep-control-active-bg);border-color:#91bfe8;color:var(--pep-control-active);box-shadow:var(--pep-tile-shadow)}.pep-note-tool svg,.pep-note-forward svg,.pep-note-down svg{stroke-width:var(--pep-icon-stroke)}.pep-note-down{border-radius:12px;border-color:var(--pep-control-border);color:var(--navy);box-shadow:var(--pep-tile-shadow)}.pep-note-forward button{border-color:var(--pep-control-border);color:var(--navy);border-radius:12px}.pep-note-text-resize{position:absolute;right:-10px;bottom:-10px;width:22px;height:22px;border:3px solid #fff;border-radius:50%;background:var(--pep-control-active);box-shadow:var(--pep-tile-shadow);touch-action:none;cursor:nwse-resize}