#project-workspace.wb-view .pw-body{max-width:none;padding:0;height:100vh;overflow:hidden;position:relative}
#project-workspace.wb-view{height:100vh;overflow:hidden}
#project-workspace.wb-view .pw-shell{height:100vh;min-height:0}
#project-workspace.wb-view .pw-sidebar{min-height:0;overflow-y:auto}
#project-workspace.wb-view .pw-topline,#project-workspace.wb-view #page-heading,#project-workspace.wb-view #capture-form{display:none}
#project-workspace.wb-view #page{height:100%;margin:0}
#project-workspace.wb-view #error-bar:not([hidden]){position:absolute;top:64px;left:20px;right:20px;z-index:100;box-shadow:0 5px 30px #0005}
#project-workspace.wb-focus-mode .pw-sidebar{display:none}
#project-workspace.wb-focus-mode .pw-shell{grid-template-columns:minmax(0,1fr)}
#project-workspace .wb-shell{height:100%;position:relative;overflow:hidden;background:var(--pw-bg,#171b20);isolation:isolate}
#project-workspace .wb-canvas{position:absolute;inset:0;overflow:hidden;touch-action:none;outline:none;cursor:default}
#project-workspace .wb-canvas[data-tool=pan],#project-workspace .wb-canvas.wb-panning{cursor:grab}
#project-workspace .wb-canvas[data-tool=ink],#project-workspace .wb-canvas[data-tool=connect]{cursor:crosshair}
#project-workspace .wb-canvas[data-tool=text],#project-workspace .wb-canvas[data-tool=note]{cursor:text}
#project-workspace .wb-grid{background-image:radial-gradient(circle,var(--pw-line) 1px,transparent 1px)}
#project-workspace .wb-world{position:absolute;left:0;top:0;width:1px;height:1px;transform-origin:0 0}
#project-workspace .wb-nodes{position:absolute;inset:0;width:1px;height:1px}
#project-workspace .wb-top,#project-workspace .wb-tools,#project-workspace .wb-bottom,#project-workspace .wb-inspector{position:absolute;display:flex;align-items:center;gap:5px;z-index:10;background:var(--pw-surface);border:1px solid var(--pw-line);border-radius:10px;box-shadow:0 4px 18px var(--pw-shadow);padding:6px}
#project-workspace .wb-top{top:16px;left:18px;right:18px;gap:9px;box-shadow:none;background:var(--pw-bg);border-color:transparent}
#project-workspace .wb-top>input{min-width:70px;max-width:300px;flex:1;background:transparent;border:0;font-size:16px;font-weight:500;padding:5px}
#project-workspace .wb-top>select{max-width:170px;font-size:12px;background:var(--pw-surface);border:1px solid var(--pw-line);border-radius:6px;padding:7px}
#project-workspace .wb-button{border:0;background:transparent;color:var(--pw-muted);border-radius:5px;font-size:12px;padding:7px 9px;min-height:30px;white-space:nowrap}
#project-workspace .wb-button:hover,#project-workspace .wb-button[aria-pressed=true]{background:var(--pw-selected);color:var(--pw-ink)}
#project-workspace .wb-button:disabled{opacity:.3;cursor:default}
#project-workspace .wb-tools{left:50%;bottom:56px;transform:translateX(-50%);gap:2px}
#project-workspace .wb-tools .wb-button{font-size:18px;min-width:34px;padding:6px}
#project-workspace .wb-pencil{position:absolute;bottom:113px;left:50%;transform:translateX(-50%);z-index:10;display:flex;align-items:center;gap:9px;max-width:calc(100% - 32px);padding:8px 12px;border:1px solid var(--pw-line);border-radius:9px;background:var(--pw-surface);box-shadow:0 4px 18px var(--pw-shadow)}
#project-workspace .wb-pencil[hidden]{display:none}
#project-workspace .wb-stroke-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#project-workspace .wb-pencil-label,#project-workspace .wb-pencil-width,#project-workspace .wb-selection-count{font-size:11px;color:var(--pw-muted);white-space:nowrap}
#project-workspace .wb-pencil-width{min-width:31px;font-variant-numeric:tabular-nums}
#project-workspace :is(.wb-pencil,.wb-stroke-controls) input[type=color]{width:28px;min-width:0;height:27px;padding:2px;border:1px solid var(--pw-line);border-radius:5px;background:var(--pw-bg);cursor:pointer}
#project-workspace :is(.wb-pencil,.wb-stroke-controls) input[type=range]{width:86px;min-width:0;padding:0;accent-color:var(--pw-focus);cursor:pointer}
#project-workspace :is(.wb-pencil,.wb-stroke-controls) select{padding:5px;border:1px solid var(--pw-line);border-radius:5px;background:var(--pw-bg);font-size:11px}
#project-workspace .wb-bottom{bottom:10px;left:50%;transform:translateX(-50%);box-shadow:none;border:0;background:transparent;font-size:11px}
#project-workspace .wb-zoom{min-width:35px;text-align:center;color:var(--pw-muted)}
#project-workspace .wb-save-state{font-size:10px;color:var(--pw-muted);margin-left:auto}
#project-workspace .wb-status{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--pw-muted);font-size:11px}
#project-workspace .wb-inspector{top:70px;left:50%;transform:translateX(-50%);max-width:calc(100% - 40px);flex-wrap:wrap;justify-content:center}
#project-workspace .wb-inspector input{background:var(--pw-bg);border:1px solid var(--pw-line);border-radius:4px;padding:6px;min-width:190px;font-size:12px}
#project-workspace .wb-swatches{display:flex;gap:5px;padding:0 5px}
#project-workspace .wb-swatches .wb-button{height:16px;min-height:16px;width:16px;padding:0;border-radius:50%;border:1px solid #ffffff25}
#project-workspace .wb-item{position:absolute;z-index:2;outline:none;user-select:none;touch-action:none;overflow:visible;color:var(--pw-ink);border:1px solid transparent;border-radius:6px}
#project-workspace .wb-note{background:color-mix(in srgb,var(--note-color) 11%,var(--pw-surface));border-color:color-mix(in srgb,var(--note-color) 38%,transparent);box-shadow:0 3px 12px #00000014}
#project-workspace .wb-copy{white-space:pre-wrap;overflow:auto;overflow-wrap:anywhere;height:100%;padding:17px 18px;font-size:17px;line-height:1.55}
#project-workspace .wb-text .wb-copy{padding:8px 10px;font-size:21px;line-height:1.5}
#project-workspace :is(.wb-text,.wb-note,.wb-shape){color:var(--wb-node-text-color,var(--wb-default-text-color,#859ec8))}
#project-workspace .wb-item.selected{outline:2px solid var(--pw-focus);outline-offset:3px}
#project-workspace .wb-item:focus-visible{outline:2px solid var(--pw-focus);outline-offset:3px}
#project-workspace .wb-item>input[type=checkbox]{position:absolute;top:8px;left:8px;width:15px;height:15px;z-index:2}
#project-workspace .wb-item:has(>input[type=checkbox]) .wb-copy{padding-top:31px;padding-bottom:30px}
#project-workspace .wb-task-done .wb-copy{text-decoration:line-through;color:var(--pw-muted)}
#project-workspace .wb-task-label{position:absolute;bottom:7px;left:12px;font-size:10px;color:var(--pw-muted)}
#project-workspace .wb-edit-text{position:absolute;inset:0;width:100%;height:100%;resize:none;background:var(--pw-surface);border:1px solid var(--pw-focus);border-radius:5px;padding:17px;font-size:17px;line-height:1.55;user-select:text;z-index:3}
#project-workspace .wb-text .wb-edit-text{font-size:21px;padding:8px}
#project-workspace .wb-edit-text[contenteditable]{overflow:auto;outline:none;white-space:pre-wrap;overflow-wrap:anywhere;cursor:text;min-height:100%;height:auto;max-height:12000px}
#project-workspace .wb-rich :is(p,h1,h2,h3){padding:0;margin:0;min-height:1.5em;line-height:1.5;font-size:inherit;color:inherit;letter-spacing:normal;font-weight:inherit}
#project-workspace .wb-rich h1{font-size:36px;font-weight:700;line-height:1.2;letter-spacing:-.6px;margin-bottom:.2em}
#project-workspace .wb-rich h2{font-size:28px;font-weight:650;line-height:1.3;margin-bottom:.15em}
#project-workspace .wb-rich h3{font-size:22px;font-weight:600;line-height:1.4}
#project-workspace .wb-rich :is(ul,ol){padding:0 0 0 1.35em;margin:0;list-style-position:outside}
#project-workspace .wb-rich ul{list-style-type:disc}
#project-workspace .wb-rich ol{list-style-type:decimal}
#project-workspace .wb-rich li{padding:0;margin:0;min-height:1.5em;line-height:1.5;display:list-item}
#project-workspace .wb-rich span{white-space:pre-wrap;box-decoration-break:clone;-webkit-box-decoration-break:clone}
#project-workspace .wb-rich span[data-highlight]{color:#17202b}
#project-workspace .wb-formatbar{position:absolute;z-index:20;top:70px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:3px;flex-wrap:wrap;width:max-content;max-width:calc(100% - 32px);padding:7px 9px;border:1px solid var(--pw-line);background:var(--pw-surface);box-shadow:0 5px 20px var(--pw-shadow);border-radius:10px}
#project-workspace .wb-formatbar :is(input,select){background:var(--pw-bg);border:1px solid var(--pw-line);border-radius:5px;font-size:12px;padding:5px;min-width:0;height:30px}
#project-workspace .wb-formatbar input.wb-font-size{width:51px}
#project-workspace .wb-formatbar input[type=color]{width:27px;padding:3px;cursor:pointer}
#project-workspace .wb-formatbar select{max-width:115px}
#project-workspace .wb-formatbar .wb-button{padding:5px 7px;min-width:26px}
#project-workspace .wb-format-bold{font-weight:800}
#project-workspace .wb-format-italic{font-style:italic}
#project-workspace .wb-format-underline{text-decoration:underline}
#project-workspace .wb-format-strike{text-decoration:line-through}
#project-workspace .wb-format-hint{flex-basis:100%;text-align:center;font-size:10px;line-height:1.4;color:var(--pw-muted);padding-top:3px;pointer-events:none}
#project-workspace .wb-colour-settings{margin:18px 0;padding:20px;display:grid;gap:12px}
#project-workspace .wb-colour-settings h2{font-size:17px;margin:0}
#project-workspace .wb-colour-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
#project-workspace .wb-colour-controls label{font-size:13px;margin-right:6px}
#project-workspace .wb-colour-controls input[type=color]{width:38px;height:32px;padding:3px;border:1px solid var(--pw-line);border-radius:5px;background:var(--pw-bg)}
#project-workspace .wb-colour-controls input[type=text]{width:96px;padding:7px;font:13px monospace;border:1px solid var(--pw-line);border-radius:5px;background:var(--pw-bg)}
#project-workspace .wb-colour-preview{font-size:21px;line-height:1.5}
#project-workspace .wb-frame{z-index:0;border:1px dashed color-mix(in srgb,var(--note-color) 65%,transparent);background:color-mix(in srgb,var(--note-color) 3%,transparent);border-radius:10px}
#project-workspace .wb-frame>.wb-copy{height:40px;padding:10px 38px 8px 14px;font-size:13px;font-weight:600;color:var(--note-color)}
#project-workspace .wb-frame>.wb-button{position:absolute;right:5px;top:4px}
#project-workspace .wb-frame>.wb-edit-text{height:42px;padding:9px;font-size:14px}
#project-workspace .wb-shape{border:2px solid var(--note-color);background:color-mix(in srgb,var(--note-color) 6%,transparent)}
#project-workspace .wb-ellipse{border-radius:50%}
#project-workspace .wb-image img{width:100%;height:100%;object-fit:contain;pointer-events:none;border-radius:5px}
#project-workspace .wb-image-missing{display:block;padding:15px;border:1px dashed var(--pw-line);font-size:13px}
#project-workspace .wb-ink svg{pointer-events:none;overflow:visible}
#project-workspace .wb-resize{position:absolute;bottom:-5px;right:-5px;width:12px;height:12px;border:2px solid var(--pw-bg);border-radius:3px;background:var(--pw-focus);cursor:nwse-resize;padding:0;z-index:4}
#project-workspace .wb-lines{position:absolute;z-index:1;overflow:visible;pointer-events:none;color:var(--pw-muted)}
#project-workspace .wb-connector line{stroke:var(--pw-muted);stroke-width:1.7}
#project-workspace .wb-connector.selected line{stroke:var(--pw-focus)}
#project-workspace .wb-connector .wb-edge-hit{stroke:transparent;stroke-width:16;pointer-events:stroke;cursor:pointer}
#project-workspace .wb-connector text{font-size:12px;fill:var(--pw-ink);paint-order:stroke;stroke:var(--pw-bg);stroke-width:5px;stroke-linejoin:round}
#project-workspace .wb-marquee{position:absolute;border:1px solid var(--pw-focus);background:color-mix(in srgb,var(--pw-focus) 12%,transparent);pointer-events:none;z-index:8}
#project-workspace .wb-empty-hint{position:absolute;top:43%;left:50%;transform:translate(-50%,-50%);pointer-events:none;text-align:center;color:var(--pw-muted)}
#project-workspace .wb-empty-hint p{font-size:27px;letter-spacing:-.7px;font-weight:400;margin-bottom:10px;color:var(--pw-ink)}
#project-workspace .wb-empty-hint span{font-size:12px}
#project-workspace .wb-menu{position:relative}
#project-workspace .wb-menu>summary{list-style:none;padding:7px;cursor:pointer;color:var(--pw-muted)}
#project-workspace .wb-menu-body{position:absolute;right:0;top:100%;width:210px;padding:7px;background:var(--pw-surface);border:1px solid var(--pw-line);border-radius:8px;display:grid;box-shadow:0 8px 30px var(--pw-shadow)}
#project-workspace .wb-menu-body button{text-align:left}
#project-workspace .wb-dialog{position:absolute;inset:0;z-index:30;display:grid;place-items:center;background:#0005;padding:25px}
#project-workspace .wb-dialog-box{position:relative;display:grid;gap:17px;max-width:560px;width:100%;max-height:80vh;overflow:auto;padding:28px;background:var(--pw-surface);border:1px solid var(--pw-line);border-radius:12px;box-shadow:0 20px 80px #0006}
#project-workspace .wb-dialog-box>h2{font-size:18px;padding-right:30px}
#project-workspace .wb-dialog-box>button:nth-child(2){position:absolute;right:12px;top:12px;font-size:18px}
#project-workspace .wb-dialog-box p{white-space:pre-wrap;font-size:13px;line-height:1.8;color:var(--pw-muted)}
#project-workspace .wb-dialog-box input:not([type=checkbox]),#project-workspace .wb-dialog-box select{min-width:0;width:100%;border:1px solid var(--pw-line);background:var(--pw-bg);border-radius:6px;padding:9px;font-size:14px}
#project-workspace .wb-dialog-box label{display:flex;align-items:center;gap:10px;font-size:13px}
#project-workspace .wb-result-list{display:grid;max-height:45vh;overflow:auto;gap:5px}
#project-workspace .wb-result-list button{text-align:left;white-space:normal;line-height:1.6;border-bottom:1px solid var(--pw-line)}
#project-workspace .wb-focused>.wb-top,#project-workspace .wb-focused>.wb-tools,#project-workspace .wb-focused>.wb-bottom,#project-workspace .wb-focused>.wb-empty-hint,#project-workspace .wb-focused>.wb-pencil{display:none}
#project-workspace .wb-exit-focus{position:absolute;right:16px;top:14px;opacity:.18;z-index:15}
#project-workspace .wb-exit-focus:hover,#project-workspace .wb-exit-focus:focus-visible{opacity:1}
@media(max-width:950px){#project-workspace .wb-top{gap:4px;left:8px;right:8px}#project-workspace .wb-top>select{max-width:100px}#project-workspace .wb-top>input{font-size:13px}#project-workspace .wb-status{display:none}}