@font-face{font-family:Fasthand;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/fasthand/v33/0yb9GDohyKTYn_ZEERkiaE0Urhg0xTY.woff2)format("woff2"),url(https://fonts.gstatic.com/s/fasthand/v33/0yb9GDohyKTYn_ZEESku.ttf)format("truetype");unicode-range:U+1780-17FF,U+19E0-19FF,U+200C-200D,U+25CC;size-adjust:76%}@font-face{font-family:Kdam Thmor Pro;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/kdamthmorpro/v7/EJRPQgAzVdcI-Qdvt34jzurnGD7zhc5q8oWali0.woff2)format("woff2");unicode-range:U+1780-17FF,U+19E0-19FF,U+200C-200D,U+25CC;size-adjust:78%}@font-face{font-family:Kantumruy Pro;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/kantumruypro/v12/1q2AY5aECkp34vEBSPFOmJxwlEjBe6-ji2Ryyw.woff2)format("woff2");unicode-range:U+1780-17FF,U+19E0-19FF,U+200C-200D,U+25CC;size-adjust:86%}@font-face{font-family:Kantumruy Pro;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/kantumruypro/v12/1q2AY5aECkp34vEBSPFOmJxwlEjBe6-ji2Ryyw.woff2)format("woff2");unicode-range:U+1780-17FF,U+19E0-19FF,U+200C-200D,U+25CC;size-adjust:86%}:root{--font-ui:"Plus Jakarta Sans", "Kantumruy Pro", "Battambang", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-hand:"Caveat", "Fasthand", cursive, sans-serif;--font-khmer-hand:"Fasthand", "Caveat", cursive, sans-serif;--font-khmer-clean:"Kantumruy Pro", "Plus Jakarta Sans", sans-serif;--font-mono:"JetBrains Mono", monospace;--bg-app:#f4f5f7;--bg-whiteboard:#fdfdfd;--bg-slate:#0f172a;--panel-bg:#ffffffe0;--panel-border:#e2e8f0e6;--panel-shadow:0 10px 25px -5px #00000012, 0 8px 10px -6px #0000000d;--text-main:#0f172a;--text-muted:#64748b;--text-light:#94a3b8;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-light:#eff6ff;--accent-red:#d92626;--accent-green:#059669;--accent-blue:#2563eb;--accent-orange:#ea580c;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.25s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100dvh;font-family:var(--font-ui);color:var(--text-main);background-color:var(--bg-app);-webkit-font-smoothing:antialiased;margin:0;padding:0;overflow:hidden}.app-container{flex-direction:column;width:100vw;height:100dvh;display:flex;position:relative;overflow:hidden}.header-island{z-index:50;background:var(--panel-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--panel-border);border-radius:var(--radius-lg);pointer-events:auto;align-items:center;gap:5px;height:42px;padding:4px 8px;display:flex;position:absolute;top:12px;box-shadow:0 8px 24px -4px #0f172a14,0 2px 6px -1px #0f172a0a}.header-left-island{left:16px}.header-right-island{right:16px}.brand-badge{-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:2px 4px;display:flex}.brand-icon-mini{align-items:center;gap:3.5px;display:flex}.brand-dot{border-radius:50%;width:7px;height:7px}.brand-dot.red{background-color:var(--accent-red)}.brand-dot.green{background-color:var(--accent-green)}.brand-dot.blue{background-color:var(--accent-blue)}.brand-name-mini{letter-spacing:-.02em;color:#0f172a;font-size:14px;font-weight:800}.autosave-dot-mini{background:#10b981;border-radius:50%;width:6px;height:6px;margin-left:2px;animation:2.2s ease-in-out infinite autosave-pulse;box-shadow:0 0 6px #10b981a6}@keyframes autosave-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}.island-divider{background:#e2e8f0;width:1px;height:18px;margin:0 2px}.island-action-btn{color:#334155;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:5px;padding:5px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.island-action-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.island-icon-btn{color:#475569;cursor:pointer;width:32px;height:32px;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.island-icon-btn:hover:not(:disabled){color:#0f172a;background:#f1f5f9}.island-icon-btn:disabled{opacity:.35;cursor:not-allowed}.island-icon-btn.btn-danger:hover{color:#dc2626;background:#fee2e2;border-color:#fecaca}.export-dropdown-wrapper{display:inline-flex;position:relative}.export-pill-btn{color:#fff;background:#0f172a;border-color:#0000}.export-pill-btn:hover,.export-pill-btn.active{color:#fff;background:#1e293b;border-color:#0000}.action-pill-btn{border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;align-items:center;gap:7px;padding:7px 14px;font-size:13px;font-weight:600;display:inline-flex}.btn-sample{color:#166534;background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border-color:#bbf7d0}.btn-sample:hover{background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);transform:translateY(-1px);box-shadow:0 4px 12px #22c55e33}.btn-present{color:#1e40af;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border-color:#bfdbfe}.btn-present:hover{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb33}.btn-export{color:#fff;background:#1e293b}.btn-export:hover{background:#334155;transform:translateY(-1px);box-shadow:0 4px 12px #0f172a40}.export-menu-dropdown{background:var(--panel-bg);-webkit-backdrop-filter:blur(18px);border:1px solid var(--panel-border);z-index:1000;border-radius:14px;flex-direction:column;width:280px;padding:8px 6px;animation:.15s cubic-bezier(.16,1,.3,1) fadeInMenu;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 36px -6px #00000029,0 0 0 1px #0000000a}.export-menu-section-title{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;padding:6px 10px 4px;font-size:10px;font-weight:700}.export-menu-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 10px;transition:all .15s;display:flex}.export-menu-item:hover{background:#2563eb14}.export-menu-icon{color:#2563eb;flex-shrink:0}.export-menu-text{flex-direction:column;display:flex}.export-menu-label{color:#1e293b;font-size:13px;font-weight:600}.export-menu-sub{color:#64748b;font-size:11px}.export-menu-divider{background:#e2e8f0cc;height:1px;margin:6px 4px}.btn-danger-pill{color:#991b1b;background:#fee2e2;border-color:#fecaca}.btn-danger-pill:hover{background:#fecaca}.btn-secondary-pill{color:#334155;background:#f1f5f9;border-color:#e2e8f0}.btn-secondary-pill:hover{color:#0f172a;background:#e2e8f0}.icon-btn{border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-main);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover:not(:disabled){color:var(--primary);background:#f1f5f9e6;border-color:#e2e8f0cc}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.icon-btn.btn-danger:hover{color:#dc2626;background:#fef2f2;border-color:#fee2e2}.icon-btn.small{width:30px;height:30px}.history-group,.export-group{align-items:center;gap:3px;display:flex}.floating-tools-card{z-index:50;background:var(--panel-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--panel-border);border-radius:var(--radius-lg);pointer-events:auto;align-items:center;gap:3px;height:42px;padding:3px 6px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px -4px #0f172a14,0 2px 6px -1px #0f172a0a}.tool-section{align-items:center;gap:2px;display:flex}.tool-divider{background:var(--panel-border);width:1px;height:20px;margin:0 3px}.tool-btn{color:#475569;cursor:pointer;width:34px;min-width:34px;height:34px;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:0;display:inline-flex}.tool-btn:hover{color:#0f172a;background:#f1f5f9;transform:translateY(-1px)}.tool-btn.active{color:var(--primary);background:#fff;border-color:#2563eb40;box-shadow:0 2px 8px #2563eb26}.step-tool-badge{background:var(--primary-light);border:1.5px solid var(--primary);width:20px;height:20px;color:var(--primary);font-size:10.5px;font-weight:800;font-family:var(--font-mono);border-radius:50%;justify-content:center;align-items:center;display:flex}.shape-dropdown-container{align-items:center;display:flex;position:relative}.shape-split-btn{height:34px;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;display:flex}.shape-split-btn:hover{background:#f1f5f9;transform:translateY(-1px)}.shape-split-btn.active{color:var(--primary);background:#fff;border-color:#2563eb40;box-shadow:0 2px 8px #2563eb26}.shape-main-btn{width:28px;height:34px;color:inherit;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.shape-split-btn.active .shape-main-btn{color:var(--primary)}.shape-btn-icon{justify-content:center;align-items:center;width:18px;height:18px;display:flex}.shape-arrow-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-left:1px solid #00000014;border-radius:0 8px 8px 0;justify-content:center;align-items:center;width:16px;height:34px;padding:0;transition:all .15s;display:flex}.shape-split-btn.active .shape-arrow-btn{color:var(--primary);border-left-color:#2563eb33}.shape-arrow-btn:hover{color:var(--primary);background:#2563eb1a}.shape-arrow-btn.open{color:var(--primary);background:#2563eb26}.flow-shape-menu-popover{z-index:1000;background:#fff;border:1px solid #cbd5e1e6;border-radius:14px;width:330px;padding:10px;animation:.15s cubic-bezier(.16,1,.3,1) fadeInMenu;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 18px 40px -8px #0f172a38,0 0 0 1px #0000000a}.shape-menu-popover-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:baseline;margin-bottom:8px;padding:4px 6px 8px;display:flex}.shape-menu-popover-title{color:#0f172a;font-size:12px;font-weight:700}.shape-menu-popover-sub{color:#64748b;font-size:11px}.shape-menu-popover-grid{grid-template-columns:repeat(2,1fr);gap:6px;max-height:380px;display:grid;overflow-y:auto}.shape-popover-item{cursor:pointer;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:8px;transition:all .15s;display:flex}.shape-popover-item:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.shape-popover-item.active{background:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.shape-popover-icon-box{background:#f8fafc;border:1px solid #f1f5f9;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.shape-popover-item.active .shape-popover-icon-box{background:#fff;border-color:#bfdbfe}.shape-popover-text{flex-direction:column;display:flex;overflow:hidden}.shape-popover-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.shape-popover-desc{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.flow-shape-node{transition:opacity .15s}.flow-shape-node:hover{filter:drop-shadow(0 2px 8px #00000014)}.order-dropdown-container{display:inline-flex;position:relative}.order-popover-menu{z-index:1000;background:#fff;border:1px solid #cbd5e1e6;border-radius:12px;flex-direction:column;gap:2px;width:200px;padding:6px;animation:.15s cubic-bezier(.16,1,.3,1) fadeInMenu;display:flex;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 16px 36px -6px #0f172a33,0 0 0 1px #0000000a}.order-popover-item{color:#1e293b;cursor:pointer;width:100%;transition:all var(--transition-fast);background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:12px;font-weight:600;display:flex}.order-popover-item:hover{color:#0f172a;background:#f1f5f9}.order-item-left{align-items:center;gap:8px;display:flex}.order-item-shortcut{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:2px 6px;font-family:inherit;font-size:10px;font-weight:500}.order-popover-item:hover .order-item-shortcut{color:#334155;background:#e2e8f0}.align-dropdown-container{display:inline-flex;position:relative}.align-popover-menu{z-index:1000;background:#fff;border:1px solid #cbd5e1e6;border-radius:12px;flex-direction:column;gap:4px;width:220px;padding:8px;animation:.15s cubic-bezier(.16,1,.3,1) fadeInMenu;display:flex;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 16px 36px -6px #0f172a33,0 0 0 1px #0000000a}.align-menu-section-label{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;padding:2px 4px 4px;font-size:10px;font-weight:700}.align-grid-buttons{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.align-grid-btn{color:#334155;cursor:pointer;transition:all var(--transition-fast);background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 4px;font-size:11px;font-weight:600;display:flex}.align-grid-btn:hover{color:#2563eb;background:#eff6ff;border-color:#93c5fd;transform:translateY(-1px)}.align-menu-divider{background:#f1f5f9;height:1px;margin:4px 0}.floating-style-card{z-index:45;background:var(--panel-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--panel-border);border-radius:var(--radius-full);pointer-events:auto;align-items:center;gap:5px;height:38px;padding:2px 8px;animation:.15s cubic-bezier(.16,1,.3,1) fadeInMenu;display:flex;position:absolute;top:60px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px -4px #0f172a14,0 2px 6px -1px #0f172a0a}.selection-context-group,.canvas-styling-group{align-items:center;gap:5px;display:flex}.style-group{align-items:center;gap:4px;display:flex}.color-swatch-btn{cursor:pointer;width:18px;height:18px;transition:transform var(--transition-fast), box-shadow var(--transition-fast);border:1.5px solid #0000;border-radius:50%}.color-swatch-btn:hover{transform:scale(1.18)}.color-swatch-btn.active{transform:scale(1.22);box-shadow:0 0 0 2px #fff,0 0 0 3.5px #0f172a}.custom-toolbar-color-picker{justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex;position:relative}.native-color-picker-hidden{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;position:absolute;inset:0}.custom-color-swatch{justify-content:center;align-items:center;display:flex;box-shadow:0 1px 2px #00000026}.bg-fill-swatches{align-items:center;gap:4px;display:flex}.toolbar-prop-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-right:2px;font-size:10px;font-weight:700}.bg-swatch-btn{border-radius:4px;width:16px;height:16px}.custom-bg-swatch{background:#f8fafc;border:1px dashed #94a3b8;justify-content:center;align-items:center;display:flex}.brush-size-btn{cursor:pointer;width:24px;height:24px;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;display:flex}.brush-size-btn:hover{background:#f1f5f9}.brush-size-btn.active{background:#fff;border-color:#cbd5e1;box-shadow:0 1px 3px #00000014}.brush-dot{border-radius:50%}.style-segmented-control{background:#f1f5f9;border-radius:8px;align-items:center;gap:2px;padding:2px;display:flex}.seg-btn{color:#475569;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;transition:all .12s;display:inline-flex}.seg-btn:hover{color:#0f172a}.seg-btn.active{color:#0f172a;background:#fff;box-shadow:0 1px 3px #0000001a}.selection-count-badge{color:#2563eb;white-space:nowrap;background:#2563eb14;border:1px solid #2563eb38;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.selection-count-badge.group-badge{color:#4f46e5;background:#6366f11f;border:1px solid #6366f147}.group-container-node{transition:opacity var(--transition-fast)}.group-container-node.selected rect:first-child{filter:drop-shadow(0 2px 8px #6366f12e)}.group-header-pill{transition:transform var(--transition-fast), filter var(--transition-fast)}.group-header-pill:hover rect{filter:brightness(1.1)drop-shadow(0 2px 4px #0000002e)}.group-bg-palette{align-items:center;gap:3px;display:flex}.font-btn,.grid-btn{color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.font-btn:hover,.grid-btn:hover{color:var(--text-main);background:#f1f5f9}.font-btn.active,.grid-btn.active{color:var(--primary);background:#fff;border-color:#cbd5e1e6;box-shadow:0 1px 3px #0000000f}.bottom-nav-controls{z-index:45;background:var(--panel-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--panel-border);border-radius:var(--radius-lg);box-shadow:var(--panel-shadow);align-items:center;gap:4px;padding:5px 8px;display:flex;position:absolute;bottom:20px;right:20px}.zoom-text{font-size:12px;font-weight:700;font-family:var(--font-mono);color:var(--text-main);cursor:pointer;-webkit-user-select:none;user-select:none;padding:0 6px}.zoom-text:hover{color:var(--primary)}.whiteboard-container{-webkit-user-select:none;user-select:none;cursor:default;flex:1;width:100%;height:100%;position:relative;overflow:hidden}.whiteboard-container.tool-pen,.whiteboard-container.tool-highlighter{cursor:crosshair}.whiteboard-container.tool-pan{cursor:grab}.whiteboard-container.tool-pan:active{cursor:grabbing}.whiteboard-container.tool-eraser{cursor:cell}.whiteboard-container.tool-card,.whiteboard-container.tool-step,.whiteboard-container.tool-text,.whiteboard-container.tool-arrow,.whiteboard-container.tool-branch,.whiteboard-container.tool-artboard{cursor:crosshair}.whiteboard-container.grid-whiteboard{background-color:var(--bg-whiteboard);background-image:radial-gradient(circle at 100% 100%,#f0f2f580 0%,#0000 60%),radial-gradient(circle at 0 0,#f5f7fab3 0%,#0000 60%)}.whiteboard-container.grid-dots{background-color:#fff;background-image:radial-gradient(#cbd5e1 1.2px,#0000 1.2px);background-size:24px 24px}.whiteboard-container.grid-grid{background-color:#fff;background-image:linear-gradient(90deg,#e2e8f099 1px,#0000 1px),linear-gradient(#e2e8f099 1px,#0000 1px);background-size:30px 30px}.whiteboard-container.grid-slate{background-color:var(--bg-slate);background-image:radial-gradient(#334155 1.2px,#0000 1.2px);background-size:24px 24px}.whiteboard-svg{width:100%;height:100%;display:block;overflow:visible}.flow-card-node{transition:transform 80ms ease-out}.flow-card-node:hover{filter:drop-shadow(0 6px 12px #00000014)}.flow-card-node.card-glow rect:first-of-type{filter:drop-shadow(0 0 16px #2563eb99)}.step-badge-node:hover circle:nth-of-type(2){stroke-width:3.5px}.step-badge-node.step-glow circle:nth-of-type(2){filter:drop-shadow(0 0 12px #2563ebcc);animation:1.8s infinite pulse-ring}@keyframes pulse-ring{0%{r:19px}50%{r:23px}to{r:19px}}.connector-group:hover path{stroke-width:4px}.editor-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(10px);background:#0f172a7a;justify-content:center;align-items:center;padding:24px;animation:.22s cubic-bezier(.16,1,.3,1) modal-fade-in;display:flex;position:fixed;inset:0}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.editor-modal-card{background:#fff;border-radius:18px;flex-direction:column;width:100%;max-width:520px;animation:.24s cubic-bezier(.16,1,.3,1) modal-card-pop;display:flex;overflow:hidden;box-shadow:0 25px 60px -15px #0f172a4d,0 0 0 1px #e2e8f0d9}.editor-modal-card.redesigned{border-radius:20px;max-width:960px;max-height:calc(100vh - 48px)}@keyframes modal-card-pop{0%{opacity:0;transform:scale(.97)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{background:linear-gradient(#fff 0%,#fafbfc 100%);border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 22px;display:flex}.modal-title{color:#0f172a;align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.modal-close-btn{color:#64748b;cursor:pointer;width:30px;height:30px;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:0;font-size:14px;line-height:1;display:flex}.modal-close-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#e2e8f0}.modal-body{background:#fff;flex-direction:column;gap:14px;max-height:calc(100vh - 180px);padding:20px 22px;display:flex;overflow-y:auto}.modal-footer{background:#fafbfc;border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:10px;padding:14px 22px;display:flex}.modal-title-group{align-items:center;gap:14px;display:flex}.element-type-icon-badge{border-radius:11px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:inset 0 0 0 1px #0000000d}.modal-title-text{flex-direction:column;gap:3px;display:flex}.title-row{align-items:center;gap:10px;display:flex}.modal-badge-pill{font-size:11px;font-weight:700;font-family:var(--font-mono);letter-spacing:.06em;border:1px solid;border-radius:6px;padding:2px 8px}.modal-title-text h3{color:#0f172a;margin:0;font-size:17px;font-weight:700}.modal-subtitle-hint{color:#64748b;font-size:12px;font-weight:400}.modal-header-actions{align-items:center;gap:14px;display:flex}.header-kbd-hints{align-items:center;gap:6px;display:flex}.kbd-chip{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:4px;padding:3px 7px;font-size:11px;font-weight:500;display:inline-flex}.kbd-chip kbd{font-family:var(--font-mono);color:#334155;font-size:10px;font-weight:600}.close-btn-modern{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.close-btn-modern:hover{color:#0f172a;background:#f1f5f9}.modal-body-split{flex:1;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);min-height:0;display:grid;overflow:hidden}@media (width<=820px){.modal-body-split{grid-template-columns:1fr;overflow-y:auto}}.modal-form-col{flex-direction:column;gap:14px;max-height:calc(85vh - 120px);padding:20px 24px;display:flex;overflow-y:auto}.modal-form-col::-webkit-scrollbar{width:6px}.modal-form-col::-webkit-scrollbar-track{background:0 0}.modal-form-col::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.modal-form-col::-webkit-scrollbar-thumb:hover{background:#94a3b8}.modal-preview-col{background:linear-gradient(145deg,#f8fafc 0%,#f1f5f9 100%);border-left:1px solid #e2e8f0;flex-direction:column;justify-content:space-between;gap:12px;padding:20px 24px;display:flex;overflow:hidden}@media (width<=820px){.modal-preview-col{border-top:1px solid #e2e8f0;border-left:none}}.form-section-stack{flex-direction:column;gap:12px;display:flex}.form-row-paired{align-items:flex-start;gap:12px;display:flex}.flex-1{flex:1}.field-label{color:#475569;text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;align-items:center;margin-bottom:5px;font-size:11px;font-weight:700;display:flex}.field-hint{color:#94a3b8;text-transform:none;font-size:11px;font-weight:500}.input-with-icon{align-items:center;display:flex;position:relative}.input-prefix-icon{pointer-events:none;z-index:2;position:absolute;left:12px}.input-with-icon input,.form-group input[type=text],.form-group textarea{width:100%;font-family:var(--font-ui);color:#0f172a;background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;outline:none;padding:9px 13px;font-size:14px;transition:all .15s}.input-with-icon input{font-weight:600;padding-left:38px!important}.input-with-icon input:focus,.form-group input[type=text]:focus,.form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.step-badge-toggle-group{min-width:140px}.active-step-pill{background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:10px;justify-content:space-between;align-items:center;height:40px;padding:4px 8px;display:flex}.step-num-circle{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;font-size:12px;font-weight:700;display:flex;box-shadow:0 1px 3px #00000026}.step-stepper-actions{align-items:center;gap:4px;display:flex}.step-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;font-weight:700;transition:all .15s;display:flex}.step-btn:hover{color:#0f172a;background:#f1f5f9}.step-remove-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;transition:all .15s;display:flex}.step-remove-btn:hover{color:#b91c1c;background:#fee2e2}.add-step-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;height:40px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.add-step-btn:hover{color:#2563eb;background:#eff6ff;border-color:#2563eb}.bullets-header-row{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.bullet-count-badge{color:#64748b;text-transform:none;background:#f1f5f9;border-radius:6px;padding:2px 7px;font-size:11px;font-weight:600}.formatting-toolbar{background:#f8fafc;border:1.5px solid #cbd5e1;border-bottom:none;border-top-left-radius:10px;border-top-right-radius:10px;align-items:center;gap:5px;padding:5px 8px;display:flex;overflow-x:auto}.toolbar-btn-group{align-items:center;gap:4px;display:flex}.format-tool-btn{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:4px;padding:4px 7px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.format-tool-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.format-tool-btn.highlight-btn{color:#854d0e;background:#fef9c3;border-color:#fde047}.format-tool-btn.highlight-btn:hover{background:#fef08a}.toolbar-divider{background:#cbd5e1;width:1px;height:18px;margin:0 3px}.toolbar-color-group{align-items:center;gap:4px;display:flex}.format-color-chip{cursor:pointer;white-space:nowrap;border:1px solid;border-radius:6px;align-items:center;gap:4px;padding:3px 7px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.color-dot{border-radius:50%;width:7px;height:7px;display:inline-block}.bg-red{background:#dc2626}.bg-green{background:#16a34a}.bg-blue{background:#2563eb}.bg-orange{background:#ea580c}.bg-purple{background:#9333ea}.chip-red{color:#b91c1c;background:#fef2f2;border-color:#fca5a5}.chip-red:hover{background:#fee2e2}.chip-green{color:#15803d;background:#f0fdf4;border-color:#86efac}.chip-green:hover{background:#dcfce7}.chip-blue{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.chip-blue:hover{background:#dbeafe}.chip-orange{color:#c2410c;background:#fff7ed;border-color:#fdba74}.chip-orange:hover{background:#ffedd5}.chip-purple{color:#7e22ce;background:#faf5ff;border-color:#d8b4fe}.chip-purple:hover{background:#f3e8ff}.modal-bullets-textarea{width:100%;font-family:var(--font-mono), monospace;color:#0f172a;resize:vertical;background:#fff;border:1.5px solid #cbd5e1;border-top:none;border-bottom-right-radius:10px;border-bottom-left-radius:10px;outline:none;min-height:115px;padding:10px 13px;font-size:13px;line-height:1.55;transition:border-color .15s}.modal-bullets-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.syntax-hint-bar{flex-wrap:wrap;gap:7px;margin-top:5px;display:flex}.hint-pill{color:#64748b;background:#f1f5f9;border-radius:5px;padding:2px 7px;font-size:11px}.hint-pill code{color:#0f172a;font-weight:600;font-family:var(--font-mono)}.appearance-section{border-top:1px solid #f1f5f9;padding-top:10px}.color-section-header{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.active-color-name{font-size:12px;font-weight:700}.modal-color-palette{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.color-palette-circle{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .18s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 1px 3px #0000001a}.color-palette-circle:hover{transform:scale(1.15)}.color-palette-circle.active{transform:scale(1.18);box-shadow:0 0 0 2.5px #fff,0 0 0 4.5px,0 4px 10px #0003}.color-check-icon{color:#fff;filter:drop-shadow(0 1px 2px #0006)}.bg-preset-chips-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.bg-chip-btn{color:#334155;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:7px;align-items:center;gap:5px;padding:4px 8px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.bg-chip-btn:hover{background:#f8fafc;border-color:#cbd5e1}.bg-chip-btn.active{color:#1d4ed8;background:#eff6ff;border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}.bg-chip-preview{border-radius:3px;flex-shrink:0;width:13px;height:13px;display:inline-block}.transparent-preview{background:repeating-conic-gradient(#cbd5e1 0% 25%,#fff 0% 50%) 50%/6px 6px;border:1px solid #cbd5e1}.custom-color-picker-pill{color:#475569;cursor:pointer;background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:7px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex;position:relative}.custom-color-picker-pill:hover{color:#2563eb;background:#eff6ff;border-color:#2563eb}.native-color-input-overlay{opacity:0;cursor:pointer;z-index:3;width:100%;height:100%;position:absolute;inset:0}.color-hex-mini-box{background:#fff;border:1.5px solid #cbd5e1;border-radius:7px;align-items:center;height:25px;padding:2px 6px;display:inline-flex}.color-hex-mini-box input.hex-mini-input,.hex-mini-input{width:54px!important;box-shadow:none!important;font-family:var(--font-mono), monospace!important;color:#0f172a!important;text-transform:uppercase!important;background:0 0!important;border:none!important;outline:none!important;margin:0!important;padding:0!important;font-size:11px!important;font-weight:600!important}.color-hex-mini-box input.hex-mini-input:focus,.hex-mini-input:focus{box-shadow:none!important;border:none!important;outline:none!important}.custom-color-picker-container{justify-content:center;align-items:center;display:inline-flex;position:relative}.custom-rainbow-circle{box-shadow:0 1px 3px #00000026}.color-hex-input-pill{background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;align-items:center;height:32px;margin-left:4px;padding:3px 8px;transition:border-color .15s,box-shadow .15s;display:inline-flex}.color-hex-input-pill:focus-within{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}.hex-prefix{font-family:var(--font-mono);color:#94a3b8;margin-right:2px;font-size:12px;font-weight:700}.color-hex-input-pill input.hex-text-input,.hex-text-input{width:62px!important;box-shadow:none!important;font-family:var(--font-mono), monospace!important;color:#0f172a!important;text-transform:uppercase!important;background:0 0!important;border:none!important;outline:none!important;margin:0!important;padding:0!important;font-size:12px!important;font-weight:700!important}.color-hex-input-pill input.hex-text-input:focus,.hex-text-input:focus{box-shadow:none!important;border:none!important;outline:none!important}.typography-section{padding-top:2px}.typography-options-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.typography-card-btn{cursor:pointer;text-align:left;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;flex-direction:column;align-items:flex-start;gap:2px;padding:9px 12px;transition:all .15s;display:flex}.typography-card-btn:hover{background:#f8fafc;border-color:#cbd5e1}.typography-card-btn.active{background:#eff6ff;border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}.typography-card-top{justify-content:space-between;align-items:center;width:100%;display:flex}.font-option-title{color:#0f172a;font-size:12px;font-weight:700}.font-active-check{color:#2563eb}.font-option-preview{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;width:100%;margin:1px 0;font-size:15px;overflow:hidden}.font-option-desc{color:#64748b;font-size:10.5px}.preview-panel-header{justify-content:space-between;align-items:center;display:flex}.preview-status-indicator{align-items:center;gap:7px;display:flex}.live-pulse-dot{background:#10b981;border-radius:50%;width:7px;height:7px;animation:2s infinite live-pulse;box-shadow:0 0 #10b981b3}@keyframes live-pulse{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.preview-header-label{color:#475569;letter-spacing:.06em;font-size:11px;font-weight:700}.preview-meta-badge{font-size:11px;font-weight:600;font-family:var(--font-mono);color:#2563eb;background:#dbeafe;border-radius:6px;padding:2px 8px}.preview-whiteboard-stage{background:#fff radial-gradient(#e2e8f0 1px,#0000 1px) 0 0/16px 16px;border:1.5px solid #e2e8f0;border-radius:14px;flex:1;justify-content:center;align-items:center;min-height:270px;max-height:380px;padding:16px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 6px #0000000a,0 4px 12px #0f172a0d}.whiteboard-preview-canvas-wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.preview-svg-element{filter:drop-shadow(0 8px 16px #0000000f);width:100%;height:100%;max-height:340px}.preview-panel-footer{justify-content:space-between;align-items:center;display:flex}.preview-footer-chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.preview-chip{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.chip-dot{border-radius:50%;width:7px;height:7px}.modal-footer-modern{background:#fff;border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;display:flex}.footer-left-cluster{align-items:center;gap:8px;display:flex}.footer-right-cluster{align-items:center;gap:10px;display:flex}.footer-btn-danger{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.footer-btn-danger:hover{background:#fee2e2;border-color:#f87171}.footer-btn-secondary{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.footer-btn-secondary:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.footer-btn-cancel{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.footer-btn-cancel:hover{color:#0f172a;background:#f1f5f9}.footer-btn-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:9px;align-items:center;gap:8px;padding:9px 18px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 2px 6px #2563eb40}.footer-btn-primary:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb59}.footer-btn-primary:active{transform:translateY(0)}.btn-kbd-badge{font-family:var(--font-mono);color:#fff;background:#ffffff38;border-radius:4px;padding:2px 5px;font-size:10px;font-weight:700}.shapes-grid-picker{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.shape-grid-card{cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:9px;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;transition:all .15s;display:flex}.shape-grid-card:hover{background:#f8fafc;border-color:#cbd5e1}.shape-grid-card.active{background:#eff6ff;border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}.shape-card-name{color:#334155;font-size:11px;font-weight:600}.segmented-fill-control{background:#f1f5f9;border-radius:9px;gap:6px;padding:4px;display:flex}.segment-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:7px;font-size:12px;font-weight:600;transition:all .15s}.segment-btn.active{color:#0f172a;background:#fff;box-shadow:0 1px 3px #0000001a}.modern-range-slider{accent-color:#2563eb;cursor:pointer;width:100%}.slider-label-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.slider-val-badge{color:#2563eb;background:#dbeafe;border-radius:5px;padding:2px 7px;font-size:11px;font-weight:700}.step-stepper-large{align-items:center;gap:8px;display:flex}.step-stepper-btn-lg{color:#334155;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;font-weight:700;display:flex}.step-stepper-btn-lg:hover{color:#0f172a;background:#f1f5f9}.step-num-input-lg{text-align:center;border:1.5px solid #cbd5e1;border-radius:10px;width:90px;height:42px;font-size:18px;font-weight:700}.presentation-floating-bar{z-index:60;-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-full);color:#fff;background:#0f172af0;border:1px solid #ffffff26;align-items:center;gap:16px;padding:10px 18px;animation:.3s cubic-bezier(.16,1,.3,1) slide-up;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 20px 40px #00000059}@keyframes slide-up{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.pres-left{align-items:center;gap:10px;display:flex}.pres-tag{font-size:10px;font-weight:800;font-family:var(--font-mono);color:#93c5fd;border-radius:var(--radius-sm);letter-spacing:.05em;background:#2563eb66;padding:3px 7px}.pres-step-indicator{align-items:baseline;gap:4px;display:flex}.step-num{color:#fff;font-size:14px;font-weight:700}.step-total{color:#94a3b8;font-size:12px}.pres-title{color:#e2e8f0;white-space:nowrap;text-overflow:ellipsis;border-left:1px solid #ffffff26;max-width:280px;padding-left:10px;font-size:14px;font-weight:600;overflow:hidden}.pres-controls{align-items:center;gap:6px;display:flex}.pres-btn{color:#fff;cursor:pointer;width:32px;height:32px;transition:all var(--transition-fast);background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.pres-btn:hover:not(:disabled){background:#ffffff40;transform:scale(1.08)}.pres-btn:disabled{opacity:.3;cursor:not-allowed}.pres-btn.play-pause-btn{background:var(--primary)}.pres-btn.play-pause-btn:hover{background:var(--primary-hover)}.pres-btn.close-pres{color:#94a3b8;background:0 0;margin-left:6px}.pres-btn.close-pres:hover{color:#fff;background:#ffffff26}.flowboard-toast{z-index:120;color:#fff;letter-spacing:-.01em;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(12px);pointer-events:none;background:#0f172aeb;border:1px solid #ffffff26;align-items:center;gap:8px;padding:8px 18px;font-size:13px;font-weight:600;animation:.25s cubic-bezier(.16,1,.3,1) toast-pop;display:inline-flex;position:fixed;bottom:80px;left:50%;transform:translate(-50%);box-shadow:0 12px 28px -4px #00000059}@keyframes toast-pop{0%{opacity:0;transform:translate(-50%,12px)scale(.95)}to{opacity:1;transform:translate(-50%)scale(1)}}.template-dropdown-container{display:inline-flex;position:relative}.template-popover-menu{z-index:1000;background:#fff;border:1px solid #cbd5e1e6;border-radius:12px;flex-direction:column;gap:2px;width:260px;padding:6px;animation:.15s cubic-bezier(.16,1,.3,1) fadeInMenu;display:flex;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 16px 36px -6px #0f172a33,0 0 0 1px #0000000a}.template-popover-item{text-align:left;cursor:pointer;width:100%;transition:all var(--transition-fast);background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;display:flex}.template-popover-item:hover{background:#f1f5f9}.template-popover-name{color:#1e293b;font-size:12px;font-weight:700}.template-popover-desc{color:#64748b;font-size:11px}.boards-island{padding:4px 6px;top:62px;left:16px}.room-island{top:62px;right:16px}.boards-current-name{text-overflow:ellipsis;max-width:150px;overflow:hidden}.boards-count{color:var(--text-muted);border-radius:var(--radius-full);background:#e2e8f0;padding:0 6px;font-size:10px;font-weight:700}.boards-menu{background:var(--panel-bg);-webkit-backdrop-filter:blur(18px);border:1px solid var(--panel-border);z-index:1000;border-radius:14px;flex-direction:column;gap:2px;width:260px;padding:8px 6px;animation:.15s cubic-bezier(.16,1,.3,1) fadeInMenu;display:flex;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 16px 36px -6px #00000029,0 0 0 1px #0000000a}.boards-item{border-radius:8px;align-items:center;gap:4px;padding-right:2px;display:flex}.boards-item:hover,.boards-item.active{background:#2563eb14}.boards-item-name{text-align:left;color:#1e293b;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;flex:1;min-width:0;padding:8px 10px;font-size:13px;font-weight:600;overflow:hidden}.boards-item.active .boards-item-name{color:var(--primary)}.boards-item-actions{gap:0;display:none}.boards-item:hover .boards-item-actions{display:flex}.boards-item-actions .island-icon-btn{width:26px;height:26px}.view-only-badge{color:#92400e;border-radius:var(--radius-full);white-space:nowrap;background:#fef3c7;border:1px solid #fcd34d;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.presence-stack{align-items:center;display:flex}.presence-avatar{color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-left:-6px;font-size:11px;font-weight:700;display:inline-flex}.presence-avatar:first-child{margin-left:0}.presence-avatar.me{box-shadow:0 0 0 1.5px var(--primary)}.presence-avatar.more{background:#64748b}.room-status-dot{background:#94a3b8;border-radius:50%;width:7px;height:7px}.room-status-dot.online{background:var(--accent-green)}.room-status-dot.connecting{background:var(--accent-orange)}.room-status-dot.offline{background:var(--accent-red)}.rooms-card{width:100%;max-width:480px}.rooms-body{background:#fff;flex-direction:column;gap:14px;padding:20px 24px;display:flex}.rooms-footer{background:#fafbfc;border-top:1px solid #f1f5f9;justify-content:flex-end;gap:10px;padding:14px 24px;display:flex}.rooms-hint{color:#64748b;margin:0;font-size:13px;line-height:1.5}.rooms-label{text-transform:uppercase;letter-spacing:.05em;color:#475569;font-size:11.5px;font-weight:700}.rooms-code{font-family:var(--font-mono);text-transform:none;letter-spacing:0;color:#0f172a;margin-left:6px;font-weight:700}.rooms-sep{background:#f1f5f9;height:1px;margin:4px 0}.rooms-error{color:var(--accent-red);background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:0;padding:8px 12px;font-size:12.5px;font-weight:600}.rooms-row{align-items:center;gap:10px;display:flex}.rooms-row.wrap{flex-wrap:wrap}.rooms-input{color:#0f172a;min-width:0;transition:all var(--transition-fast);background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;outline:none;flex:1;padding:9px 12px;font-family:inherit;font-size:13.5px}.rooms-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1f}.rooms-input.mono{font-family:var(--font-mono);letter-spacing:.04em;font-size:13px;font-weight:600}.rooms-btn{color:#334155;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;padding:9px 16px;font-size:13px;font-weight:600}.rooms-btn:hover:not(:disabled){color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.rooms-btn:disabled{opacity:.5;cursor:not-allowed}.rooms-btn.primary{color:#fff;background:var(--primary);border-color:var(--primary);box-shadow:0 2px 8px #2563eb40}.rooms-btn.primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.rooms-btn.danger{color:var(--accent-red);background:#fff5f5;border-color:#fecaca}.rooms-btn.danger:hover:not(:disabled){background:#fee2e2}.rooms-network-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.rooms-network-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.rooms-network-badge{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;align-items:center;gap:6px;padding:3px 8px;font-size:11.5px;font-weight:700;display:inline-flex}.network-dot{background:#10b981;border-radius:50%;width:6px;height:6px}.network-dot.pulse{animation:1.8s infinite network-pulse;box-shadow:0 0 #10b981b3}@keyframes network-pulse{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 5px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.rooms-network-ip-val{font-family:var(--font-mono);color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:5px;padding:2px 7px;font-size:12px;font-weight:700}.rooms-network-note{color:#64748b;margin:0;font-size:12px;line-height:1.45}.rooms-link-origin-toggle{background:#f1f5f9;border-radius:8px;gap:2px;padding:2px;font-size:11.5px;font-weight:600;display:flex}.rooms-origin-btn{color:#64748b;cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.rooms-origin-btn.active{color:#0f172a;background:#fff;box-shadow:0 1px 3px #00000014}.view-only .floating-tools-card,.view-only .floating-style-card,.view-only .header-left-island .island-action-btn:first-of-type,.view-only .header-left-island .template-dropdown-container,.view-only .header-left-island .order-dropdown-container,.view-only .header-right-island>.island-icon-btn,.view-only .header-right-island>.island-divider:last-of-type{display:none}.floating-style-card.is-selection{height:42px;padding:3px 10px;top:auto;bottom:20px;box-shadow:0 12px 32px -6px #0f172a2e,0 2px 6px -1px #0f172a0f}.floating-style-card.is-selection .action-pill-btn:has(>svg)>span{display:none}.floating-style-card.is-selection .action-pill-btn{gap:3px;padding:0 9px}.floating-style-card.is-selection .order-popover-menu,.floating-style-card.is-selection .align-popover-menu{top:auto;bottom:calc(100% + 8px)}@media (width<=1280px){.boards-island .template-dropdown-container .island-action-btn>span,.boards-island .order-dropdown-container .island-action-btn>span,.header-left-island .island-action-btn>span{display:none}}.connector-label-node{transition:transform .15s,filter .15s}.connector-label-node:hover .connector-label-pill{filter:drop-shadow(0 2px 6px #0003);stroke-width:1.8px}.connector-label-pill{transition:all .15s}.connector-label-placeholder{opacity:.85;transition:all .15s}.connector-label-placeholder:hover{opacity:1;transform:scale(1.08)}.toolbar-connector-label-box{background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:8px;align-items:center;gap:5px;height:28px;padding:2px 8px;transition:all .15s;display:flex}.toolbar-connector-label-box:focus-within{background:#fff;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}.toolbar-label-icon{color:#64748b;flex-shrink:0}.toolbar-connector-label-input{width:95px!important;box-shadow:none!important;font-family:var(--font-ui), sans-serif!important;color:#0f172a!important;background:0 0!important;border:none!important;outline:none!important;margin:0!important;padding:0!important;font-size:12px!important;font-weight:600!important}.toolbar-connector-label-input::placeholder{color:#94a3b8;font-weight:500}.arrow-editor-section{flex-direction:column;gap:14px;display:flex}.arrow-text-suggestions{flex-wrap:wrap;align-items:center;gap:5px;margin-top:6px;display:flex}.suggestion-label{color:#94a3b8;margin-right:2px;font-size:11px;font-weight:600}.suggestion-chip{font-family:var(--font-ui), sans-serif;color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600;transition:all .15s}.suggestion-chip:hover{color:#1e293b;background:#f1f5f9;border-color:#cbd5e1}.suggestion-chip.active{color:#2563eb;background:#eff6ff;border-color:#2563eb;font-weight:700}.arrow-style-picker-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.arrow-style-card{cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:10px 8px;transition:all .15s;display:flex}.arrow-style-card:hover{background:#f8fafc;border-color:#cbd5e1}.arrow-style-card.active{background:#eff6ff;border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}.arrow-style-icon{color:#334155;font-size:18px;font-weight:700;line-height:1}.arrow-style-card.active .arrow-style-icon{color:#2563eb}.arrow-style-title{color:#334155;font-size:12px;font-weight:600}.arrow-style-card.active .arrow-style-title{color:#1e40af;font-weight:700}.corner-suboptions-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:12px;margin-top:8px;padding:8px 12px;display:flex}.corner-suboption{align-items:center;gap:6px;display:flex}.suboption-label{color:#64748b;font-size:11px;font-weight:600}