:root{--paper:#f7f8f5;--white:#fff;--ink:#263c34;--muted:#738078;--line:#e2e7df;--green:#365d48;--accent:#e8efdf;--shadow:0 5px 20px #253d3010;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden;font-size:14px}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid #6a946b;outline-offset:3px}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}button{border:0}input,textarea,select{border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px 12px;min-width:0}textarea{resize:vertical;line-height:1.6}a{color:inherit}.app-header{height:79px;display:flex;align-items:center;gap:30px;padding:0 27px;background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:30}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;font-size:19px;font-weight:700;letter-spacing:-.8px;white-space:nowrap}.brand-light{font-weight:400}.brand-mark{font-size:34px;line-height:1;color:#638362;font-weight:400}.document-title{display:flex;flex-direction:column;align-items:flex-start;gap:2px;border-left:1px solid var(--line);padding-left:28px;min-width:170px}.document-title input{width:220px;background:none;border:0;padding:0;font-size:13px;font-weight:600;border-radius:0;text-overflow:ellipsis}.document-title>span{font-size:10px;color:var(--muted)}.privacy{margin-left:auto;font-size:11px;color:#6d7d6d;white-space:nowrap;display:flex;align-items:center;gap:7px}.privacy>span{width:6px;height:6px;border-radius:50%;background:#7f9e69}.app-header nav{display:flex;gap:9px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 15px;border-radius:8px;font-size:12px;font-weight:600;min-height:39px;white-space:nowrap}.primary{background:var(--green);color:white;border:1px solid var(--green)}.primary:hover{background:#274936}.subtle{border:1px solid var(--line);background:#fff;color:#4a5e50}.subtle:hover{background:#f0f3ec}.icon-button{background:transparent;border-radius:6px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0}.icon-button:hover{background:#eaf0e5}.text-button{background:none;padding:0;color:#6a7b66;font-size:10px;text-decoration:underline;text-underline-offset:3px}.app-layout{display:flex;height:calc(100dvh - 79px)}.sidebar{width:260px;flex-shrink:0;background:#fff;border-right:1px solid var(--line);padding:28px 22px 19px;display:flex;flex-direction:column;overflow:hidden}.sidebar-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.eyebrow{font-size:9px;letter-spacing:1.6px;color:#81917e;font-weight:600}h1{font-size:25px;line-height:1.32;letter-spacing:-.9px;font-weight:500;margin:19px 0 10px}.intro{font-size:12px;color:#7c877d;line-height:1.8;margin:0 0 26px}.wide{width:100%;justify-content:flex-start;padding-left:12px;gap:5px}.wide kbd{margin-left:auto;color:#c7d6c2;background:#ffffff15;border:1px solid #ffffff22}.secondary-actions{display:grid;gap:8px;margin-top:9px}.secondary-actions .button{font-weight:400;justify-content:flex-start}.sidebar-divider{height:1px;flex-shrink:0;background:var(--line);margin:24px 0 20px}.search{display:flex;align-items:center;background:#f6f8f3;border:1px solid #e9ede5;border-radius:7px;padding:0 9px;gap:6px}.search>span{font-size:22px;color:#869481}.search input{background:none;border:0;padding:9px 0;width:100%;font-size:11px;outline-offset:0}.search kbd{font-size:9px}.list-heading{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.2px;color:#8b9887;margin:22px 0 12px}.list-heading>span:last-child{font-size:10px;background:#eef2e8;min-width:20px;text-align:center;border-radius:4px;padding:2px;margin-top:-2px}.node-list{overflow:auto;min-height:55px;flex:1;margin:0 -8px;padding:0 8px}.list-node{display:flex;align-items:center;gap:9px;border-radius:6px;text-align:left;width:100%;background:none;padding:9px 7px;font-size:12px;color:#68776a;line-height:1.3}.list-node:hover,.list-node.current{background:#f0f4eb;color:#2f5339}.list-node .dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.list-node .list-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-empty{font-size:12px;color:#899486;line-height:1.7}.sidebar-bottom{display:flex;gap:10px;border-top:1px solid var(--line);padding-top:17px;margin-top:20px}.local-icon{font-size:23px;color:#92a083}.sidebar-bottom strong{font-size:10px;font-weight:500}.sidebar-bottom p{font-size:10px;color:#8c9788;line-height:1.7;margin:6px 0 0}#workspace{position:relative;flex:1;overflow:hidden;background-color:#f6f7f3;background-image:radial-gradient(#b5c1af80 .8px,transparent .8px);background-size:22px 22px;outline-offset:-4px;touch-action:none}#viewport{position:absolute;inset:0;overflow:hidden;touch-action:none}#world{position:absolute;left:0;top:0;transform-origin:0 0;width:0;height:0}#node-layer,#group-layer{position:absolute;left:0;top:0;width:0;height:0}#connections{position:absolute;left:0;top:0;overflow:visible;pointer-events:none;z-index:2}#group-layer{z-index:1}#node-layer{z-index:3}.canvas-top{position:absolute;top:21px;left:25px;display:flex;align-items:center;gap:10px;z-index:15;pointer-events:none}.mode-toolbar,.history-toolbar,.zoom-toolbar{display:flex;align-items:center;gap:3px;padding:4px;background:#fffffff5;border:1px solid var(--line);border-radius:9px;box-shadow:0 2px 8px #344f3410;pointer-events:auto}.tool{border:0;background:none;padding:8px 10px;border-radius:5px;color:#71806e;font-size:11px;display:flex;gap:6px;align-items:center}.tool>span{font-size:16px}.tool.active{background:#eaf0e3;color:#3d603d}.tool:hover{background:#f0f4eb}.history-toolbar .icon-button{width:29px;height:29px}.node{position:absolute;display:flex;flex-direction:column;width:204px;min-height:98px;border:1px solid var(--card-border);border-radius:11px;background:var(--card-bg);box-shadow:0 3px 8px #374e2f08,0 1px 2px #374e2f08;padding:15px 17px;cursor:grab;user-select:none;touch-action:none}.node:hover{box-shadow:0 5px 17px #29492d18}.node.selected{outline:2px solid #658959;outline-offset:3px;z-index:5}.node.connect-source{outline:2px dashed #658959;outline-offset:4px}.node.search-dim{opacity:.25}.node-header{display:flex;gap:7px;align-items:center;margin-bottom:8px}.node-marker{font-size:13px}.node-priority{font-size:8px;padding:3px 6px;border-radius:4px;background:#ffffffa6;color:#747b62;letter-spacing:.3px}.node-title{font-size:14px;line-height:1.5;font-weight:500;overflow-wrap:anywhere;white-space:pre-wrap}.node-note{font-size:10px;color:#74816e;margin-top:8px;line-height:1.55;white-space:pre-wrap;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.node-marker.done+.node-title{text-decoration:line-through}.node-footer{display:flex;align-items:center;justify-content:space-between;margin-top:10px;font-size:9px;color:#788572}.connector-dot{position:absolute;width:11px;height:11px;border:2px solid #f6f7f3;background:#8da37c;border-radius:50%;right:-6px;top:45%;opacity:0}.node:hover .connector-dot,.node.selected .connector-dot{opacity:1}.group{position:absolute;border:1px dashed var(--group-border);border-radius:20px;background:var(--group-bg);user-select:none;touch-action:none}.group.selected{outline:2px solid #89a076;outline-offset:4px}.group-head{position:absolute;left:18px;right:13px;top:12px;display:flex;align-items:center;gap:9px;cursor:grab}.group-name{font-size:11px;letter-spacing:.3px;font-weight:600;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-count{font-size:9px;opacity:.6}.collapse-group{background:#ffffff88;width:24px;height:24px;border-radius:5px;font-size:15px}.group.collapsed{height:62px!important;background:var(--group-bg)}.resize-handle{position:absolute;right:4px;bottom:4px;width:20px;height:20px;cursor:nwse-resize;color:#92a285;font-size:15px;text-align:center}.edge-path{fill:none;stroke:#9cae91;stroke-width:1.7}.edge-hit{fill:none;stroke:transparent;stroke-width:17;pointer-events:stroke;cursor:pointer}.edge.selected .edge-path{stroke:#456d42;stroke-width:2.5}.edge-label rect{fill:#f6f7f3;stroke:#e0e8da;stroke-width:1}.edge-label text{fill:#7b8a71;font:10px system-ui,sans-serif;text-anchor:middle;dominant-baseline:central}.edge-label{pointer-events:all;cursor:pointer}.canvas-bottom{position:absolute;bottom:24px;left:27px;right:25px;display:flex;align-items:center;justify-content:space-between;pointer-events:none;z-index:15}.canvas-bottom>span{font-size:10px;color:#8a9782}.zoom-toolbar{padding:3px}.zoom-toolbar .icon-button{font-size:17px;width:29px;height:28px}.zoom-toolbar>span{width:1px;height:17px;background:var(--line);margin:0 3px}.zoom-value{font-size:10px;width:46px;background:none}.canvas-guide{position:absolute;bottom:70px;left:28px;font-size:9px;color:#9aa68e;pointer-events:none}.canvas-guide span{margin:0 7px}.mode-hint{position:absolute;top:82px;left:26px;font-size:11px;background:#fff;padding:10px 14px;box-shadow:var(--shadow);border:1px solid var(--line);border-radius:8px;z-index:16}.inspector{position:absolute;top:21px;right:20px;width:250px;background:#fffffffa;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:17px;z-index:20;max-height:calc(100% - 96px);overflow:auto}.inspector-head{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#899680;margin-bottom:13px}.inspector-head .icon-button{width:23px;height:23px;font-size:18px}.inspector label{display:block;font-size:10px;color:#76856e;margin-top:13px}.inspector input,.inspector textarea,.inspector select{display:block;width:100%;margin-top:6px;font-size:11px;padding:9px}.inspector textarea{resize:vertical}.inspector .check-label{display:flex;align-items:center;gap:8px}.inspector .check-label input{width:auto;margin:0}.swatches{display:flex;gap:8px;margin-top:8px}.swatch{width:25px;height:25px;border-radius:50%;border:1px solid #a2ae9666}.swatch.current{outline:2px solid #6f8c5c;outline-offset:2px}.inspector .delete{color:#ab695b;background:none;font-size:11px;padding:10px 0;margin-top:18px;border-top:1px solid var(--line);width:100%;text-align:left}.inspector .button{width:100%;font-size:10px;margin-top:10px}.align-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.align-actions button{padding:9px 6px}.inspector p{font-size:11px;line-height:1.7;color:#7e8b75}#marquee{position:absolute;border:1px solid #7c9a68;background:#9cbb7c22;pointer-events:none;z-index:10}#empty-state{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);text-align:center;width:min(400px,85%);pointer-events:none}#empty-state>span{font-size:45px;color:#94ab80}#empty-state h2{font-size:23px;font-weight:500;letter-spacing:-.5px}#empty-state p{font-size:12px;color:#8c9881;line-height:1.8;margin-bottom:22px}#empty-state button{pointer-events:auto}kbd{font-family:inherit;font-size:10px;border:1px solid #dfe5d8;border-radius:4px;padding:1px 5px;background:#f6f8f2;color:#819072;white-space:nowrap}dialog{border:1px solid var(--line);border-radius:17px;padding:28px;width:min(520px,calc(100vw - 30px));max-height:90dvh;overflow:auto;color:var(--ink);box-shadow:0 25px 100px #162a2630}dialog::backdrop{background:#263c3445;backdrop-filter:blur(4px)}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:20px}.dialog-head h2{font-size:23px;font-weight:500;letter-spacing:-.6px;margin:9px 0 0}.dialog-head .icon-button{margin:-10px -10px 0 0;font-size:25px}dialog p{font-size:12px;line-height:1.8;color:#7f8c78}dialog label{display:block;font-size:11px;color:#77866f;margin:17px 0 0}dialog textarea{width:100%;margin-top:7px;font-size:13px}.optional{color:#a1ad99;font-size:10px;margin-left:5px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:23px}.small{font-size:10px!important;line-height:1.8;color:#8a9881}.export-options{display:flex;flex-direction:column;gap:9px;margin-top:23px}.export-options>button{display:flex;align-items:center;gap:16px;background:#fbfcf9;border:1px solid var(--line);border-radius:9px;padding:14px;text-align:left}.export-options>button:hover{background:#edf3e7;border-color:#a0b98a}.format{display:flex;width:37px;height:37px;align-items:center;justify-content:center;border-radius:7px;background:#eaf0e2;color:#6c8855;font-size:20px}.export-options strong{display:block;font-size:12px;font-weight:500}.export-options em{font-size:9px;font-style:normal;margin-left:6px;color:#8a9a7a}.export-options small{display:block;font-size:10px;color:#8b9683;margin-top:5px}.export-options b{margin-left:auto;font-weight:400;color:#7b9168}#help-dialog{width:min(650px,calc(100vw - 30px))}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 25px}.help-grid h3{font-size:12px;font-weight:600}.help-grid p{font-size:11px}.shortcuts{border-top:1px solid var(--line);margin-top:15px;padding-top:17px;line-height:2.5;font-size:10px;color:#78866e}.shortcuts kbd{margin-right:5px}#toast{position:fixed;bottom:27px;left:50%;transform:translate(-50%,15px);background:#294936;color:#edf2e8;box-shadow:0 4px 20px #18332325;border-radius:9px;padding:12px 19px;font-size:12px;z-index:100;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:90vw}#toast.visible{opacity:1;transform:translate(-50%,0)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}[hidden]{display:none!important}#print-area{display:none}body[data-tool=pan] #viewport{cursor:grab}body[data-tool=connect] .node{cursor:crosshair}body.dragging,body.dragging *{cursor:grabbing!important}body.selecting #viewport{cursor:crosshair}
@media(max-width:1150px){.app-header{gap:18px;padding:0 20px}.privacy{display:none}.app-header nav{margin-left:auto}.sidebar{width:230px;padding:24px 17px 16px}.sidebar-heading{flex-wrap:wrap;row-gap:9px}.document-title{padding-left:20px}.document-title input{width:180px}.canvas-top{left:18px;gap:6px}.tool{padding:8px 7px;font-size:10px}.inspector{width:225px;right:14px;top:80px;max-height:calc(100% - 150px)}}
@media(max-width:760px){.app-header{height:65px;padding:0 13px;gap:12px}.brand{font-size:16px}.brand-mark{font-size:28px}.document-title{display:none}.app-header nav{gap:6px}.app-header .button{min-height:33px;padding:8px 10px;font-size:11px}.app-header .icon-button{width:26px}.app-layout{height:calc(100dvh - 65px)}.sidebar{width:178px;padding:20px 12px 14px}h1{font-size:21px;margin-top:15px}.intro{font-size:10px;margin-bottom:18px}.sidebar-heading .eyebrow{font-size:7px;letter-spacing:1px}.sidebar-heading .text-button{font-size:9px}.button{font-size:10px;padding:10px 8px}.wide{gap:3px}.wide kbd{display:none}.secondary-actions .button{font-size:10px}.sidebar-divider{margin:17px 0 15px}.search input{font-size:10px}.search kbd{display:none}.list-node{font-size:10px;padding:8px 3px}.sidebar-bottom{gap:5px}.sidebar-bottom p{font-size:9px}.sidebar-bottom strong{font-size:9px}.local-icon{display:none}.canvas-top{top:14px;left:12px;right:12px;flex-wrap:wrap;gap:7px}.tool{font-size:0;gap:0;padding:7px 11px}.tool span{font-size:17px}.history-toolbar .icon-button{width:27px}.inspector{top:72px;right:10px;left:10px;width:auto;max-height:55%;padding:13px}.canvas-bottom{bottom:17px;left:12px;right:12px}.canvas-bottom>span,.canvas-guide{display:none}.zoom-toolbar{margin-left:auto}.mode-hint{top:110px;left:12px;right:12px;font-size:10px}.help-grid{grid-template-columns:1fr}.dialog-head h2{font-size:21px}dialog{padding:23px}.export-options>button{padding:11px;gap:10px}.export-options small{font-size:9px}.format{width:31px;flex-shrink:0}}
@media(max-width:480px){.sidebar{width:65px;padding:17px 8px}.sidebar-heading,h1,.intro,.sidebar-divider,.search,.list-heading,.node-list,.sidebar-bottom{display:none}.sidebar .wide{font-size:0;padding:0;min-height:43px;position:relative}.sidebar .wide:before{content:'＋';font-size:24px}.secondary-actions .button{font-size:0;min-height:42px;padding:0}.secondary-actions .button:first-child:before{content:'≡';font-size:23px}.secondary-actions .button:last-child:before{content:'▧';font-size:22px}.sidebar .wide:after{content:'Gedanke';font-size:8px;position:absolute;top:49px;color:#6c7e60}.secondary-actions{margin-top:34px;gap:22px}.secondary-actions .button{position:relative}.secondary-actions .button:after{font-size:8px;position:absolute;top:46px;color:#6c7e60}.secondary-actions .button:first-child:after{content:'Abladen'}.secondary-actions .button:last-child:after{content:'Insel'}.app-header .subtle span{display:none}.app-header .button{font-size:11px}.brand{font-size:14px}.brand-mark{font-size:24px}.canvas-top{gap:5px}.mode-toolbar{gap:0}.tool{padding:7px 9px}.history-toolbar{gap:0}.history-toolbar .icon-button{width:25px}#empty-state h2{font-size:19px}.node{touch-action:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{@page{size:landscape;margin:12mm}body{overflow:visible;background:white}.app-header,.app-layout,dialog,#toast{display:none!important}#print-area{display:block!important;color:#263c34}#print-area h1{font-size:19px;margin:0 0 5mm}#print-area svg{width:100%;height:auto;max-height:170mm}#print-area .print-note{font-size:9px;color:#777;margin-top:3mm}}

.mobile-new{display:none}#export-title{display:block;width:100%;margin-top:7px} @media(max-width:760px){.mobile-new{display:inline-flex}} @media(max-width:360px){.app-header #export-button span{display:none}.app-header #export-button{font-size:16px;width:33px;padding:6px}}
/* Workflow 2: quiet canvas, keyboard-first capture, expandable left rail. */
.app-header{gap:22px}.workflow-select{font-size:8px;letter-spacing:1.1px;color:#829078;display:flex;flex-direction:column;gap:4px;flex-shrink:0}.workflow-select select{font-size:12px;padding:5px 25px 5px 0;background:none;border:0;border-radius:0;min-width:155px;color:#3e6044;letter-spacing:0}.sidebar{width:62px;padding:0;overflow:visible;display:block;position:relative;z-index:25;transition:width .16s}.side-rail{position:absolute;inset:0 auto 0 0;width:62px;display:flex;flex-direction:column;align-items:center;gap:15px;padding:21px 7px;background:#fff;border-right:1px solid var(--line);z-index:2}.rail-button{width:40px;height:40px;position:relative;flex-shrink:0;border:1px solid transparent;border-radius:9px;background:none;color:#7b8d71;font-size:22px}.rail-button:hover,.rail-button[aria-pressed=true]{background:#edf3e6;color:#3d663c;border-color:#dce6d2}.pin-button{margin-top:auto;font-size:25px}.inbox-rail>span{position:absolute;right:1px;top:0;border-radius:10px;min-width:16px;padding:1px 4px;background:#ebf0e4;border:1px solid #fff;font-size:9px;color:#607b4c}.sidebar-content{position:absolute;top:0;bottom:0;left:62px;width:268px;padding:23px 20px 18px;display:flex;flex-direction:column;background:#fff;border-right:1px solid var(--line);box-shadow:12px 0 32px #354e3710;visibility:hidden;opacity:0;transform:translateX(-8px);transition:opacity .14s,transform .14s,visibility .14s}.sidebar.expanded .sidebar-content,.sidebar.pinned .sidebar-content{visibility:visible;opacity:1;transform:none}.sidebar.pinned{width:330px}.sidebar h1{font-size:20px;margin:15px 0 7px;letter-spacing:-.4px;display:block}.sidebar .intro{font-size:10px;margin:0 0 17px;line-height:1.6;display:block}.sidebar-heading{display:flex}.sidebar .wide{font-size:11px;padding:11px 12px;min-height:39px;gap:6px}.sidebar .wide:before,.sidebar .wide:after,.sidebar .secondary-actions .button:before,.sidebar .secondary-actions .button:after{content:none}.sidebar .wide kbd{display:block}.sidebar .secondary-actions{margin-top:9px;gap:8px;display:flex;flex-wrap:wrap}.sidebar .secondary-actions .button{font-size:10px;padding:9px 8px;min-height:34px;position:static}.sidebar .sidebar-divider{display:block;margin:17px 0;min-height:1px}.sidebar .search{display:flex}.sidebar .list-heading{display:flex;margin-top:17px}.sidebar .node-list{display:block;flex:1;min-height:50px}.sidebar .sidebar-bottom{display:flex;margin-top:12px;padding-top:12px}.sidebar .sidebar-bottom p{font-size:9px}.sidebar .sidebar-bottom strong{font-size:10px}.sidebar .list-node{font-size:11px}.inbox-section{margin-top:22px;min-height:65px}.inbox-heading{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.9px;color:#829278}.inbox-heading b{display:inline-block;margin-left:3px;font-size:9px;font-weight:400;background:#edf3e6;padding:2px 5px;border-radius:4px}.inbox-heading .text-button{font-size:9px;letter-spacing:0}.inbox-info{font-size:9px;line-height:1.6;color:#98a38e;margin:8px 0}.inbox-section #inbox-list{max-height:160px;overflow:auto}.inbox-item{display:flex;align-items:center;gap:7px;border-top:1px solid #edf0e8;padding:7px 0}.inbox-item>span{font-size:11px;line-height:1.5;flex:1;overflow-wrap:anywhere}.inbox-item .icon-button{width:25px;height:25px;font-size:16px;background:#f3f6ef}.inbox-item .remove-inbox{background:none;color:#a29f91;font-size:14px}.inbox-empty{font-size:10px;line-height:1.6;color:#a0aa96;margin:7px 0}.inbox-item button:focus-visible{outline-offset:1px}.details-button{background:#ffffffed;border:1px solid var(--line);font-size:10px;min-height:38px;box-shadow:var(--shadow)}.details-button[aria-pressed=true]{background:#eaf0e3}.quick-composer{position:absolute;bottom:83px;left:50%;transform:translateX(-50%);width:min(560px,calc(100% - 50px));background:#fffffff5;border:1px solid #d9e3d0;box-shadow:0 7px 30px #28442a12;padding:12px 15px 10px;border-radius:13px;z-index:17}.quick-caption{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:8px}.quick-caption label{font-size:8px;letter-spacing:1.2px;color:#7f9272;white-space:nowrap}.quick-caption>span{font-size:9px;color:#96a28a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:65%}.quick-row{display:flex;align-items:center;gap:8px}.quick-row input{border:0;background:none;padding:6px 0;font-size:14px;width:100%;outline-offset:0}.quick-row .button{font-size:17px;min-height:34px;padding:5px 12px}.quick-shortcuts{display:flex;gap:15px;margin-top:8px;color:#95a089;font-size:9px}.quick-shortcuts kbd{font-size:8px;background:#f7f9f3;margin-right:3px}.quick-composer:focus-within{border-color:#8eaa76;box-shadow:0 7px 30px #28442a1c}.canvas-guide{bottom:54px;left:50%;transform:translateX(-50%);white-space:nowrap;z-index:17;font-size:9px;pointer-events:auto}.canvas-guide>span{margin:0 3px}.canvas-guide button{padding:0;background:none;color:#6c8660;font-size:9px;text-decoration:underline;text-underline-offset:3px}.comment-badge{position:absolute;right:11px;top:9px;background:#ffffffb8;border:1px solid #d5dfca;width:23px;height:22px;border-radius:6px;color:#7e916f;font-size:12px;display:flex;align-items:center;justify-content:center}.node.has-comment .node-title{padding-right:14px}.node .node-note{margin-top:10px}.shortcut-table{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;border-top:1px solid var(--line);padding-top:10px;margin-top:16px}.shortcut-table>div{display:flex;align-items:center;gap:10px;padding:9px 0;font-size:10px;border-bottom:1px solid #eff2eb;color:#7a8870}.shortcut-table kbd{font-size:9px;flex-shrink:0;min-width:72px}.shortcut-table>div>span{line-height:1.5}#bulk-target{display:block;width:100%;margin-top:6px;font-size:12px}.sidebar-content[inert]{pointer-events:none}.node[tabindex]:focus-visible{outline:2px solid #638d50;outline-offset:4px}body[data-workflow=dump] .quick-composer{border-color:#dccba8}body[data-workflow=dump] .quick-caption label{color:#a18a60}body[data-workflow=dump] #rail-inbox{background:#fbf2de}body[data-workflow=dump] .quick-row .primary{background:#8e7a50;border-color:#8e7a50}
@media(max-width:1300px){.privacy{display:none}.app-header nav{margin-left:auto}}
@media(max-width:1000px){.app-header{gap:15px}.document-title{padding-left:15px;min-width:120px}.document-title input{width:145px}.workflow-select select{min-width:140px}.brand{font-size:17px}.app-header .button{font-size:11px}.quick-composer{width:min(510px,calc(100% - 40px))}.canvas-guide{font-size:8px}.canvas-guide button{font-size:8px}}
@media(max-width:760px){.app-header{height:97px;align-items:flex-start;padding-top:13px}.app-header nav{align-items:center}.workflow-select{position:absolute;left:79px;bottom:8px;flex-direction:row;gap:12px;align-items:center;font-size:7px}.workflow-select select{font-size:11px;min-width:145px;padding:3px 20px 3px 0}.app-layout{height:calc(100dvh - 97px)}.side-rail{padding-top:14px;gap:14px}.sidebar-content{width:255px;padding:20px 17px}.sidebar.pinned{width:62px}.sidebar{width:62px}.canvas-top{flex-wrap:nowrap;gap:6px;right:8px;left:10px}.details-button{font-size:0;padding:6px 8px}.details-button:before{content:'▤';font-size:16px}.history-toolbar{gap:0}.inspector{top:73px;bottom:210px;max-height:none}.quick-composer{bottom:81px;padding:11px;width:calc(100% - 23px)}.quick-caption{gap:8px}.quick-caption label{font-size:7px;letter-spacing:.6px}.quick-caption>span{font-size:8px;max-width:55%}.quick-shortcuts{gap:8px;font-size:8px;flex-wrap:wrap;line-height:1.5;margin-top:6px}.quick-shortcuts kbd{font-size:7px;margin-right:0}.quick-row input{font-size:13px}.canvas-guide{bottom:53px;width:calc(100% - 25px);text-align:center;white-space:normal;line-height:1.6;display:block}.canvas-guide>span:nth-child(2){display:none}.canvas-bottom{bottom:12px}.canvas-top .mode-toolbar{padding:3px}.canvas-top .tool{padding:7px 8px}.history-toolbar .icon-button{width:23px}.shortcut-table{grid-template-columns:1fr}.shortcut-table kbd{min-width:110px}.sidebar .sidebar-bottom{display:none}.sidebar .secondary-actions .button{font-size:9px}.sidebar .search input{font-size:11px}}
@media(max-width:380px){.side-rail{width:48px;padding-left:4px;padding-right:4px}.sidebar,.sidebar.pinned{width:48px}.sidebar-content{left:48px;width:min(255px,calc(100vw - 48px))}.rail-button{width:36px;height:37px}.quick-shortcuts{font-size:7px;gap:7px}.quick-caption>span{max-width:48%}.canvas-top{gap:3px;left:6px}.canvas-top .tool{padding:7px}.history-toolbar .icon-button{width:22px}.details-button{padding:6px}.workflow-select{left:61px}}
@media print{.quick-composer,.side-rail{display:none!important}}