.tutela-whiteboard{position:relative;display:grid;grid-template-columns:auto 1fr auto;width:100%;height:100%;min-height:320px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:13px;color:#111;background:#fafafa;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tutela-whiteboard[data-theme=dark]{color:#e5e7eb;background:#0e0e10}.tutela-wb-palette{display:flex;flex-direction:column;gap:4px;padding:8px;background:rgba(255,255,255,.95);border-right:1px solid rgba(0,0,0,.08);z-index:4}.tutela-whiteboard[data-theme=dark] .tutela-wb-palette{background:rgba(20,20,22,.95);border-right-color:rgba(255,255,255,.08)}.tutela-wb-palette-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid transparent;background:transparent;color:inherit;cursor:pointer;transition:background .1s ease,border-color .1s ease,transform .1s ease}.tutela-wb-palette-button:hover{background:rgba(0,0,0,.04)}.tutela-whiteboard[data-theme=dark] .tutela-wb-palette-button:hover{background:rgba(255,255,255,.06)}.tutela-wb-palette-button.is-active{background:rgba(56,132,255,.12);border-color:rgba(56,132,255,.3);color:#2563eb}.tutela-whiteboard[data-theme=dark] .tutela-wb-palette-button.is-active{color:#93c5fd}.tutela-wb-main{position:relative;display:flex;flex-direction:column;flex:1;min-width:0}.tutela-wb-colorpicker{display:flex;flex-direction:column;gap:6px;padding:10px 12px;background:rgba(255,255,255,.95);border-bottom:1px solid rgba(0,0,0,.06);z-index:3}.tutela-whiteboard[data-theme=dark] .tutela-wb-colorpicker{background:rgba(20,20,22,.95);border-bottom-color:rgba(255,255,255,.06)}.tutela-wb-colorpicker-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tutela-wb-color-swatch{width:22px;height:22px;border-radius:50%;border:1px solid rgba(0,0,0,.15);cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center;color:rgba(0,0,0,.6);transition:transform .1s ease,box-shadow .1s ease}.tutela-wb-color-swatch:hover{transform:scale(1.08)}.tutela-wb-color-swatch.is-active{box-shadow:0 0 0 2px #3884ff}.tutela-wb-color-swatch--none{background:#fff}.tutela-whiteboard[data-theme=dark] .tutela-wb-color-swatch{border-color:rgba(255,255,255,.12)}.tutela-wb-width-button{width:30px;height:22px;border-radius:6px;border:1px solid transparent;background:transparent;color:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.tutela-wb-width-button:hover{background:rgba(0,0,0,.04)}.tutela-wb-width-button.is-active{background:rgba(56,132,255,.12);border-color:rgba(56,132,255,.3)}.tutela-wb-width-dot{display:inline-block;border-radius:50%;background:currentColor}.tutela-wb-stage{position:relative;flex:1;min-height:0;overflow:hidden;background:repeating-linear-gradient(0deg,#fff 0 24px,#f4f4f5 24px 25px),repeating-linear-gradient(90deg,transparent 0 24px,#f4f4f5 24px 25px)}.tutela-whiteboard[data-theme=dark] .tutela-wb-stage{background:#0e0e10}.tutela-wb-canvas{position:absolute;inset:0;pointer-events:none;display:block}.tutela-wb-canvas--committed{z-index:1}.tutela-wb-canvas--preview{z-index:2}.tutela-wb-surface{position:absolute;inset:0;z-index:5;background:transparent;outline:none;touch-action:none}.tutela-wb-cursors{position:absolute;inset:0;pointer-events:none;z-index:6}.tutela-wb-cursor{position:absolute;top:0;left:0;display:inline-flex;align-items:flex-start;gap:4px}.tutela-wb-cursor-label{margin-top:16px;padding:2px 6px;border-radius:4px;font-size:11px;color:#fff;white-space:nowrap;font-weight:500}.tutela-wb-text-input{z-index:7;min-width:120px;min-height:28px;padding:4px 6px;border:1px dashed rgba(56,132,255,.6);border-radius:4px;color:#111;resize:both;font-family:inherit;outline:none}.tutela-wb-text-input,.tutela-wb-zoom{position:absolute;background:rgba(255,255,255,.96)}.tutela-wb-zoom{right:16px;bottom:16px;z-index:5;display:inline-flex;align-items:center;gap:2px;padding:4px;border:1px solid rgba(0,0,0,.08);border-radius:8px;box-shadow:0 6px 18px -8px rgba(0,0,0,.18)}.tutela-whiteboard[data-theme=dark] .tutela-wb-zoom{background:rgba(20,20,22,.96);border-color:rgba(255,255,255,.08)}.tutela-wb-zoom-button,.tutela-wb-zoom-percent{display:inline-flex;align-items:center;justify-content:center;height:28px;min-width:28px;padding:0 8px;border-radius:6px;border:none;background:transparent;color:inherit;cursor:pointer;font-size:13px;font-variant-numeric:tabular-nums}.tutela-wb-zoom-button:hover,.tutela-wb-zoom-percent:hover{background:rgba(0,0,0,.04)}.tutela-whiteboard[data-theme=dark] .tutela-wb-zoom-button:hover,.tutela-whiteboard[data-theme=dark] .tutela-wb-zoom-percent:hover{background:rgba(255,255,255,.06)}.tutela-wb-layers{width:220px;background:rgba(255,255,255,.95);border-left:1px solid rgba(0,0,0,.08);display:flex;flex-direction:column;z-index:4}.tutela-whiteboard[data-theme=dark] .tutela-wb-layers{background:rgba(20,20,22,.95);border-left-color:rgba(255,255,255,.08)}.tutela-wb-layers.is-collapsed{width:28px}.tutela-wb-layers-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;font-weight:500;border-bottom:1px solid rgba(0,0,0,.06)}.tutela-whiteboard[data-theme=dark] .tutela-wb-layers-header{border-bottom-color:rgba(255,255,255,.06)}.tutela-wb-layers-toggle{border:none;background:transparent;color:inherit;cursor:pointer;width:22px;height:22px;border-radius:4px}.tutela-wb-layers-toggle:hover{background:rgba(0,0,0,.05)}.tutela-wb-layers-list{list-style:none;margin:0;padding:4px 0;overflow-y:auto;flex:1}.tutela-wb-layers-empty{padding:12px;font-size:12px;color:rgba(0,0,0,.5)}.tutela-wb-layer{display:flex;align-items:center;gap:4px;padding:4px 8px;cursor:default}.tutela-wb-layer.is-selected{background:rgba(56,132,255,.08)}.tutela-wb-layer-name{flex:1;text-align:left;background:transparent;border:none;color:inherit;cursor:pointer;font:inherit;padding:4px 6px;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tutela-wb-layer-name:hover{background:rgba(0,0,0,.04)}.tutela-wb-layer-icon{width:22px;height:22px;border-radius:4px;background:transparent;border:1px solid transparent;color:inherit;cursor:pointer;font-size:11px}.tutela-wb-layer-icon:hover{background:rgba(0,0,0,.05)}.tutela-wb-layer-icon.is-active{border-color:rgba(56,132,255,.3);background:rgba(56,132,255,.1)}.tutela-editor{--te-bg:#ffffff;--te-fg:#1a1a1a;--te-muted:#6b7280;--te-border:#e5e7eb;--te-border-strong:#d1d5db;--te-accent:#2563eb;--te-accent-soft:rgba(37,99,235,0.08);--te-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;--te-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--te-code-bg:#f5f5f5;--te-shadow:0 8px 28px rgba(0,0,0,0.08);position:relative;display:flex;flex-direction:column;background:var(--te-bg);color:var(--te-fg);font-family:var(--te-sans);border-radius:12px;border:1px solid var(--te-border);overflow:hidden}.tutela-editor[data-theme=dark],[data-theme=dark] .tutela-editor{--te-bg:#0b0b0c;--te-fg:#f5f5f5;--te-muted:#9ca3af;--te-border:#27272a;--te-border-strong:#3f3f46;--te-accent:#60a5fa;--te-accent-soft:rgba(96,165,250,0.14);--te-code-bg:#1a1a1c;--te-shadow:0 8px 28px rgba(0,0,0,0.5)}.tutela-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:2px;padding:8px 10px;background:var(--te-bg);border-bottom:1px solid var(--te-border);position:sticky;top:0;z-index:5;backdrop-filter:saturate(180%) blur(8px)}.tutela-tb-btn{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 6px;font:inherit;font-size:13px;color:var(--te-fg);background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:background 80ms ease,border-color 80ms ease}.tutela-tb-btn.is-active,.tutela-tb-btn:hover{background:var(--te-accent-soft)}.tutela-tb-btn.is-active{border-color:var(--te-border-strong);color:var(--te-accent)}.tutela-tb-btn svg{display:block}.tutela-tb-sep{width:1px;height:18px;background:var(--te-border);margin:0 4px}.tutela-tb-select{height:30px;font-size:13px;padding:0 6px;background:transparent;color:var(--te-fg);border:1px solid var(--te-border);border-radius:6px;cursor:pointer}.tutela-editor-area{position:relative;padding:32px 56px;min-height:320px}@media (max-width:720px){.tutela-editor-area{padding:20px 18px}}.tutela-editor-content{outline:none;font-size:16px;line-height:1.7;color:var(--te-fg);caret-color:var(--te-accent);max-width:760px;margin:0 auto}.tutela-editor-content>*+*{margin-top:.6em}.tutela-editor-content h1,.tutela-editor-content h2,.tutela-editor-content h3,.tutela-editor-content h4{font-weight:700;line-height:1.25;margin-top:1.5em;margin-bottom:.3em}.tutela-editor-content h1{font-size:2em}.tutela-editor-content h2{font-size:1.5em}.tutela-editor-content h3{font-size:1.2em}.tutela-editor-content h4{font-size:1.05em}.tutela-editor-content p{margin:0}.tutela-editor-content blockquote{border-left:3px solid var(--te-border-strong);padding:4px 14px;color:var(--te-muted);margin:0}.tutela-editor-content pre{background:var(--te-code-bg);font-family:var(--te-mono);font-size:.92em;padding:14px 16px;border-radius:8px;overflow-x:auto;margin:0;white-space:pre}.tutela-editor-content pre code{background:transparent;padding:0}.tutela-editor-content code{font-family:var(--te-mono);font-size:.92em;background:var(--te-code-bg);padding:1px 6px;border-radius:4px}.tutela-editor-content hr{border:0;border-top:1px solid var(--te-border);margin:1em 0}.tutela-editor-content ol,.tutela-editor-content ul{padding-left:1.5em;margin:0}.tutela-editor-content li{margin:.15em 0}.tutela-editor-content .tutela-task-list{list-style:none;padding-left:0}.tutela-editor-content .tutela-task-item{display:flex;align-items:flex-start;gap:8px}.tutela-editor-content .tutela-task-item input[type=checkbox]{margin-top:.45em;width:14px;height:14px;flex-shrink:0;cursor:pointer;accent-color:var(--te-accent)}.tutela-editor-content .tutela-task-body{flex:1;min-width:0}.tutela-editor-content table{border-collapse:collapse;width:100%;margin:.5em 0;table-layout:fixed}.tutela-editor-content td,.tutela-editor-content th{border:1px solid var(--te-border-strong);padding:6px 10px;vertical-align:top;min-width:40px}.tutela-editor-content th{background:var(--te-accent-soft);font-weight:600;text-align:left}.tutela-editor-content figure{margin:0;text-align:center}.tutela-editor-content img{max-width:100%;height:auto;border-radius:6px}.tutela-editor-content a{color:var(--te-accent);text-decoration:underline;text-underline-offset:2px}.tutela-editor-content.is-empty:before{content:attr(data-placeholder)}.tutela-editor-content.is-empty:before,.tutela-word-count{color:var(--te-muted);pointer-events:none;position:absolute}.tutela-word-count{bottom:8px;right:14px;font-size:12px;padding:2px 8px;border-radius:999px}.tutela-slash-menu,.tutela-word-count{background:var(--te-bg);border:1px solid var(--te-border)}.tutela-slash-menu{position:absolute;z-index:20;min-width:240px;max-height:280px;overflow-y:auto;border-radius:10px;box-shadow:var(--te-shadow);padding:4px}.tutela-slash-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 10px;font-size:13px;background:transparent;border:0;border-radius:6px;cursor:pointer;color:var(--te-fg);text-align:left}.tutela-slash-item.is-active,.tutela-slash-item:hover{background:var(--te-accent-soft)}.tutela-slash-title{font-weight:500}.tutela-slash-hint{font-size:12px;color:var(--te-muted)}.tutela-slash-empty{padding:10px;font-size:13px;color:var(--te-muted)}.tutela-find{display:flex;align-items:center;gap:6px;padding:8px 10px;background:var(--te-bg);border-bottom:1px solid var(--te-border)}.tutela-find-input{flex:1 1 160px;min-width:0;height:28px;font:inherit;font-size:13px;padding:0 8px;background:transparent;color:var(--te-fg);border:1px solid var(--te-border);border-radius:6px;outline:none}.tutela-find-input:focus{border-color:var(--te-accent)}.tutela-find-count{font-size:12px;color:var(--te-muted)}.tutela-find-btn{height:28px;font-size:13px;padding:0 10px;background:var(--te-accent);color:white;border:0;border-radius:6px;cursor:pointer}.tutela-find-btn:hover{filter:brightness(1.05)}.tutela-link-popover{position:absolute;z-index:20;display:flex;align-items:center;gap:6px;padding:6px;background:var(--te-bg);border:1px solid var(--te-border);border-radius:8px;box-shadow:var(--te-shadow)}.tutela-link-input{width:240px;height:28px;font:inherit;font-size:13px;padding:0 8px;background:transparent;color:var(--te-fg);border:1px solid var(--te-border);border-radius:6px;outline:none}.tutela-link-input:focus{border-color:var(--te-accent)}.tutela-link-btn{height:28px;font-size:13px;padding:0 10px;background:var(--te-accent);color:white;border:0;border-radius:6px;cursor:pointer}.tutela-link-btn.is-danger{background:#dc2626}