.sai-signers{container-type:inline-size}.sai-signers-title{color:var(--ink);flex-direction:column;gap:2px;margin:0;font-size:13px;font-weight:500;display:flex}.sai-signers-title small{color:var(--muted);font-size:11px;font-weight:400;line-height:1.45}.sai-signer{flex-direction:column;gap:6px;display:flex}.sai-signer-role{color:var(--ink);align-items:center;gap:7px;font-size:12px;font-weight:500;display:flex}.sai-signer-dot{border-radius:50%;flex:none;width:8px;height:8px}.sai-signer-inputs{grid-template-columns:1fr 1fr;gap:6px;display:grid}@container (max-width:330px){.sai-signer-inputs{grid-template-columns:1fr}}
.sai-session{z-index:5;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;border:1px solid var(--ui-edge);background:var(--surface);width:288px;max-height:calc(100% - 150px);animation:sai-session-in .32s var(--ui-ease) both;border-radius:16px;flex-direction:column;gap:14px;padding:14px;display:flex;position:absolute;top:62px;right:18px;overflow-y:auto;box-shadow:0 1px 2px #0000000a,0 18px 44px -28px #00000047}@keyframes sai-session-in{0%{opacity:0;transform:translate(10px)}}.sai-chat-side>.sai-panel{transition:padding-right var(--ui-slow) var(--ui-ease)}@media (min-width:1280px){.sai-chat-side:has(>.sai-session)>.sai-panel{padding-right:318px}}.sai-session button{font:inherit;color:inherit}.sai-session-head{justify-content:space-between;align-items:center;gap:8px;margin:-4px -6px -4px 2px;display:flex}.sai-session-head h3{letter-spacing:-.1px;margin:0;font-size:14px;font-weight:600}.sai-session-head .ui-btn-ghost{color:var(--muted)}.sai-session-head .ui-btn-ghost:hover{color:var(--ink)}.sai-session-work{text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:9px;padding:0;display:flex}.sai-session-cover{aspect-ratio:16/9;border:1px solid var(--ui-edge);background:var(--sai-card) center / cover;width:100%;transition:transform var(--ui-med) var(--ui-ease), box-shadow var(--ui-slow) var(--ui-ease);border-radius:11px;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000a}.sai-session-cover>img{object-fit:cover;object-position:top;width:100%;height:100%}.sai-session-cover:is(.is-page,.is-fit){background:linear-gradient(160deg,#efefef,#e4e4e4)}:root[data-theme=dark] .sai-session-cover:is(.is-page,.is-fit){background:linear-gradient(160deg,#2a2a2d,#1d1d20)}.sai-session-cover:is(.is-page,.is-fit)>img{object-fit:initial;height:auto;transition:transform var(--ui-med) var(--ui-ease);position:absolute;left:50%;box-shadow:0 14px 28px -14px #00000059,0 0 0 1px #0000000f}.sai-session-cover.is-page>img{border-radius:3px;width:42%;top:9%;transform:translate(-50%)}.sai-session-cover.is-fit>img{border-radius:4px;width:auto;max-width:86%;max-height:82%;top:50%;transform:translate(-50%,-50%)}.sai-session-work:hover .sai-session-cover.is-page>img{transform:translate(-50%,-3px)}.sai-session-mark{background:color-mix(in srgb, var(--surface) 80%, transparent);border-radius:14px;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 6px 18px -10px #00000059}.sai-session-work:hover .sai-session-cover,.sai-session-work:focus-visible .sai-session-cover{box-shadow:var(--ui-shadow-hover);transform:translateY(-2px)}.sai-session-work:focus-visible{outline:0}.sai-session-work:focus-visible .sai-session-cover{outline:2px solid var(--ui-focus);outline-offset:2px}.sai-session-peek{background:var(--ink);height:24px;color:var(--surface);opacity:0;transition:opacity var(--ui-fast) var(--ui-ease), transform var(--ui-fast) var(--ui-ease);border-radius:99px;align-items:center;gap:5px;padding:0 9px;font-size:11px;font-weight:500;display:inline-flex;position:absolute;bottom:8px;right:8px;transform:translateY(3px)}.sai-session-work:hover .sai-session-peek,.sai-session-work:focus-visible .sai-session-peek{opacity:1;transform:none}@media (hover:none){.sai-session-peek{opacity:1;transform:none}}.sai-session-name{flex-direction:column;gap:1px;min-width:0;padding:0 2px;display:flex}.sai-session-name strong{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:550;line-height:1.35;overflow:hidden}.sai-session-name small{color:var(--muted);font-size:12px}.sai-session-works{flex-direction:column;display:flex}.sai-session-works.is-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px;display:grid}.sai-session-work.is-small{gap:7px}.sai-session-work.is-small .sai-session-cover{border-radius:9px}.sai-session-work.is-small .sai-session-mark{border-radius:11px;width:38px;height:38px}.sai-session-work.is-small .sai-session-peek{justify-content:center;width:22px;height:22px;padding:0;bottom:6px;right:6px}.sai-session-work.is-small .sai-session-name strong{font-size:12.5px}.sai-session-work.is-small .sai-session-name small{font-size:11px}.sai-session-pics{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.sai-session-pics button{aspect-ratio:1;background:repeating-conic-gradient(var(--hover) 0 25%, var(--surface) 0 50%) 0 0 / 12px 12px;width:100%;box-shadow:inset 0 0 0 1px var(--sai-hairline);cursor:zoom-in;transition:transform var(--ui-fast) var(--ui-ease);border:0;border-radius:8px;padding:0;display:block;overflow:hidden}.sai-session-pics button:hover{transform:translateY(-1px)}.sai-session-pics img{object-fit:cover;width:100%;height:100%}.sai-session-used{flex-direction:column;gap:2px;display:flex}.sai-session-used h4{border-top:1px solid var(--sai-hairline);margin:0 0 6px;padding-top:14px;font-size:12.5px;font-weight:600}.sai-session-used ul{flex-direction:column;gap:1px;margin:0 -6px;padding:0;list-style:none;display:flex}.sai-session-used li>button{text-align:left;cursor:pointer;width:100%;min-width:0;transition:background-color var(--ui-fast) var(--ui-ease);background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;padding:6px;display:flex}.sai-session-used li>button:hover{background:var(--hover)}.sai-session-icon{background:var(--sai-card);width:26px;height:26px;color:var(--muted);border-radius:7px;flex-shrink:0;place-items:center;display:grid;overflow:hidden}.sai-session-icon>img{object-fit:cover;width:100%;height:100%}.sai-session-icon .tc{border-radius:0;width:100%;height:100%}.sai-session-file{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12.5px;overflow:hidden}.sai-session-used small{color:var(--muted);flex-shrink:0;font-size:11.5px}.sai-session-more{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;align-self:flex-start;margin-top:4px;padding:3px 6px;font-size:12px}.sai-session-more:hover{background:var(--hover);color:var(--ink)}@media (max-width:700px){.sai-session{gap:12px;width:min(264px,100% - 20px);max-height:calc(100% - 130px);padding:12px;top:54px;right:10px;box-shadow:0 1px 2px #0000000a,0 20px 50px -24px #00000059}}@media (prefers-reduced-motion:reduce){.sai-session{animation:none}.sai-chat-side>.sai-panel{transition:none}}
.sai-rf{flex-direction:column;gap:6px;margin:4px 0 0;padding:0;list-style:none;display:flex}.sai-rf-card{border:1px solid var(--ui-edge);background:var(--surface);width:100%;max-width:420px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;animation:sai-rf-in .26s var(--ui-ease) both;transition:box-shadow var(--ui-med) var(--ui-ease), border-color var(--ui-med) var(--ui-ease), transform var(--ui-fast) var(--ui-ease);border-radius:14px;align-items:center;gap:12px;padding:6px 12px 6px 6px;display:flex}@keyframes sai-rf-in{0%{opacity:0;transform:translateY(4px)}}.sai-rf-card:hover{border-color:var(--ui-edge-hover);box-shadow:var(--ui-shadow-hover)}.sai-rf-card:active{transform:scale(.99)}.sai-rf-card:focus-visible{outline:2px solid var(--ui-focus);outline-offset:2px}.sai-rf-thumb{aspect-ratio:16/10;background:var(--sai-card) center / cover;width:64px;box-shadow:inset 0 0 0 1px var(--sai-hairline);border-radius:9px;flex-shrink:0;place-items:center;display:grid;overflow:hidden}.sai-rf-thumb>img{object-fit:cover;object-position:top;width:100%;height:100%}.sai-rf-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sai-rf-text strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:550;overflow:hidden}.sai-rf-text small{color:var(--muted);align-items:center;gap:5px;font-size:11.5px;display:inline-flex}.sai-rf-open{color:var(--muted);opacity:0;transition:opacity var(--ui-fast) var(--ui-ease), transform var(--ui-fast) var(--ui-ease), color var(--ui-fast) var(--ui-ease);flex-shrink:0;align-items:center;gap:5px;font-size:12px;font-weight:500;display:inline-flex;transform:translate(-3px)}.sai-rf-card:hover .sai-rf-open,.sai-rf-card:focus-visible .sai-rf-open{opacity:1;color:var(--ink);transform:none}@media (hover:none){.sai-rf-open{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.sai-rf-card{animation:none}}