/* Native preview icons. Artwork comes from the official local Phosphor sprite
   or unmodified vendor brand assets; existing controls keep their hit areas. */
.df-app .ph-icon{width:16px;height:16px;flex-shrink:0;fill:currentColor;stroke:none;vertical-align:middle;pointer-events:none}
.df-app .df-brand-icon{display:inline-block;width:16px;height:16px;flex-shrink:0;object-fit:contain;vertical-align:middle;pointer-events:none}
.df-app .df-activity-icon .ph-icon,.df-app .df-activity-icon .df-brand-icon{width:14px;height:14px}
.df-app .df-detailapp>span,.df-app .df-cite-icon,.df-app .df-app-initial{flex-shrink:0}
.df-app .df-provider-options button{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.df-app .df-settings-note>span .ph-icon{width:24px;height:24px}
.df-app .df-chat-empty>span .ph-icon{width:28px;height:28px}
.df-app .df-chat-response>span .ph-icon{width:20px;height:20px}
.df-app .route-arrow.ph-icon{width:14px;height:14px}
.df-app .df-brand-icon[src$="/figma.png"]{background:#fff;border-radius:2px}