.mobile-boards,.phone-frame-nav,.tool-label{display:none}
.canvas-top-actions{display:flex;align-items:center;gap:20px;pointer-events:auto}
.connect-toggle{display:flex;align-items:center;gap:7px;color:#82729d;font-size:11px;padding:6px 9px;border:1px solid #e4dff0;background:#fcfbff;border-radius:7px}
.connect-toggle svg{height:15px;width:15px}
.connect-toggle:hover{background:#efebfb;border-color:#b9ace2}
.context-button{display:flex;align-items:center;justify-content:center;gap:6px;height:30px;padding:0 9px;font-size:11px;color:#75658e;border-radius:5px;white-space:nowrap}
.context-button svg{width:15px;height:15px}.context-button:hover{background:#f0ebfb}
.connection-toolbar{position:absolute;display:flex;align-items:center;gap:6px;padding:6px;background:white;border:1px solid #e2dbea;border-radius:9px;box-shadow:var(--shadow);z-index:20}
.connection-toolbar-title{padding:0 8px;font-size:10px;color:#a097ad;border-right:1px solid #eae5f0}
.connection-label{pointer-events:all;cursor:pointer}.connection-label text{user-select:none;pointer-events:none}
.connection-hit{pointer-events:stroke;cursor:pointer}.connection{pointer-events:none;stroke-linecap:round;stroke-linejoin:round}
.connection-draft{pointer-events:none;stroke-linecap:round}.connection.selected{stroke:#6251c4!important;stroke-width:3}
.connection-field-row{display:flex;gap:15px}.connection-field-row .modal-field{flex:1}
.board-node.connection-target:after{content:'';position:absolute;inset:-7px;border:2px solid #7160d8;border-radius:6px;background:#7160d80b;pointer-events:none}
.connect-handle{position:absolute;z-index:7;width:30px;height:30px;padding:0;border-radius:50%;background:transparent;display:grid;place-items:center;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-50%) scale(var(--inverse-zoom,1));touch-action:none;transition:opacity .12s;cursor:crosshair}
.connect-handle:after{content:'';width:10px;height:10px;background:#fff;border:2px solid #8170cd;border-radius:50%;box-shadow:0 1px 5px #53408c20}
.connect-handle:hover:after,.connect-handle:focus-visible:after{width:14px;height:14px;background:#8170cd;box-shadow:0 0 0 4px #e8e0f9}
.port-top{left:50%;top:0}.port-right{left:100%;top:50%}.port-bottom{left:50%;top:100%}.port-left{left:0;top:50%}
.board-node.selected>.connect-handle,.board-node:hover>.connect-handle,#viewport[data-tool=connector] .connect-handle{opacity:1;visibility:visible;pointer-events:auto}
.board-node.editing>.connect-handle,.board-node.editing>.resize-handle{display:none}
.board-node.editing{z-index:8;cursor:text!important}
.board-node .node-content[contenteditable=true]{cursor:text;user-select:text;-webkit-user-select:text;touch-action:pan-y;min-height:1em}
.node-content[contenteditable=true]:empty:before{content:attr(data-placeholder);color:#6a646380;pointer-events:none}
.editing-bar{position:absolute;z-index:24;left:50%;bottom:87px;transform:translateX(-50%);display:flex;align-items:center;gap:40px;padding:7px 8px 7px 17px;background:white;border:1px solid #e2dcec;border-radius:10px;box-shadow:var(--shadow);white-space:nowrap}
.editing-bar>span{display:flex;align-items:center;gap:8px;font-size:11px;color:#91869e}
.editing-bar .button{height:32px;font-size:11px}
.object-toolbar{gap:2px}.object-toolbar .color-options{padding:0 8px}
.board-node.shape.diamond{clip-path:none;background:transparent!important;border:0;isolation:isolate}
.board-node.shape.diamond:before{content:'';position:absolute;inset:0;background:var(--shape-color,#e0d6f7);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);z-index:-1}
.modal select.text-input{height:43px}
@media(pointer:coarse){.connect-handle{width:44px;height:44px}.connect-handle:after{height:12px;width:12px}.resize-handle{width:16px;height:16px}.board-node .node-content{-webkit-text-size-adjust:100%}}
@media(max-width:700px){
  :root{--rail:0px;--header:65px}
  .rail{display:none}.topbar{left:0;padding:9px 12px 9px 6px;gap:3px}.mobile-boards{display:grid;width:42px;height:44px;color:#8c819f}
  .board-identity{flex:1;min-width:0}.board-title-row{gap:3px}.board-title{font-size:15px;max-width:min(44vw,220px)}.breadcrumbs{font-size:9px;margin-bottom:2px}.breadcrumbs .crumb-slash,.breadcrumbs span:last-child{display:none}
  .topbar-actions .button{height:39px;min-width:44px;font-size:11px;padding:0 12px}.topbar-actions .button span:last-child{font-size:0}.topbar-actions .button span:last-child:after{content:'Share';font-size:11px}
  .topbar-actions{gap:0}.collaborator,.title-separator,.board-title-row>.icon-button.favorite{display:none}.board-title-row>.icon-button{width:30px;height:32px}.present-button{display:none}
  #viewport{left:0;bottom:0}.canvas-topline{top:0;left:0;right:0;height:102px;padding:12px 16px;align-items:flex-start;background:linear-gradient(#f7f7f3 0%,#f7f7f3 75%,#f7f7f300 100%);z-index:7}.board-badge{font-size:9px;letter-spacing:.1px;margin-top:11px;background:none}.canvas-top-actions{gap:10px}.connect-toggle{display:none}.overview-toggle{font-size:0;width:38px;height:34px;justify-content:center;border:1px solid #e7e3ee;border-radius:7px;background:#fff}.overview-toggle svg{width:17px;height:17px}
  .phone-frame-nav{position:absolute;display:flex;align-items:center;justify-content:space-between;top:53px;left:16px;right:16px;z-index:8;border:1px solid #e5e0eb;border-radius:9px;padding:2px;background:#ffffffed;backdrop-filter:blur(10px);box-shadow:0 2px 8px #30203b05}
  .phone-frame-nav>.icon-button{width:38px;height:36px;color:#8e7da9}.phone-frame-nav>button:nth-child(2){font-size:11px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;height:36px;max-width:calc(100% - 80px)}.phone-frame-nav.no-frames>.icon-button{visibility:hidden}
  .toolbox{position:absolute;top:auto;bottom:max(12px,env(safe-area-inset-bottom));left:12px;right:12px;width:auto;transform:none;flex-direction:row;justify-content:space-around;gap:2px;padding:7px 4px;border-radius:15px;z-index:21;box-shadow:0 4px 20px #34214915}
  .toolbox .tool.secondary-tool,.toolbox .tool-divider{display:none}.toolbox .tool{width:calc((100% - 10px)/6);height:51px;display:flex;flex-direction:column;gap:4px;justify-content:center;border-radius:9px;min-width:44px;color:#8b8194}.toolbox .tool.active{background:#ede7fa;color:#7560b9}.toolbox .tool.active:after{display:none}.toolbox .tool svg{width:20px;height:20px}.tool-label{display:block;font-size:9px;font-weight:500;line-height:12px}
  .bottom-controls{left:50%;bottom:calc(max(12px,env(safe-area-inset-bottom)) + 83px);padding:4px 7px;border-radius:10px;gap:4px;z-index:20}.bottom-controls .icon-button{width:32px;height:34px}.bottom-controls .icon-button svg{height:17px;width:17px}.bottom-controls .toolbar-divider{margin:0 3px}.zoom-label{height:34px;width:39px;font-size:11px}
  .canvas-bottom-left{display:none}.minimap-wrap{display:none}.tool-hint{top:104px;left:16px;right:16px;transform:none;white-space:normal;font-size:11px;line-height:1.55;text-align:center;padding:10px 14px;box-shadow:0 3px 12px #31223d18;z-index:23}
  .overview-panel{top:104px!important;right:14px!important;left:14px;width:auto;max-height:calc(var(--visible-height,100dvh) - 260px)}.overview-panel #overviewContent{max-height:300px}.overview-panel .panel-heading{font-size:14px}.overview-panel .panel-tab{font-size:12px;min-height:42px}.overview-panel .frame-row{min-height:62px}.frame-row-text strong{font-size:12px}.frame-row-text small{font-size:10px}.overview-panel .add-frame{height:42px;font-size:12px}.panel-footer{display:none}
  .object-toolbar{position:absolute;left:12px!important;right:12px!important;top:auto!important;bottom:calc(max(12px,env(safe-area-inset-bottom)) + 135px);min-height:49px;max-width:none;border-radius:11px;padding:6px;gap:3px;overflow-x:auto;overscroll-behavior:contain;z-index:20;justify-content:space-between}
  .context-button{height:38px;padding:0 9px;font-size:11px;gap:5px;flex-shrink:0}.object-toolbar .context-button svg{width:15px;height:15px}.object-toolbar .color-options{gap:6px;padding:0 7px}.object-toolbar .color-swatch{height:22px;width:22px;flex-shrink:0}.object-toolbar .icon-button{height:38px;width:34px}.object-toolbar .toolbar-divider{margin:0 1px}.object-toolbar>[data-action=font-size]{display:none}
  .connection-toolbar{position:absolute;top:auto!important;bottom:calc(max(12px,env(safe-area-inset-bottom)) + 137px);left:12px!important;right:12px!important;justify-content:space-between;min-height:51px}.connection-toolbar .icon-button{height:38px;width:38px}.connection-toolbar-title{font-size:11px}
  .editing-bar{position:absolute;left:12px;right:12px;transform:none;bottom:calc(12px + var(--keyboard-offset,0px));justify-content:space-between;z-index:45;border-radius:11px}.editing-bar .button{height:40px;padding:0 17px}.editing-bar>span{font-size:12px}.editing-note .toolbox,.editing-note .bottom-controls,.editing-note .phone-frame-nav,.editing-note .canvas-topline{display:none}
  .board-node.selected>.connect-handle{opacity:1;pointer-events:auto}.connect-handle{width:40px;height:40px}.connect-handle:after{height:12px;width:12px}.resize-handle{height:13px;width:13px;right:-8px;bottom:-8px}
  .toast{bottom:calc(max(12px,env(safe-area-inset-bottom)) + 211px);left:50%;font-size:11px;width:max-content;max-width:calc(100vw - 30px);line-height:1.5}.modal-backdrop{padding:14px;align-items:center}.modal{max-height:calc(var(--visible-height,100dvh) - 28px);padding:22px;border-radius:15px}.modal.small{width:100%}.modal .text-input,.modal textarea{font-size:16px}.modal .button{min-height:44px;font-size:12px}.modal-header .icon-button{height:36px;width:36px}.modal h1{font-size:23px}.modal p{font-size:12px}.modal-field label{font-size:12px}.modal textarea{min-height:150px}
  .popover{max-width:calc(100vw - 20px)}.menu-item{min-height:44px;font-size:13px}.menu-item svg{height:18px;width:18px}.frame-pagination{bottom:84px;right:12px;max-width:calc(100% - 24px)}.frame-pagination>span{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.frame-pagination .icon-button{height:38px;width:38px}
  body.presenting .phone-frame-nav,body.presenting .connection-toolbar,body.presenting .editing-bar{display:none!important}
}
@media(max-width:360px){.toolbox{left:8px;right:8px}.toolbox .tool{min-width:42px}.object-toolbar .color-options{gap:5px}.object-toolbar .color-swatch{width:20px;height:20px}.context-button{padding:0 7px}.bottom-controls{gap:2px}.bottom-controls .icon-button{width:29px}.board-title{max-width:140px}}