:root{--bg:#f5f5f5;--dot:#00000024;--fg:#1e1e1e;--fg-muted:#6b6b6b;--pill-bg:#fff;--pill-border:#00000014;--pill-shadow:0 4px 20px #00000026;--hover:#0000000f;--card-bg:#e9e9e9;--accent:#0d99ff;--tool:#7b3fe4;--bar-bg:#1e1e1e;--bar-fg:#fff;--bar-divider:#ffffff1f;--bar-hover:#ffffff1a;--menu-bg:#1e1e1e;--overlay:#fff9}[data-theme=dark]{--bg:#1c1c1e;--dot:#ffffff21;--fg:#f2f2f2;--fg-muted:#9a9a9a;--pill-bg:#2a2a2d;--pill-border:#ffffff14;--pill-shadow:0 4px 24px #00000080;--hover:#ffffff14;--card-bg:#2f2f33;--bar-bg:#2a2a2d;--bar-fg:#fff;--bar-divider:#ffffff1f;--bar-hover:#ffffff1a;--menu-bg:#2a2a2d;--overlay:#0000008c}:root{--on-accent:#fff;--handle-bg:#fff;--guide:#f24822;--shade:#0000001f;--shade-soft:#0000000f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--shade:#00000073;--shade-soft:#00000040;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--fg);margin:0;overflow:hidden}body{color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px}html,body,#root,.canvas,.toolbar,.zoom,.title-pill,.help-tip,.toolbar button,.zoom button,.title-pill button{transition:background-color .15s,border-color .15s,color .15s}button{font:inherit;color:inherit}kbd{background:var(--hover);white-space:nowrap;border-radius:4px;padding:1px 6px;font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.canvas{touch-action:none;background-color:var(--bg);background-image:radial-gradient(color-mix(in srgb, var(--dot) calc(var(--dot-k,1) * 100%), transparent) 1px, transparent 1.2px);width:100%;height:100%;position:relative;overflow:hidden}.canvas.over:after{content:"Drop to add";border:2px dashed var(--accent);color:var(--accent);background:color-mix(in srgb, var(--accent) 6%, transparent);pointer-events:none;z-index:40;border-radius:14px;justify-content:center;align-items:center;font-size:20px;display:flex;position:absolute;inset:12px}.layer{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.card{cursor:default;position:absolute;overflow:visible}.card-image,.card-video{background:var(--card-bg);border-radius:calc(4px / var(--s));box-shadow:0 calc(1px / var(--s)) calc(3px / var(--s)) var(--shade), 0 calc(4px / var(--s)) calc(14px / var(--s)) var(--shade-soft)}.card-text{background:0 0}.canvas.t-select .card:not(.sel):hover{outline:calc(1.5px / var(--s)) solid color-mix(in srgb, var(--accent) 60%, transparent)}.canvas.t-text .card-text,.canvas.t-text .card-shape,.card-shape.editing{cursor:text}.canvas.dup-cursor .card.sel,.canvas.dup-cursor .stroke.sel{cursor:copy}.canvas.multi .card.sel{outline:calc(1px / var(--s)) solid color-mix(in srgb, var(--accent) 55%, transparent)}.sel-box{pointer-events:none;z-index:3;outline:calc(1.5px / var(--s)) solid var(--accent);position:absolute}.handle{pointer-events:auto;z-index:2;width:calc(10px / var(--s));height:calc(10px / var(--s));margin:calc(-5px / var(--s)) 0 0 calc(-5px / var(--s));background:var(--handle-bg);border:calc(1.5px / var(--s)) solid var(--accent);border-radius:calc(2px / var(--s));box-shadow:0 0 calc(2px / var(--s)) var(--shade);position:absolute}.handle[data-handle=nw]{cursor:nwse-resize;top:0;left:0}.handle[data-handle=ne]{cursor:nesw-resize;top:0;left:100%}.handle[data-handle=sw]{cursor:nesw-resize;top:100%;left:0}.handle[data-handle=se]{cursor:nwse-resize;top:100%;left:100%}.edge{width:calc(10px / var(--s));margin-left:calc(-5px / var(--s));pointer-events:auto;cursor:ew-resize;z-index:1;position:absolute;top:0;bottom:0}.edge[data-handle=w]{left:0}.edge[data-handle=e]{left:100%}.edge:after{content:"";width:calc(6px / var(--s));height:min(calc(18px / var(--s)), 60%);background:var(--handle-bg);border:calc(1.5px / var(--s)) solid var(--accent);border-radius:calc(3px / var(--s));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.edge[data-handle=n],.edge[data-handle=s]{width:auto;height:calc(10px / var(--s));margin:calc(-5px / var(--s)) 0 0 0;cursor:ns-resize;inset:auto 0}.edge[data-handle=n]{top:0}.edge[data-handle=s]{top:100%}.edge[data-handle=n]:after,.edge[data-handle=s]:after{width:min(calc(18px / var(--s)), 60%);height:calc(6px / var(--s))}.shape-draft{pointer-events:none;z-index:4;border:calc(1.5px / var(--s)) dashed var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent);border-radius:12px;position:absolute}.marquee{background:color-mix(in srgb, var(--accent) 8%, transparent);border:calc(1px / var(--s)) solid var(--accent);pointer-events:none;position:absolute}.guide{pointer-events:none;z-index:4;position:absolute}.guide.v{border-left:calc(1px / var(--s)) solid var(--guide);width:0}.guide.h{border-top:calc(1px / var(--s)) solid var(--guide);height:0}.ui{z-index:10;position:absolute}.toolbar,.zoom,.title-pill{color:var(--fg);background:var(--pill-bg);border:1px solid var(--pill-border);box-shadow:var(--pill-shadow);align-items:center;gap:2px;display:flex}.toolbar button,.zoom button,.title-pill button{cursor:pointer;white-space:nowrap;color:var(--fg);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.sep{background:var(--pill-border);flex:none;align-self:stretch;width:1px;margin:6px 4px}.toolbar{border-radius:14px;padding:6px;bottom:16px;left:50%;transform:translate(-50%)}.toolbar button.tool{border-radius:10px;width:40px;height:40px}.toolbar button.tool svg{display:block}.toolbar button.tool:hover{background:var(--hover)}.toolbar button.tool.on{background:var(--tool);color:var(--on-accent)}.busy{color:var(--tool);font-variant-numeric:tabular-nums;padding:0 8px 0 4px;font-weight:500}.title-pill{border-radius:10px;gap:10px;height:36px;padding:0 5px 0 14px;top:12px;left:12px}.title-pill button.title{text-overflow:ellipsis;cursor:text;border-radius:6px;max-width:280px;height:26px;margin-left:-6px;padding:0 6px;font-size:13px;font-weight:600;line-height:26px;display:block;overflow:hidden}.title-pill button.title:hover{background:var(--hover)}.title-pill .title-input{color:var(--fg);background:var(--bg);border:1px solid var(--accent);-webkit-user-select:text;user-select:text;border-radius:6px;outline:none;min-width:60px;max-width:280px;height:26px;margin-left:-6px;padding:0 5px;font-family:inherit;font-size:13px;font-weight:600}.title-pill .count{color:var(--fg-muted);font-variant-numeric:tabular-nums}.title-pill .theme-btn{width:28px;height:28px;color:var(--fg-muted);border-radius:7px;margin-left:-4px;padding:0}.title-pill .theme-btn:hover{background:var(--hover);color:var(--fg)}.title-pill .theme-btn svg{display:block}.zoom{border-radius:12px;height:40px;padding:4px;bottom:16px;right:12px}.zoom button{border-radius:8px;min-width:32px;height:32px;padding:0 8px;font-size:13px}.zoom button:hover{background:var(--hover)}.zoom .pct{font-variant-numeric:tabular-nums;min-width:54px}.zoom .sep{margin:4px 2px}.help{position:relative}.zoom .q{color:var(--fg-muted);font-weight:600}.help-tip{width:max-content;max-width:420px;color:var(--fg);background:var(--pill-bg);border:1px solid var(--pill-border);box-shadow:var(--pill-shadow);border-radius:12px;flex-direction:column;gap:6px;padding:12px 14px;font-size:12px;display:none;position:absolute;bottom:calc(100% + 12px);right:-4px}.help:hover .help-tip{display:flex}.help-row{justify-content:space-between;align-items:center;gap:18px;display:flex}.help-row span{color:var(--fg-muted)}.empty{pointer-events:none;z-index:1;flex-direction:column;justify-content:center;align-items:center;display:flex;inset:0}.empty-title{color:var(--fg-muted);font-size:24px;font-weight:600}.empty-sub{color:var(--fg-muted);opacity:.85;pointer-events:auto;margin-top:8px;font-size:15px}.link{color:var(--tool);cursor:pointer;font-size:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.not-found{text-align:center;background:var(--bg);height:100%;color:var(--fg);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex}.not-found-title{font-size:24px;font-weight:600}.not-found-sub{color:var(--fg-muted);font-size:14px}.not-found-sub code{background:var(--hover);border-radius:4px;padding:1px 6px;font:13px ui-monospace,SFMono-Regular,Menlo,monospace}.not-found-btn{cursor:pointer;background:var(--accent);height:36px;color:var(--on-accent);border:0;border-radius:10px;margin-top:8px;padding:0 16px;font-weight:600}.not-found-btn:hover{filter:brightness(1.08)}.not-found-btn:disabled{opacity:.6;cursor:default}.not-found-err{color:var(--guide);font-size:13px}.drawlayer{pointer-events:none;width:1px;height:1px;position:absolute;top:0;left:0;overflow:visible}.drawlayer .stroke path{pointer-events:none}.drawlayer .stroke path.hit{pointer-events:stroke}.drawlayer .stroke path.head{pointer-events:fill}.drawlayer .preview{pointer-events:none}.drawlayer.drawing{pointer-events:all;cursor:crosshair;touch-action:none}.drawlayer.drawing .capture{pointer-events:all}.drawlayer.drawing .stroke path{pointer-events:none}.media-item{border-radius:inherit;pointer-events:none;width:100%;height:100%;position:relative;overflow:hidden}.media-item *{pointer-events:none}.media-el{object-fit:fill;border-radius:inherit;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.media-placeholder{background:var(--card-bg)}.media-overlay{justify-content:center;align-items:center;gap:calc(8px / var(--s,1));background:var(--overlay);color:var(--fg);border-radius:inherit;-webkit-backdrop-filter:blur(2px);font:500 calc(12px / var(--s,1)) / 1.2 Inter, system-ui, -apple-system, sans-serif;flex-direction:column;display:flex;position:absolute;inset:0}.spinner{width:calc(22px / var(--s,1));height:calc(22px / var(--s,1));border:calc(2.5px / var(--s,1)) solid color-mix(in srgb, var(--fg) 15%, transparent);border-top-color:var(--fg);border-radius:50%;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.media-badge-error{top:calc(6px / var(--s,1));left:calc(6px / var(--s,1));padding:calc(2px / var(--s,1)) calc(7px / var(--s,1));border-radius:calc(4px / var(--s,1));color:#fff;font:600 calc(11px / var(--s,1)) / 1.3 Inter, system-ui, -apple-system, sans-serif;background:#e03131;position:absolute}.text-item{box-sizing:border-box;width:100%;min-height:1lh;color:var(--fg);white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;-webkit-user-select:none;user-select:none;cursor:inherit;outline:none;margin:0;padding:0}.text-item.editing{-webkit-user-select:text;user-select:text;cursor:text;caret-color:currentColor;outline:calc(1px / var(--s,1)) dashed var(--accent);outline-offset:calc(3px / var(--s,1))}.text-item.editing:empty:before{content:attr(data-placeholder);opacity:.35;pointer-events:none}.cb{z-index:30;box-sizing:border-box;white-space:nowrap;background:var(--bar-bg);height:40px;color:var(--bar-fg);box-shadow:var(--pill-shadow), 0 0 0 1px var(--pill-border);-webkit-user-select:none;user-select:none;cursor:default;border-radius:12px;align-items:center;gap:2px;padding:0 4px;font:500 13px/1 Inter,system-ui,-apple-system,Segoe UI,sans-serif;display:flex;position:absolute}.cb-ctx{flex-wrap:wrap;row-gap:2px;width:max-content;max-width:calc(100vw - 24px);height:auto;min-height:40px;padding:4px}.cb-ctx .cb-sep{min-height:16px;margin:8px 4px}.cb-seg{flex:none;align-items:center;gap:2px;display:flex}.cb-pen{gap:4px;padding:0 8px;position:fixed;bottom:84px;left:50%;transform:translate(-50%)}.cb-sep{background:var(--bar-divider);flex:none;align-self:stretch;width:1px;margin:8px 4px}.cb-btn{box-sizing:border-box;min-width:32px;height:32px;color:var(--bar-fg);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;justify-content:center;align-items:center;gap:4px;padding:0 7px;display:inline-flex}.cb-btn:hover{background:var(--bar-hover)}.cb-btn.on{background:color-mix(in srgb, var(--bar-fg) 16%, transparent)}.cb-btn svg{flex:none;display:block}.cb-chev{opacity:.7;margin-left:-1px;display:inline-flex}.cb-label{padding:0 2px}.cb-trunc{text-overflow:ellipsis;max-width:96px;line-height:16px;display:inline-block;overflow:hidden}.cb-note{color:color-mix(in srgb, var(--bar-fg) 60%, transparent);padding:0 6px;font-size:12px}.cb-drop{display:inline-flex;position:relative}.cb-menu{z-index:40;box-sizing:border-box;background:var(--menu-bg);min-width:168px;color:var(--bar-fg);box-shadow:var(--pill-shadow), 0 0 0 1px var(--bar-divider);border-radius:10px;flex-direction:column;padding:6px;display:flex;position:absolute;top:calc(100% + 10px);left:-4px}.cb[data-up="1"] .cb-menu{top:auto;bottom:calc(100% + 10px)}.cb-menu.row{flex-direction:row;gap:2px;min-width:0}.cb-item{width:100%;height:30px;color:var(--bar-fg);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:0 10px 0 4px;font-size:13px;display:flex}.cb-item:hover{background:var(--bar-hover)}.cb-item.active{background:var(--tool)}.cb-check{flex:none;justify-content:center;width:16px;display:inline-flex}.cb-grow{flex:1;font-family:Inter,system-ui,sans-serif}.cb-dim{color:color-mix(in srgb, var(--bar-fg) 55%, transparent);font-variant-numeric:tabular-nums;font-family:Inter,system-ui,sans-serif}.cb-item.active .cb-dim{color:color-mix(in srgb, var(--bar-fg) 80%, transparent)}.cb-menu-foot{border-top:1px solid var(--bar-divider);margin:6px -6px -6px;padding:8px 10px}.cb-menu.cb-styles{min-width:200px}.cb-styles .cb-item{height:auto;min-height:30px;padding-top:3px;padding-bottom:3px}.cb-style-name{white-space:nowrap;line-height:1.2}.cb-style-name.muted{color:color-mix(in srgb, var(--bar-fg) 60%, transparent)}.cb-styles .cb-dim{font-size:12px}.cb-num{box-sizing:border-box;background:var(--bar-hover);width:100%;height:28px;color:var(--bar-fg);border:1px solid var(--bar-divider);border-radius:6px;outline:none;padding:0 8px;font:13px Inter,system-ui,sans-serif}.cb-num:focus{border-color:var(--tool)}.cb-colors{flex-direction:column;gap:8px;padding:4px;display:flex}.cb-swatches{grid-template-columns:repeat(3,24px);gap:8px;display:grid}.cb-swatches.wide{grid-template-columns:repeat(5,24px)}.cb-swatches.fills{grid-template-columns:repeat(4,24px)}.cb-swatch.cb-fill{border-radius:6px}.cb-swatch{cursor:pointer;width:24px;height:24px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bar-fg) 25%, transparent);border:0;border-radius:50%;flex:none;padding:0}.cb-swatch:hover{transform:scale(1.1)}.cb-swatch.active{outline:2px solid var(--tool);outline-offset:2px}.cb-auto{background:linear-gradient(135deg,#1e1e1e 50%,#f5f5f5 50%)}.cb-pen .cb-swatch{width:22px;height:22px}.cb-custom{color:color-mix(in srgb, var(--bar-fg) 75%, transparent);cursor:pointer;align-items:center;gap:8px;font-size:12px;display:flex}.cb-custom input[type=color]{cursor:pointer;width:24px;height:24px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bar-fg) 25%, transparent);background:0 0;border:0;border-radius:50%;padding:0;overflow:hidden}.cb-custom.round input[type=color]{width:22px;height:22px}.cb-custom input[type=color]::-webkit-color-swatch-wrapper{padding:0}.cb-custom input[type=color]::-webkit-color-swatch{border:none;border-radius:50%}.cb-custom input[type=color]::-moz-color-swatch{border:none;border-radius:50%}.media-play{width:calc(44px / var(--s,1));height:calc(44px / var(--s,1));filter:drop-shadow(0 calc(1px / var(--s,1)) calc(4px / var(--s,1)) #0000004d);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.viewer{z-index:100;color:#fff;-webkit-user-select:none;user-select:none;background:#000000eb;justify-content:center;align-items:center;font:500 13px/1.3 Inter,system-ui,-apple-system,Segoe UI,sans-serif;display:flex;position:fixed;inset:0}.viewer-media{object-fit:contain;-webkit-user-drag:none;outline:none;max-width:calc(100vw - 96px);max-height:calc(100vh - 96px);display:block;box-shadow:0 8px 40px #00000080}.viewer-media:fullscreen{width:100vw;max-width:100vw;height:100vh;max-height:100vh;box-shadow:none;background:#000}.viewer-empty{color:#fff9}.viewer-top{gap:6px;display:flex;position:absolute;top:8px;right:8px}.viewer-btn,.viewer-nav{box-sizing:border-box;color:#fff;cursor:pointer;background:#ffffff1a;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background .12s;display:inline-flex}.viewer-btn{width:36px;height:36px}.viewer-btn:hover,.viewer-nav:hover{background:#ffffff38}.viewer-nav{width:40px;height:40px;position:absolute;top:50%;transform:translateY(-50%)}.viewer-nav.prev{left:4px}.viewer-nav.next{right:4px}.viewer-caption{text-overflow:ellipsis;white-space:nowrap;color:#ffffffb3;font-variant-numeric:tabular-nums;max-width:80vw;font-size:12px;position:absolute;bottom:14px;left:50%;overflow:hidden;transform:translate(-50%)}.rich{white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;outline:none}.rich[contenteditable]{-webkit-user-select:text;user-select:text;cursor:text;caret-color:currentColor}.rich[contenteditable]:empty:before{content:attr(data-placeholder);opacity:.35;pointer-events:none}.rich p{margin:0}.rich ul,.rich ol{margin:.2em 0;padding-left:1.4em}.rich li>ul,.rich li>ol,.rich ul>ul,.rich ul>ol,.rich ol>ul,.rich ol>ol{margin:0}.rich ul{list-style-type:disc}.rich ul ul{list-style-type:circle}.rich ul ul ul{list-style-type:square}.rich ol{list-style-type:decimal}.rich ol ol{list-style-type:lower-alpha}.rich ol ol ol{list-style-type:lower-roman}.rich li{margin:.15em 0}.rich a{color:var(--accent);text-decoration:underline}.rich b,.rich strong{font-weight:700}.shape-item{box-sizing:border-box;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.shape-item>.rich{box-sizing:border-box;-webkit-user-select:none;user-select:none;width:100%;min-height:1lh;cursor:inherit;flex:none;margin:0}.shape-item>.rich[contenteditable]{-webkit-user-select:text;user-select:text;cursor:text}.bx-page{background:var(--bg);height:100%;color:var(--fg);-webkit-user-select:text;user-select:text;padding:32px clamp(16px,4vw,48px) 64px;transition:background-color .15s,color .15s;overflow:auto}.bx-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1200px;margin:0 auto 24px;display:flex}.bx-header h1{letter-spacing:-.01em;margin:0;font-size:28px;font-weight:700}.bx-header-actions{align-items:center;gap:8px;display:flex}.bx-btn{border:1px solid var(--pill-border);background:var(--pill-bg);height:32px;color:var(--fg);font:inherit;cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;padding:0 12px;font-weight:500;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.bx-btn:hover{background:var(--hover)}.bx-btn:disabled{opacity:.5;cursor:default}.bx-btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent,#fff);font-weight:600}.bx-btn.primary:hover{filter:brightness(1.08)}.bx-btn.danger:hover{color:var(--guide,#f24822);border-color:color-mix(in srgb, var(--guide,#f24822) 40%, transparent);background:color-mix(in srgb, var(--guide,#f24822) 8%, transparent)}.bx-icon{border:1px solid var(--pill-border);background:var(--pill-bg);width:32px;height:32px;color:var(--fg-muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0;display:inline-flex}.bx-icon:hover{background:var(--hover);color:var(--fg)}.bx-icon svg{display:block}.bx-inline{align-items:center;gap:6px;min-width:0;display:flex}.bx-inline input{width:200px;min-width:0;height:32px;font:inherit;color:var(--fg);background:var(--pill-bg);border:1px solid var(--accent);border-radius:8px;outline:none;flex:auto;padding:0 10px;font-size:13px}.bx-inline input::placeholder{color:var(--fg-muted)}.bx-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;max-width:1200px;margin:0 auto;display:grid}.bx-card{background:var(--pill-bg);border:1px solid var(--pill-border);min-width:0;box-shadow:var(--pill-shadow);border-radius:14px;flex-direction:column;transition:background-color .15s,border-color .15s,opacity .15s;display:flex;overflow:hidden}.bx-card.busy{opacity:.6;pointer-events:none}.bx-cover{aspect-ratio:16/10;background:var(--card-bg,var(--hover));color:var(--fg-muted);justify-content:center;align-items:center;text-decoration:none;display:flex;overflow:hidden}.bx-cover img{object-fit:cover;width:100%;height:100%;transition:transform .25s;display:block}.bx-card:hover .bx-cover img{transform:scale(1.03)}.bx-initials{letter-spacing:.02em;color:var(--tool);opacity:.8;font-size:40px;font-weight:700}.bx-body{flex-direction:column;gap:4px;min-width:0;padding:12px 14px 4px;display:flex}.bx-name{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;text-decoration:none;overflow:hidden}.bx-name:hover{color:var(--accent)}.bx-meta{color:var(--fg-muted);font-variant-numeric:tabular-nums;justify-content:space-between;gap:8px;font-size:12px;display:flex}.bx-slug{color:var(--fg-muted);opacity:.8;text-overflow:ellipsis;white-space:nowrap;font:11px ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}.bx-body .bx-inline input{width:100%}.bx-body .bx-inline .bx-btn{padding:0 8px}.bx-actions{flex-wrap:wrap;gap:4px;margin-top:auto;padding:10px 12px 12px;display:flex}.bx-actions .bx-btn{height:28px;padding:0 8px;font-size:12px}.bx-actions .bx-btn.danger{margin-left:auto}.bx-error{color:var(--guide,#f24822);font-size:12px}.bx-banner{max-width:1200px;margin:-8px auto 16px;font-size:13px}.bx-empty{max-width:1200px;color:var(--fg-muted);flex-direction:column;align-items:center;gap:14px;margin:80px auto;font-size:15px;display:flex}.bx-empty-title{font-size:22px;font-weight:600}.avatars{align-items:center;gap:6px;display:flex}.avatar-stack{align-items:center;padding-left:4px;display:flex}.title-pill .avatar,.avatar{letter-spacing:.02em;color:#fff;background:var(--peer,var(--fg-muted));border:2px solid var(--pill-bg);cursor:default;border-radius:50%;flex:none;justify-content:center;align-items:center;width:26px;height:26px;margin-left:-6px;padding:0;font-size:10.5px;font-weight:700;line-height:1;display:inline-flex;position:relative}.avatar-stack>.avatar:first-child{margin-left:0}.title-pill .avatar.self,.avatar.self{cursor:pointer;z-index:1;box-shadow:0 0 0 1.5px var(--peer)}.title-pill .avatar.self:hover,.avatar.self:hover{filter:brightness(1.1)}.avatar.more{background:var(--hover);color:var(--fg-muted);font-weight:600}.avatar-input{color:var(--fg);background:var(--bg);border:1px solid var(--accent);-webkit-user-select:text;user-select:text;border-radius:6px;outline:none;min-width:60px;max-width:200px;height:24px;padding:0 6px;font-family:inherit;font-size:12px;font-weight:500}.peer-cursors,.peer-sels{pointer-events:none;width:0;height:0;position:absolute;top:0;left:0}.peer-cursors{z-index:6}.peer-sels{z-index:2}.peer-cursor{pointer-events:none;will-change:transform;transition:transform 80ms linear;position:absolute;top:0;left:0}.peer-cursor-inner{transform-origin:0 0;transform:scale(calc(1 / var(--s,1)));pointer-events:none;position:absolute;top:0;left:0}.peer-cursor-inner svg{filter:drop-shadow(0 1px 1.5px var(--shade));display:block;overflow:visible}.peer-cursor-name{white-space:nowrap;text-overflow:ellipsis;color:#fff;background:var(--peer);max-width:180px;box-shadow:0 1px 4px var(--shade);border-radius:6px 10px 10px;padding:2px 7px;font:600 11.5px/16px Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:absolute;top:18px;left:14px;overflow:hidden}.peer-sel{pointer-events:none;box-sizing:border-box;border:calc(1.5px / var(--s,1)) dashed var(--peer);border-radius:calc(2px / var(--s,1));position:absolute}.card.remote-typing{outline:calc(2px / var(--s,1)) solid var(--peer);outline-offset:calc(2px / var(--s,1))}.typing-label{z-index:3;pointer-events:none;white-space:nowrap;transform-origin:0 100%;transform:translateY(calc(-4px / var(--s,1))) scale(calc(1 / var(--s,1)));color:#fff;background:var(--peer);box-shadow:0 1px 4px var(--shade);border-radius:6px;padding:1px 7px;font:600 11px/16px Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:absolute;bottom:100%;left:0}