@font-face{font-family:Geist Sans;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://cdn.jsdelivr.net/npm/geist@1.7.2/dist/fonts/geist-sans/Geist-Variable.woff2) format("woff2")}@font-face{font-family:Geist Sans;font-style:italic;font-weight:100 900;font-display:swap;src:url(https://cdn.jsdelivr.net/npm/geist@1.7.2/dist/fonts/geist-sans/Geist-Italic%5Bwght%5D.woff2) format("woff2")}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://cdn.jsdelivr.net/npm/geist@1.7.2/dist/fonts/geist-mono/GeistMono-Variable.woff2) format("woff2")}:root{--empower-primary: #456bd1;--empower-primary-dark: #3553ab;--empower-primary-soft: #e8edf6;--empower-teal: var(--empower-primary);--empower-teal-dark: var(--empower-primary-dark);--empower-teal-soft: var(--empower-primary-soft);--empower-ink: #111827;--empower-muted: #52525b;--empower-bg: #f4f4f5;--empower-surface: #ffffff;--empower-border: #e4e4e7;--empower-canvas: #fafafa;--board-accent-coral: #e76f51;--board-organ-teal: #2a9d8f;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 9999px;--shadow: 0 1px 3px rgba(17, 24, 39, .08), 0 4px 12px rgba(17, 24, 39, .04);--magnet-shadow-rest: 0 1px 2px rgba(44, 62, 80, .18), 0 1px 1px rgba(44, 62, 80, .1);--magnet-shadow-hover: 0 4px 10px rgba(44, 62, 80, .22);--magnet-shadow-lift: 0 10px 24px rgba(44, 62, 80, .28), 0 4px 8px rgba(44, 62, 80, .16);--magnet-motion: box-shadow .16s ease-out, transform .16s ease-out;--magnet-filter-rest: drop-shadow(0 1px 2px rgba(44, 62, 80, .18)) drop-shadow(0 1px 1px rgba(44, 62, 80, .1));--magnet-filter-hover: drop-shadow(0 4px 10px rgba(44, 62, 80, .22));--magnet-filter-lift: drop-shadow(0 10px 24px rgba(44, 62, 80, .28)) drop-shadow(0 4px 8px rgba(44, 62, 80, .16));font-family:Geist Sans,Geist,system-ui,-apple-system,sans-serif;color:var(--empower-ink);background:var(--empower-bg);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}button{font-family:inherit;cursor:pointer;border:none;border-radius:var(--radius-md);padding:.5rem .9rem;font-weight:600;font-size:.875rem}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--empower-primary);outline-offset:2px}input:not(.title-input),select,textarea{font:inherit;color:var(--empower-ink);background:var(--empower-surface);border:1px solid var(--empower-border);border-radius:var(--radius-md);padding:.5rem .65rem}code,kbd,pre,samp{font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}h1,h2,h3{font-weight:600;letter-spacing:-.025em}.btn-primary{background:var(--empower-primary);color:#fff;border-radius:var(--radius-pill)}.btn-primary:hover:not(:disabled){background:var(--empower-primary-dark)}.btn-secondary{background:var(--empower-surface);color:var(--empower-ink);border:1px solid var(--empower-border);border-radius:var(--radius-md)}.btn-secondary:hover:not(:disabled){background:var(--empower-bg)}.btn-ghost{background:transparent;color:var(--empower-primary-dark);border-radius:var(--radius-md);padding:.35rem .6rem}.app-shell{display:flex;flex-direction:column;height:100%;min-height:0}.topbar{display:flex;align-items:center;gap:1rem;padding:.65rem 1.1rem;min-height:4rem;background:var(--empower-primary);color:#fff;border-bottom:1px solid var(--empower-primary-dark);flex-shrink:0}.topbar :focus-visible{outline:2px solid white;outline-offset:2px}.topbar .btn-secondary{background:transparent;color:#fff;border-color:color-mix(in srgb,white 45%,transparent)}.topbar .btn-secondary:hover:not(:disabled){background:color-mix(in srgb,white 14%,transparent)}.topbar .btn-primary{background:#fff;color:var(--empower-primary)}.topbar .btn-primary:hover:not(:disabled){background:var(--empower-primary-soft);color:var(--empower-primary-dark)}.topbar .btn-ghost{color:#fff}.brand{display:flex;align-items:center;gap:.55rem;font-weight:600;letter-spacing:-.025em;color:#fff}.brand-mark{width:28px;height:28px;border-radius:var(--radius-md);background:#fff;display:grid;place-items:center;color:var(--empower-primary);font-size:.75rem;font-weight:700}.brand span.sub{font-weight:500;color:color-mix(in srgb,white 78%,var(--empower-primary));font-size:.8rem}.title-input{flex:1 1 10rem;min-width:0;max-width:320px;border:1px solid transparent;border-radius:var(--radius-md);padding:.4rem .55rem;font:inherit;font-weight:600;color:#fff;background:transparent}.title-input:hover,.title-input:focus{border-color:color-mix(in srgb,white 55%,transparent);background:color-mix(in srgb,white 12%,transparent)}.topbar-actions{display:flex;align-items:center;gap:.5rem;margin-left:auto}.status-pill{font-size:.75rem;color:#fff;padding:.25rem .55rem;background:color-mix(in srgb,white 16%,transparent);border-radius:var(--radius-pill)}.status-pill.ok{color:var(--empower-primary-dark);background:#fff}.status-pill.err{color:#b91c1c;background:#fee2e2}.workspace,.present-workspace{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:0;flex:1;min-height:0}.bay{background:var(--empower-surface);border-left:1px solid var(--empower-border);display:flex;flex-direction:column;min-height:0;min-width:0}.bay-header{padding:.85rem 1rem .5rem;border-bottom:1px solid var(--empower-border)}.bay-header h2{margin:0 0 .25rem;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--empower-muted)}.bay-header p{margin:0;font-size:.75rem;color:var(--empower-muted);line-height:1.35}.bay-actions{display:flex;flex-wrap:wrap;gap:.4rem;padding:.65rem 1rem;border-bottom:1px solid var(--empower-border)}.bay-list{flex:1;overflow:auto;padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.bay-empty{color:var(--empower-muted);font-size:.8rem;text-align:center;padding:1.5rem .5rem}.bay-item{display:flex;align-items:center;justify-content:center;gap:.55rem;padding:.55rem .65rem;background:var(--empower-bg);border:1px dashed var(--empower-border);border-radius:var(--radius-md);cursor:grab;-webkit-user-select:none;user-select:none;transition:border-color .15s,box-shadow .15s}.bay-item:hover{border-color:var(--empower-primary);box-shadow:var(--shadow)}.bay-item:active{cursor:grabbing}.bay-item img{width:40px;height:40px;flex:0 0 auto;margin-inline:auto;object-fit:contain;object-position:center;background:transparent;border:none;box-shadow:none}.bay-item .label-chip{margin-inline:auto;background:#fff;border:1px solid var(--empower-border);border-radius:var(--radius-sm);padding:.35rem .55rem;font-size:.8rem;font-weight:600;color:var(--empower-primary-dark)}.canvas-panel{display:flex;flex-direction:column;min-width:0;min-height:0;padding:1rem;gap:.65rem}.canvas-meta{display:flex;justify-content:space-between;align-items:baseline;font-size:.8rem;color:var(--empower-muted)}.canvas-stage-wrap{flex:1;overflow:auto;overflow-anchor:none;display:flex;justify-content:center;align-items:flex-start;padding-bottom:1rem}.canvas-stage{position:relative;background:var(--empower-canvas);border:2px solid var(--empower-border);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden;flex-shrink:0}.canvas-stage.drag-over{border-color:var(--empower-primary);outline:2px dashed var(--empower-primary);outline-offset:-6px}.grid-snap-overlay{position:absolute;left:0;top:0;width:1600px;height:900px;max-width:none;pointer-events:none;z-index:0;-webkit-user-select:none;user-select:none}.canvas-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;color:var(--empower-muted);font-size:.9rem;opacity:.7}.placed-item{position:absolute;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;z-index:1;filter:var(--magnet-filter-rest);transform:translateY(0) scale(1);transition:var(--magnet-motion),filter .16s ease-out}.placed-item:hover:not(.dragging):not(.locked){filter:var(--magnet-filter-hover);transform:translateY(-1px)}.placed-item:active{cursor:grabbing}.placed-item.dragging,[data-magnet-source].placed-item{opacity:0!important;filter:none!important;transform:none!important}.magnet-drag-preview{position:fixed!important;z-index:100000!important;width:max-content;height:max-content;margin:0!important;pointer-events:none!important;opacity:1!important;transition:none!important;filter:var(--magnet-filter-lift)!important;transform:translateY(-2px) scale(1.02)!important;background:transparent}.magnet-drag-preview .label-chip,.magnet-drag-preview.label-chip{display:inline-flex;align-items:center;justify-content:center;background:#fff;border:2px solid var(--empower-primary);border-radius:var(--radius-sm);padding:.45rem .7rem;font-size:.85rem;font-weight:600;color:var(--empower-primary-dark);box-shadow:none;white-space:nowrap}.placed-item .label-chip{background:#fff;border:2px solid var(--empower-primary);border-radius:var(--radius-sm);padding:.45rem .7rem;font-size:.85rem;font-weight:600;color:var(--empower-primary-dark);box-shadow:none;white-space:nowrap}.placed-item img,.magnet-drag-preview img{width:auto;height:auto;max-width:var(--token-long, 80px);max-height:var(--token-long, 80px);object-fit:contain;display:block;background:transparent;border:none;box-shadow:none;border-radius:0}.bay-item img.token-icon{width:40px;height:40px;max-width:40px;max-height:40px;flex:0 0 auto;margin-inline:auto;object-fit:contain;object-position:center;background:transparent}.bay-item img.token-scene{width:72px;height:48px;max-width:100%;max-height:52px;flex:0 1 auto;margin-inline:auto;object-fit:contain;object-position:center;background:transparent}.bay-item img.token-chip,.bay-item img.token-mmol,.bay-item img.token-legend,.bay-item img.token-med{width:auto;max-width:100%;height:auto;max-height:52px;flex:0 1 auto;margin-inline:auto;object-fit:contain;object-position:center;background:transparent}.home{max-width:640px;margin:3rem auto;padding:0 1.25rem}.home h1{margin:0 0 .35rem;font-size:1.75rem;font-weight:600;letter-spacing:-.03em;color:var(--empower-primary)}.home .lede{color:var(--empower-muted);margin:0 0 1.5rem;line-height:1.5}.home-card{background:var(--empower-surface);border:1px solid var(--empower-border);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow)}.home-card h2{margin:0 0 .75rem;font-size:1rem}.board-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.board-list li button{width:100%;text-align:left;background:var(--empower-bg);border:1px solid var(--empower-border);display:flex;justify-content:space-between;gap:1rem}.board-list li button:hover{border-color:var(--empower-primary)}.board-list li.library-item{display:flex;gap:.4rem;align-items:stretch}.board-list li.library-item>.open-board,.board-list li.library-item>.invite-meta{flex:1;width:auto;min-width:0}.board-list li.library-item>.copy-link{width:auto;align-self:center;white-space:nowrap}.invite-meta{text-align:left;background:var(--empower-bg);border:1px solid var(--empower-border);border-radius:var(--radius-sm);padding:.55rem .75rem;font-size:.85rem;display:flex;flex-direction:column;gap:.15rem}.invite-url{margin:.45rem 0 0;padding:.45rem .55rem;background:#fff;border:1px solid var(--empower-border);border-radius:var(--radius-sm);font-size:.8rem;line-height:1.45;word-break:break-all}.copy-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:.55rem}@media(max-width:560px){.board-list li.library-item{flex-direction:column}.board-list li.library-item>.copy-link{width:100%}}.board-list .meta{font-weight:500;color:var(--empower-muted);font-size:.75rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--empower-ink) 40%,transparent);display:grid;place-items:center;z-index:100;padding:1rem}.modal{background:#fff;border-radius:var(--radius-lg);padding:1.25rem;width:min(400px,100%);box-shadow:var(--shadow)}.modal h3{margin:0 0 .75rem;font-size:1.05rem}.modal label{display:block;font-size:.8rem;font-weight:600;margin-bottom:.35rem}.modal input[type=text]{width:100%;padding:.5rem .65rem;border:1px solid var(--empower-border);border-radius:var(--radius-sm);font:inherit;margin-bottom:.85rem}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem}.error-banner{background:#fee2e2;color:#991b1b;padding:.55rem 1rem;font-size:.85rem}.info-banner{background:var(--empower-primary-soft);color:var(--empower-primary-dark);padding:.55rem 1rem;font-size:.85rem}.bay-item.locked,.placed-item.locked{cursor:default;opacity:.98}.canvas-stage.recap-stage{border-color:var(--empower-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--empower-primary) 22%,transparent),var(--shadow)}.present-shell:fullscreen,.present-shell:-webkit-full-screen{background:var(--empower-bg);width:100%;height:100%}.present-topbar{background:var(--empower-primary)}.present-toolbar{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap;padding:.45rem 1.1rem;background:var(--empower-surface);border-bottom:1px solid var(--empower-border);flex-shrink:0}.mode-toggle{display:inline-flex;border:1px solid var(--empower-border);border-radius:var(--radius-lg);overflow:hidden;flex-shrink:0}.mode-toggle button{border-radius:0;background:var(--empower-surface);color:var(--empower-ink);border-right:1px solid var(--empower-border)}.mode-toggle button:last-child{border-right:none}.mode-toggle button[aria-pressed=true]{background:var(--empower-primary);color:#fff}.snap-toggle{border:1px solid var(--empower-border);background:var(--empower-surface);color:var(--empower-ink);border-radius:var(--radius-lg);flex-shrink:0}.snap-toggle[aria-pressed=true]{background:var(--empower-primary);color:#fff;border-color:var(--empower-primary)}.walkthrough-controls{display:inline-flex;align-items:center;gap:.4rem;flex-wrap:wrap;min-width:0}.step-indicator{font-variant-numeric:tabular-nums;font-weight:700;min-width:3.2rem;text-align:center;font-size:.9rem}.step-title{font-size:.85rem;font-weight:600;color:var(--empower-ink)}.walkthrough-caption{display:flex;gap:.75rem;align-items:baseline;flex-wrap:wrap;padding:.6rem 1.1rem;background:var(--empower-primary-soft);color:var(--empower-ink);border-bottom:1px solid color-mix(in srgb,var(--empower-primary) 28%,var(--empower-border));flex-shrink:0;line-height:1.4}.walkthrough-caption strong,.walkthrough-caption span{font-size:.95rem}.canvas-stage.walkthrough-stage{border-color:var(--empower-primary)}.focus-zone{position:absolute;border:3px dashed var(--board-organ-teal);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--board-organ-teal) 12%,transparent);pointer-events:none;z-index:0;box-sizing:border-box}.focus-zone-label{position:absolute;top:6px;left:8px;font-size:12px;font-weight:700;color:var(--board-organ-teal);background:#ffffffeb;padding:2px 6px;border-radius:var(--radius-sm)}.placed-item.is-focus{outline:3px solid var(--empower-primary);border-radius:var(--radius-md)}.placed-item.is-dim{opacity:.38}.topbar-actions{flex-wrap:wrap;justify-content:flex-end}@media(max-width:800px){.topbar{flex-wrap:wrap;row-gap:.45rem}.topbar-actions{flex:1 1 100%;margin-left:0;justify-content:flex-start}}