.presented-files{flex-direction:column;gap:10px;width:100%;display:flex}.presented-files-note{color:var(--stone-muted);margin:0;font-size:12px;line-height:1.45}.presented-files-row{flex-wrap:wrap;gap:10px;display:flex}.presented-file{border:1px solid var(--stone-line);background:var(--stone-content);border-radius:10px;align-items:center;gap:12px;min-width:280px;max-width:420px;padding:10px 12px;transition:border-color .18s,background-color .18s;display:flex}.presented-file:hover{border-color:color-mix(in srgb,var(--stone-lime) 45%,var(--stone-line))}.presented-file-thumb{background:var(--stone-chrome);width:72px;height:56px;color:var(--stone-muted);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.presented-file-thumb .file-preview-text{padding:5px;font-size:7px;line-height:1.35}.presented-file-thumb .file-preview-table{font-size:7px}.presented-file-thumb .file-preview-table td{max-width:70px;padding:1px 3px}.presented-file-text{text-align:left;flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.presented-file-name{color:var(--stone-ink);text-overflow:ellipsis;white-space:nowrap;text-align:left;max-width:220px;font-size:12.5px;overflow:hidden}.presented-file-text small{color:var(--stone-muted);font-size:10.5px}.presented-file-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.presented-file-action{border:1px solid var(--stone-line);min-width:28px;height:28px;color:var(--stone-muted);background:var(--stone-chrome);border-radius:7px;justify-content:center;align-items:center;gap:5px;padding:0 8px;font-size:11.5px;transition:color .18s,border-color .18s;display:inline-flex}.presented-file-action:hover{color:var(--stone-ink);border-color:color-mix(in srgb,var(--stone-lime) 45%,var(--stone-line))}@media (prefers-reduced-motion:reduce){.presented-file,.presented-file-action{transition:none}}
.html-render-card{border:1px solid var(--color-hairline);border-radius:var(--radius-lg);background:var(--card);width:100%;max-width:600px;overflow:hidden}.html-render-card-preview{position:relative;overflow:hidden}.html-render-card-live{pointer-events:none;position:absolute;inset:0}.html-render-card-frame{width:calc(100% - 36px);height:calc(100% - 16px);position:absolute;top:16px;left:18px}.html-render-card-placeholder{pointer-events:none;background:var(--card);flex-direction:column;transition:opacity .22s;display:flex;position:absolute;inset:16px 18px 0;overflow:hidden}.html-render-card-placeholder[data-gone]{opacity:0}.html-render-card-placeholder img{filter:blur(1.5px);width:728px;max-width:none;height:auto;display:block}html:not(.dark) .html-render-card-placeholder img{filter:blur(1.5px)invert()hue-rotate(180deg)brightness(1.12)}.html-render-card-placeholder .noda-skeleton{border-radius:var(--radius-md);display:block}.html-render-card-fade{pointer-events:none;background:linear-gradient(to bottom,color-mix(in srgb,var(--card) 0%,transparent),var(--card) 88%);height:56px;position:absolute;inset:auto 0 0}.html-render-card-hit{cursor:pointer;background:0 0;justify-content:center;align-items:center;transition:background-color .18s;display:flex;position:absolute;inset:0}.html-render-card-hit:hover{background:color-mix(in srgb,var(--card) 18%,transparent)}.html-render-card-hint{border:1px solid var(--color-hairline);background:var(--card);height:30px;color:var(--color-ink);opacity:0;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:12.5px;transition:opacity .18s,transform .18s;display:inline-flex;transform:translateY(4px);box-shadow:0 4px 16px #0000002e}.html-render-card-hit:hover .html-render-card-hint{opacity:1;transform:none}.html-render-card:has(.html-render-card-hit:hover) .html-render-card-open{color:var(--color-ink);background:color-mix(in srgb,var(--color-ink) 6%,transparent)}.html-render-card-bar{border-top:1px solid var(--color-hairline);align-items:center;gap:8px;height:42px;padding:0 6px 0 14px;display:flex}.html-render-card-glyph{color:var(--color-ink-mute);flex:none}.html-render-card-title{text-overflow:ellipsis;white-space:nowrap;border-radius:var(--radius-sm);min-width:0;color:var(--color-ink);text-align:left;flex:0 auto;font-size:13px;font-weight:500;line-height:20px;overflow:hidden}.html-render-card-title:focus-visible{outline:2px solid var(--stone-focus);outline-offset:2px}.html-render-card-meta{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-ink-mute);flex:auto;font-size:12px;overflow:hidden}.html-render-card-open{border-radius:var(--radius-md);height:30px;color:var(--color-ink-mute);flex:none;align-items:center;gap:6px;padding:0 10px;font-size:12.5px;transition:background-color .18s,color .18s;display:inline-flex}.html-render-card-open:hover,.html-render-card-title:hover~.html-render-card-open{color:var(--color-ink);background:color-mix(in srgb,var(--color-ink) 6%,transparent)}.html-render-card-dot{background:var(--brand-accent);border-radius:50%;width:6px;height:6px;margin:0 4px}.html-render-card[data-saved]{max-width:none}.html-render-card[data-saved] .html-render-card-placeholder img{object-fit:cover;object-position:left top;filter:none;width:100%;height:100%}html:not(.dark) .html-render-card[data-saved] .html-render-card-placeholder img{filter:invert()hue-rotate(180deg)brightness(1.12)}.html-render-card-blank{color:var(--color-ink-mute);opacity:.7;margin:auto;transform:translateY(-8px)}.html-render-card[aria-busy=true] .html-render-card-open{opacity:.55}@media (prefers-reduced-motion:reduce){.html-render-card-placeholder,.html-render-card-open,.html-render-card-hit,.html-render-card-hint{transition:none}.html-render-card-hint{transform:none}}
.html-render-popup{z-index:120;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.html-render-popup-card{border:1px solid var(--color-hairline);border-radius:var(--radius-lg);flex-direction:column;width:min(1200px,92vw);height:min(860px,88vh);min-height:0;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 60px #0a0a0a59}.html-render-popup:is([data-html-render-popup=full],[data-html-render-popup=sheet]){padding:0}.html-render-popup:is([data-html-render-popup=full],[data-html-render-popup=sheet]) .html-render-popup-card{width:100%;height:100%;box-shadow:none;border:0;border-radius:0}