.board-root input,.board-root select,.board-root textarea{touch-action:manipulation;user-select:text;-webkit-user-select:text;-webkit-touch-callout:default}.board-root{position:relative}.board-root,.board-route-shell{width:100vw;height:100vh;height:100dvh;overflow:hidden}.board-route-shell{position:fixed;inset:0;background:var(--ui-board-bg)}.board-route-shell>.board-root{width:100%;height:100%}.board-progress-overlay{position:absolute;z-index:50;pointer-events:none}.board-progress-overlay.is-fullscreen{inset:0;background:var(--ui-board-bg);display:flex;align-items:center;justify-content:center}.board-progress-overlay.is-compact{top:16px;left:50%;transform:translateX(-50%);z-index:55}.board-progress-panel{display:flex;flex-direction:column;align-items:center;gap:8px;font-family:var(--font-mono),"DM Mono",monospace;color:var(--ui-text);text-transform:uppercase;letter-spacing:.24em}.board-progress-overlay.is-compact .board-progress-panel{padding:12px 16px;background:var(--ui-ink-92);border:1px solid var(--ui-border-soft);border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.45)}.board-progress-label{font-size:12px}.board-progress-cli{font-size:11px;letter-spacing:.2em}.board-progress-cli:after{content:" _";animation:board-progress-caret 1s step-end infinite}.board-progress-meta{font-size:10px;letter-spacing:.14em;text-transform:none;opacity:.7;max-width:min(70vw,520px);text-align:center;word-break:break-word}@keyframes board-progress-caret{0%,49%{opacity:1}50%,to{opacity:0}}.board-canvas{width:100%;height:100%;position:relative;background-color:var(--ui-board-bg);touch-action:none}.board-canvas:focus,.board-canvas:focus-visible{outline:none}.board-canvas:after,.board-canvas:before{content:"";display:var(--grid-display,block);position:absolute;inset:0;pointer-events:none}.board-canvas:before{background-image:radial-gradient(var(--ui-grid-small-color) 1px,transparent 1.1px);background-size:var(--grid-small-size,24px) var(--grid-small-size,24px);background-position:var(--grid-small-x,0) var(--grid-small-y,0);opacity:var(--grid-small-opacity,.6)}.board-canvas:after{background-image:radial-gradient(var(--ui-grid-large-color) 1.4px,transparent 1.6px);background-size:var(--grid-large-size,150px) var(--grid-large-size,150px);background-position:var(--grid-large-x,0) var(--grid-large-y,0);opacity:var(--grid-large-opacity,.36)}.board-canvas .konvajs-content{position:relative;z-index:1}.board-perf-overlay{right:12px;top:12px;z-index:80;min-width:112px;padding:8px 10px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:rgba(8,8,10,.86);color:rgba(247,248,251,.82);font-family:var(--font-mono),monospace;font-size:10px;line-height:1.5}.board-perf-overlay,.minimap{position:absolute;pointer-events:none}.minimap{right:20px;bottom:20px;z-index:3;border-radius:16px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;overflow:hidden}.minimap-zoom{position:absolute;left:12px;bottom:10px;font-size:11px;color:rgba(255,255,255,.7);background:var(--ui-ink-70);border:1px solid var(--ui-white-12);border-radius:10px;padding:4px 8px;pointer-events:none}.group-color-panel{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;padding:6px 10px;background:var(--ui-ink-85);border:1px solid var(--ui-white-12);border-radius:12px;box-shadow:none;pointer-events:auto}.group-color-label{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--ui-muted)}.group-color-swatches{display:flex;align-items:center;gap:6px}.group-color-hint{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--ui-muted)}.group-color-swatch{width:16px;height:16px;border-radius:999px;border:1px solid rgba(255,255,255,.25);cursor:pointer;padding:0;background:transparent}.group-color-swatch.is-active{border-color:rgba(255,255,255,.95);box-shadow:0 0 0 2px var(--ui-ink-90),0 0 0 4px rgba(255,255,255,.8)}.group-color-swatch.is-clear{background:rgba(255,255,255,.08);color:rgba(255,255,255,.7);font-size:12px;line-height:1}.group-color-swatch.is-clear,.group-color-swatch.is-comment{display:inline-flex;align-items:center;justify-content:center}.group-color-swatch.is-comment{background:rgba(90,170,255,.18);border-color:rgba(90,170,255,.6);color:rgba(210,230,255,.95)}.group-color-swatch.is-comment svg{width:12px;height:12px}.group-color-swatch.is-delete{background:rgba(255,90,90,.22);border-color:rgba(255,90,90,.65);color:rgba(255,210,210,.95);display:inline-flex;align-items:center;justify-content:center}.group-color-swatch.is-delete svg{width:10px;height:10px}.group-color-panel input[type=color]{width:18px;height:18px;border:0;padding:0;background:transparent}.edge-action-panel,.selection-action-panel{position:absolute;z-index:4;display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--ui-ink-85);border:1px solid var(--ui-white-12);border-radius:12px;box-shadow:none;pointer-events:auto}.edge-action-panel{top:calc(var(--board-visual-top, 0px) + 72px);left:50%;transform:translateX(-50%)}.edge-delete-button,.selection-delete-button{border:1px solid rgba(255,90,90,.6);background:rgba(255,90,90,.18);color:#ffe1e1;border-radius:10px}.edge-delete-button,.selection-comment-button,.selection-delete-button{font-size:10px;padding:4px 8px;text-transform:uppercase;letter-spacing:.12em;cursor:pointer}.selection-comment-button{border:1px solid rgba(90,170,255,.6);background:rgba(90,170,255,.18);color:#d7e7ff;border-radius:10px}.link-create-menu{width:min(280px,calc(100vw - 24px));max-height:min(360px,calc(100vh - 24px))}.link-create-menu,.model-picker-menu{position:absolute;z-index:12;overflow:hidden;display:flex;flex-direction:column;gap:6px;padding:8px;background:var(--ui-surface-strong);border:1px solid var(--ui-border-soft);border-radius:10px;pointer-events:auto}.model-picker-menu{width:min(320px,calc(100vw - 24px));max-height:min(420px,calc(100vh - 24px))}.link-create-search,.model-picker-search{width:100%;border:1px solid var(--ui-border-soft);border-radius:8px;background:rgba(255,255,255,.06);color:var(--ui-text);font-size:12px;outline:none;padding:7px 8px}.link-create-options,.model-picker-options{min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.link-create-option,.model-picker-option{width:100%;border:0;border-radius:8px;background:transparent;color:var(--ui-text);text-align:left;padding:7px 8px;display:flex;flex-direction:column;gap:2px;cursor:pointer}.link-create-option.is-active,.link-create-option:hover,.model-picker-option.is-active,.model-picker-option:hover{background:rgba(var(--ui-accent-rgb),.16)}.link-create-option span,.model-picker-option span{font-size:12px;font-weight:650}.link-create-empty,.link-create-option small,.model-picker-empty,.model-picker-option small{font-size:10px;color:var(--ui-muted)}.link-create-empty,.model-picker-empty{padding:8px}.media-viewer-overlay{position:fixed;inset:0;z-index:40;display:flex;align-items:stretch;justify-content:center;padding:18px;background:rgba(0,0,0,.82);pointer-events:auto}.media-viewer-dialog{width:100%;min-height:0;display:flex;flex-direction:column;gap:12px;color:#f7f8fb}.media-viewer-header{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:12px}.media-viewer-title{min-width:0;display:flex;flex-direction:column;gap:2px}.media-viewer-title span,.media-viewer-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-viewer-title strong{font-size:15px}.media-viewer-title span{font-size:11px;color:rgba(230,235,245,.58)}.media-viewer-actions{flex:0 0 auto;display:flex;align-items:center;gap:6px}.media-viewer-close,.media-viewer-quality{height:30px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:rgba(255,255,255,.08);color:#f7f8fb;font-size:12px;font-weight:650;padding:0 10px;cursor:pointer}.media-viewer-quality.is-active{background:rgba(90,170,255,.92);border-color:rgba(255,255,255,.22);color:#07131f}.media-viewer-quality:disabled{opacity:.42;cursor:not-allowed}.media-viewer-close{width:30px;padding:0}.media-viewer-body{min-height:0;flex:1 1;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px}.media-viewer-stage{min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.media-viewer-stage img,.media-viewer-stage video{max-width:100%;max-height:calc(100vh - 96px);object-fit:contain;border-radius:8px}.media-viewer-details{min-width:0;justify-self:stretch;overflow:auto;padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(14,16,20,.84)}.media-viewer-details dl{display:flex;flex-direction:column;gap:10px;margin:0}.media-viewer-details dl div{display:grid;grid-template-columns:86px minmax(0,1fr);gap:10px}.media-viewer-details dt{color:rgba(230,235,245,.52);font-size:11px}.media-viewer-details dd{min-width:0;margin:0;color:rgba(247,248,251,.9);font-size:12px;overflow-wrap:anywhere}.media-viewer-prompt summary{cursor:pointer;color:rgba(247,248,251,.86);font-weight:650}.media-viewer-prompt p{margin:8px 0 0;color:rgba(247,248,251,.82)}.media-viewer-details pre,.media-viewer-prompt p{max-height:280px;overflow:auto;padding:10px;border-radius:8px;background:rgba(255,255,255,.06);font-size:11px;line-height:1.45;white-space:pre-wrap}.media-viewer-details pre{margin:14px 0 0;color:rgba(247,248,251,.78)}@media (max-width:820px){.media-viewer-overlay{padding:10px}.media-viewer-header{align-items:flex-start}.media-viewer-body{grid-template-columns:1fr}.media-viewer-details{max-height:34vh}}.tool-select.is-active{color:#4aa3ff}.tool-draw.is-active.is-pen{color:#3acb6f}.tool-draw.is-active.is-eraser{color:#ff5b5b}.crop-controls{position:absolute;z-index:5;display:flex;gap:6px;padding:6px;background:var(--ui-ink-85);border:1px solid var(--ui-white-12);border-radius:12px;box-shadow:none;pointer-events:auto}.minimap-canvas{display:block;border-radius:16px}.minimap-overlay{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}.sidebar{position:absolute;z-index:11;top:20px;left:20px;width:210px;padding:14px;background:var(--ui-glass-gradient),var(--ui-glass-bg);border:1px solid var(--ui-glass-border);border-radius:16px;display:flex;flex-direction:column;gap:18px;box-shadow:var(--ui-glass-shadow);-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);animation:panel-in .35s ease-out both;transition:width .18s ease,padding .18s ease;max-height:calc(100vh - 40px);overflow:visible;overflow-x:visible}.sidebar:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.35),rgba(255,255,255,0) 55%);opacity:.6;pointer-events:none;mix-blend-mode:screen}.sidebar-scroll{display:flex;flex-direction:column;gap:18px;overflow:auto;min-height:0;scrollbar-width:thin;scrollbar-color:var(--ui-white-18) transparent}.sidebar-scroll::-webkit-scrollbar{width:8px}.sidebar-scroll::-webkit-scrollbar-track{background:transparent}.sidebar-scroll::-webkit-scrollbar-thumb{background:var(--ui-white-16);border-radius:999px}.sidebar-scroll::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.28)}.sidebar-hidden{display:none}.sidebar-brand{display:flex;flex-direction:column;gap:6px;position:relative;padding-right:32px;margin-bottom:-6px}.sidebar-brand-top{display:flex;align-items:center;gap:10px;padding-right:160px}.sidebar-brand-top .brand-mark{max-width:calc(100% - 160px)}.brand-mark{align-items:center;gap:6px;font-family:var(--font-space),var(--font-ui),"DM Sans",sans-serif}.brand-mark,.brand-word{display:inline-flex;white-space:nowrap}.brand-word{font-size:18px;font-weight:700;letter-spacing:-.02em;text-transform:uppercase;align-items:baseline;gap:4px}.sidebar-brand-mark .brand-word{font-size:17px}.sidebar-brand-mark .brand-by{font-size:8px;letter-spacing:.06em;margin-left:3px;font-weight:700}html[data-theme=light] .sidebar-brand-mark .brand-by{color:#1f6fa8;text-shadow:0 0 6px rgba(15,23,28,.12)}html[data-theme=dark] .sidebar-brand-mark .brand-by{color:#7cc7ff;text-shadow:0 0 8px rgba(124,199,255,.35)}.brand-by{font-size:9px;font-weight:600;color:var(--ui-accent);letter-spacing:.08em;margin-left:4px;line-height:1;transform:translateY(-35%);text-transform:uppercase}html[data-theme=light] .brand-by{color:#1f6fa8}html[data-theme=dark] .brand-by{color:#7cc7ff}@media (max-width:640px){.brand-mark,.brand-word{white-space:normal}.brand-word{flex-wrap:wrap;row-gap:4px}.brand-by{display:block;width:100%;margin-left:0;transform:none;font-size:8px;letter-spacing:.18em}}.theme-toggle{padding:4px}.theme-toggle .icon-block{border-color:var(--ui-white-18)}.sidebar-title{font-size:18px;font-weight:700;letter-spacing:-.02em}.sidebar-toggle{position:absolute;top:18px;right:4px;width:26px;height:26px;border-radius:8px;border:1px solid var(--ui-white-12);background:var(--ui-ink-55);color:var(--ui-text);cursor:pointer;font-weight:600}.sidebar-collapsed{width:210px;padding:14px;overflow:visible}.sidebar-collapsed .sidebar-section{display:none}.sidebar-collapsed .sidebar-subtitle,.sidebar-collapsed .sidebar-title{opacity:1;pointer-events:auto}.sidebar-collapsed .sidebar-title{font-size:18px;text-align:left}.sidebar-collapsed .sidebar-brand{align-items:flex-start;text-align:left}.sidebar-collapsed .sidebar-brand-actions{justify-content:flex-start;flex-wrap:wrap;gap:0;row-gap:4px}.btn-logout{background:rgba(var(--ui-danger-rgb),.18);border-color:rgba(var(--ui-danger-rgb),.5);color:var(--ui-danger);-webkit-backdrop-filter:blur(10px) saturate(140%);backdrop-filter:blur(10px) saturate(140%)}.sidebar-subtitle{font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:var(--ui-muted)}.mobile-controls{position:absolute;top:16px;left:50%;right:auto;transform:translateX(-50%);z-index:12;display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:center;max-width:calc(100vw - 32px)}.mobile-tools{display:inline-flex;gap:6px;align-items:center;flex:0 0 auto}.sidebar-mini{position:absolute;top:14px;left:14px;z-index:13;border:1px solid var(--ui-white-16);background:var(--ui-ink-70);color:var(--ui-text);border-radius:12px;padding:6px 8px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;cursor:pointer}.mobile-controls .btn{padding:6px 10px;font-size:11px}.mobile-controls .mobile-mode-toggle,.mobile-mode-label{min-width:118px;text-align:center;white-space:nowrap}.mobile-mode-label{padding:6px 10px;border-radius:10px;border:1px solid var(--ui-white-15);background:var(--ui-ink-70);color:var(--ui-muted);font-size:11px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.sidebar-section{display:flex;flex-direction:column;gap:8px}.sidebar-section-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.sidebar-collapse{width:20px;height:20px;border-radius:8px;border:1px solid var(--ui-white-15);background:var(--ui-ink-55);color:var(--ui-text);cursor:pointer;font-size:12px;line-height:1}.sidebar-label{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ui-muted)}.sidebar-item{font-size:12px;color:var(--ui-text)}.sidebar-toggle-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sidebar-toggle-row .sidebar-item-label{margin-right:auto}.sidebar-item-label{color:var(--ui-muted)}.mode-pill,.role-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;border:1px solid var(--ui-white-12);background:var(--ui-white-04)}.mode-admin,.role-owner{border-color:rgba(var(--ui-accent-rgb),.55);color:rgba(var(--ui-accent-rgb),.95)}.mode-edit,.role-editor{border-color:rgba(120,214,255,.45);color:rgba(120,214,255,.95)}.mode-comment,.role-commenter{border-color:rgba(255,255,255,.3);color:rgba(255,255,255,.85)}.member-remove{background:rgba(255,122,122,.18);border-color:rgba(255,122,122,.6);color:#ffecec}.mode-value{font-weight:600;letter-spacing:.12em}.share-link-row{display:flex;align-items:center;gap:6px}.share-link-row input{flex:1 1;min-width:0}.share-links{display:flex;flex-direction:column;gap:8px}.share-link-title{font-size:12px;font-weight:600}.share-invite{display:flex;flex-direction:column;gap:8px}.invite-field{position:relative}.invite-field input{width:100%}.invite-suggestions{display:flex;flex-direction:column;gap:6px;padding:6px 8px;border-radius:10px;border:1px solid var(--ui-white-16);background:var(--ui-surface-strong);position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:2;max-height:180px;overflow:auto}.invite-suggestion{border:none;background:transparent;color:var(--ui-text);text-align:left;font-size:12px;font-weight:500;padding:4px 6px;border-radius:6px;cursor:pointer}.invite-suggestion:hover{color:var(--ui-accent);background:var(--ui-white-04)}.member-list{gap:8px;max-height:240px;overflow:auto}.member-list,.member-row{display:flex;flex-direction:column}.member-row{gap:6px;padding:6px;border-radius:10px;border:1px solid var(--ui-white-12);background:var(--ui-ink-82)}html[data-theme=light] .member-row{background:transparent;border-color:rgba(47,53,56,.18)}.member-info{display:flex;flex-direction:column;gap:2px}.member-email{font-size:11px}.member-role{font-size:9px;color:var(--ui-muted);letter-spacing:.12em;text-transform:uppercase}.member-row select{width:100%}.toolbar-stack{position:absolute;z-index:12;top:20px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;gap:10px;align-items:center;max-width:calc(100vw - 600px)}.toolbar{position:relative;flex-wrap:wrap;padding:8px 12px;background:var(--ui-surface);border:1px solid var(--ui-border-soft);border-radius:999px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;max-width:100%}.toolbar,.toolbar-group{display:flex;align-items:center;gap:8px}.toolbar-divider{width:1px;height:22px;background:var(--ui-border-soft)}.toolbar-meta{font-size:11px;color:var(--ui-muted);padding:0 6px;white-space:nowrap}.draw-tool{position:relative;display:inline-flex;align-items:center}.draw-panel{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);min-width:220px;background:var(--ui-surface);border:1px solid var(--ui-border-soft);border-radius:14px;padding:8px;display:flex;flex-direction:column;gap:8px;z-index:20;pointer-events:auto}.draw-row{align-items:center;gap:8px}.draw-row,.draw-swatches{display:flex;flex-wrap:wrap}.draw-swatches{gap:6px}.draw-swatch{width:18px;height:18px;border-radius:999px;border:1px solid var(--ui-white-12);padding:0;cursor:pointer}.draw-swatch.is-active{outline:2px solid rgba(var(--ui-accent-rgb),.6);outline-offset:1px}.draw-panel input[type=color]{width:22px;height:22px;border:none;padding:0;background:transparent;cursor:pointer}.draw-size label{font-size:11px;color:var(--ui-muted)}.draw-size input[type=range]{flex:1 1}.draw-size-value{font-size:11px;color:var(--ui-muted);min-width:20px;text-align:right}.add-menu{position:relative}.add-menu-panel{position:absolute;top:calc(100% + 8px);left:0;min-width:140px;max-height:min(420px,calc(100dvh - 120px));overflow-y:auto;background:var(--ui-surface);border:1px solid var(--ui-border-soft);border-radius:12px;padding:6px;display:flex;flex-direction:column;gap:4px;z-index:20}.add-menu--mobile .add-menu-panel{left:auto;right:0;max-width:calc(100vw - 24px)}.add-menu-item{border:1px solid transparent;border-radius:10px;background:transparent;color:var(--ui-text);text-align:left;padding:6px 8px;font-size:12px;cursor:pointer}.add-menu-item:hover{border-color:rgba(var(--ui-accent-rgb),.4);background:rgba(var(--ui-accent-rgb),.12)}.status-toast{position:absolute;left:20px;bottom:20px;z-index:12;display:flex;flex-direction:column;gap:8px;max-width:260px}