.mention-anchor{height:0;position:relative}.mention-menu{z-index:30;border:1px solid var(--gl-line);background:var(--gl-panel);min-width:min(220px,100%);max-width:min(360px,100%);box-shadow:var(--gl-rim), var(--gl-lift);border-radius:16px;flex-direction:column;gap:2px;margin:0;padding:6px;list-style:none;display:flex;position:absolute;bottom:8px;left:0}.mention-option{min-height:38px;color:var(--dash-muted);cursor:pointer;touch-action:manipulation;border:1px solid #0000;border-radius:11px;align-items:center;gap:10px;padding:0 12px;font-size:14px;font-weight:600;display:flex}.mention-option.is-active{border-color:var(--gl-line-raised);background:var(--gl-selected-raised);box-shadow:var(--gl-rim-raised);color:var(--dash-text)}.mention-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.mention-hint{background:var(--gl-accent-wash);color:var(--gl-accent);border-radius:999px;flex:none;padding:2px 7px;font-size:11px;font-weight:650}@media (prefers-reduced-motion:no-preference){.mention-menu{animation:.12s ease-out mention-in}}@keyframes mention-in{0%{opacity:0;transform:translateY(4px)}}.mention-hint{border-radius:6px}
.chat-panel{position:relative}.chat-composer:has(.att-menu){overflow:visible}.chat-composer:has(.att-menu .pill-menu-panel){z-index:6;position:relative}.att-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.att-tray-wrap{padding:10px 12px 0}.att-tray{scrollbar-width:thin;scrollbar-color:var(--gl-line) transparent;gap:8px;padding:2px 2px 6px;display:flex;overflow-x:auto}.att-tile{border:1px solid var(--gl-line);background:var(--gl-control);height:64px;box-shadow:var(--gl-rim-control);color:var(--dash-text);border-radius:12px;flex:none;position:relative;overflow:hidden}.att-tile.is-square{width:64px}.att-tile.is-card{width:172px}.att-tile.is-failed{border-color:#ff9b8f8c}.att-tile-main{width:100%;height:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex;position:relative}.att-tile-main:disabled{cursor:default}.att-tile-main:focus-visible,.att-tile-remove:focus-visible,.att-tile-veil.is-failed:focus-visible{outline:2px solid var(--gl-accent);outline-offset:-2px}.att-tile.is-square img{object-fit:cover;width:100%;height:100%;display:block}.att-tile-ph{width:100%;height:100%;color:var(--dash-muted);place-items:center;display:grid}.att-tile-ph svg,.att-tile-icon svg{width:22px;height:22px}.att-tile.is-card .att-tile-main{padding:0 28px 0 10px}.att-tile-icon{background:var(--gl-raised);width:36px;height:36px;color:var(--gl-accent);border-radius:9px;flex:none;place-items:center;display:grid}.att-tile-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.att-tile-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:650;line-height:1.25;overflow:hidden}.att-tile-copy span{color:var(--dash-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.25;overflow:hidden}.att-tile-badge{color:#fff;background:#0a0c0eb8;border-radius:999px;align-items:center;gap:3px;padding:2px 6px 2px 4px;font-size:10.5px;font-weight:650;line-height:1.3;display:inline-flex;position:absolute;bottom:4px;left:4px}.att-tile-badge svg{fill:currentColor;width:10px;height:10px}.att-tile-remove{color:#fff;cursor:pointer;opacity:.86;touch-action:manipulation;background:#0a0c0eb8;border:0;border-radius:50%;place-items:center;width:20px;height:20px;padding:0;transition:opacity .15s,background-color .15s;display:grid;position:absolute;top:4px;right:4px}.att-tile-remove svg{width:11px;height:11px}.att-tile:hover .att-tile-remove,.att-tile-remove:focus-visible{opacity:1;background:#0a0c0eeb}.att-tile-veil{color:#fff;pointer-events:none;background:#0e101394;border:0;place-items:center;display:grid;position:absolute;inset:0}.att-tile-veil.is-failed{color:#ffb4a9;font:inherit;cursor:pointer;pointer-events:auto;touch-action:manipulation;background:#281210c7;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:650;display:flex}.att-tile-veil.is-failed svg{width:16px;height:16px}.att-ring{width:28px;height:28px;transform:rotate(-90deg)}.att-ring circle{fill:none;stroke-width:2.5px}.att-ring-track{stroke:#fff3}.att-ring-bar{stroke:var(--gl-accent);stroke-linecap:round;transition:stroke-dashoffset .2s}@media (prefers-reduced-motion:no-preference){.att-ring.is-spinning{animation:.9s linear infinite att-spin}}@keyframes att-spin{to{transform:rotate(270deg)}}.att-tray-problem{color:#ffb4a9;align-items:flex-start;gap:6px;margin:2px 2px 4px;font-size:12px;line-height:1.4;display:flex}.att-tray-problem svg{flex:none;width:14px;height:14px;margin-top:1px}.att-menu .pill-menu-panel{min-width:220px}.att-drop{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--dash-text);text-align:center;pointer-events:none;background:#14171ae6;border:1.5px dashed #5dffc299;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:24px;display:flex;position:absolute;inset:8px}.att-drop strong{font-size:15px;font-weight:680}.att-drop>span:last-child{max-width:320px;color:var(--dash-muted);font-size:12.5px;line-height:1.45}.att-drop-icon{background:var(--gl-accent-wash);width:44px;height:44px;color:var(--gl-accent);border-radius:50%;place-items:center;display:grid}.att-drop-icon svg{width:22px;height:22px}.att-thread{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-bottom:8px;display:flex}.att-tile.is-thread.is-square{width:96px;height:96px}.att-tile.is-thread.is-card{width:210px}.att-tile.is-thread .att-tile-main{text-align:left}.att-viewer-backdrop{z-index:90;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080a0cc7;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.att-viewer{border:1px solid var(--gl-line);background:var(--gl-panel);width:min(980px,100%);max-height:100%;box-shadow:var(--gl-rim), 0 28px 80px #0000008c;color:var(--dash-text);border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.att-viewer:focus-visible{outline:none}.att-viewer-head{border-bottom:1px solid var(--gl-divider);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px 12px 18px;display:flex}.att-viewer-title{flex-direction:column;gap:2px;min-width:0;display:flex}.att-viewer-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:650;overflow:hidden}.att-viewer-title span{color:var(--dash-muted);font-size:12px}.att-viewer-close,.att-viewer-step{border:1px solid var(--gl-line);background:var(--gl-control);width:36px;height:36px;box-shadow:var(--gl-rim-control);color:var(--dash-muted);cursor:pointer;touch-action:manipulation;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.att-viewer-close:hover,.att-viewer-step:hover:not(:disabled){border-color:var(--gl-line);background:var(--gl-control-hover);box-shadow:var(--gl-rim-control);color:var(--dash-text)}.att-viewer-close:focus-visible,.att-viewer-step:focus-visible{outline:2px solid var(--gl-accent);outline-offset:2px}.att-viewer-step:disabled{opacity:.35;cursor:default}.att-viewer-close svg,.att-viewer-step svg{width:16px;height:16px}.att-viewer-stage{background:var(--gl-card);flex:1;justify-content:center;align-items:center;min-height:0;padding:16px 56px;display:flex;position:relative}.att-viewer-stage img,.att-viewer-stage video{object-fit:contain;border-radius:10px;max-width:100%;max-height:min(72vh,720px);display:block}.att-viewer-step{position:absolute;top:50%;translate:0 -50%}.att-viewer-step.is-prev{left:10px}.att-viewer-step.is-next{right:10px}.att-viewer-text{border:1px solid var(--gl-line);background:var(--gl-control);width:100%;max-height:min(72vh,720px);color:var(--dash-text);white-space:pre-wrap;word-break:break-word;border-radius:10px;margin:0;padding:14px 16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;line-height:1.55;overflow:auto}.att-viewer-doc{color:var(--dash-muted);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:36px 16px;display:flex}.att-viewer-doc svg{width:40px;height:40px;color:var(--gl-accent)}.att-viewer-doc p{color:var(--dash-text);margin:0;font-size:14px}.att-viewer-doc a{color:var(--gl-accent);font-size:13px;font-weight:650}.att-viewer-note{border-top:1px solid var(--gl-divider);color:var(--dash-muted);margin:0;padding:10px 18px 14px;font-size:12.5px}@media (max-width:680px){.att-tile.is-card{width:150px}.att-tile.is-thread.is-square{width:84px;height:84px}.att-tile.is-thread.is-card{width:min(210px,100%)}.att-viewer-backdrop{padding:10px}.att-viewer-stage{padding:12px 12px 56px}.att-viewer-step{top:auto;bottom:10px;translate:none}.att-viewer-step.is-prev{left:calc(50% - 44px)}.att-viewer-step.is-next{right:calc(50% - 44px)}}.att-viewer-close,.att-viewer-step{--key:2px;border-radius:var(--gl-key-radius-sm);box-shadow:var(--gl-key-edge), inset 0 0 0 1px var(--gl-line), 0 var(--key) 0 var(--gl-key-lip);border-color:#0000;transition:background .18s,box-shadow .12s,transform .12s}.att-viewer-close:hover,.att-viewer-step:hover:not(:disabled){box-shadow:var(--gl-key-edge), inset 0 0 0 1px var(--gl-line), 0 var(--key) 0 var(--gl-key-lip);border-color:#0000}.att-viewer-close:active,.att-viewer-step:active:not(:disabled){transform:translateY(1px)}.att-tile-badge,.att-tile-remove{border-radius:6px}.att-drop-icon{border-radius:var(--gl-key-radius)}