.attachments-preview-modal{width:min(960px,100vw - 24px);height:min(900px,100dvh - 48px)}.attachments-preview-body{gap:var(--space-3);grid-template-rows:minmax(0,1fr) auto;height:100%;display:grid}.attachments-preview-stage{align-content:center;place-items:center;gap:var(--space-3);min-height:160px;padding:var(--space-4);border-radius:var(--radius);background:var(--color-surface-raised);text-align:center;display:grid;position:relative;overflow:hidden}.attachments-preview-image{box-sizing:border-box;width:100%;height:100%;padding:var(--space-3);object-fit:contain;display:block;position:absolute;inset:0}.attachments-preview-video{box-sizing:border-box;width:100%;height:100%;padding:var(--space-3);object-fit:contain;background:#0d1215;display:block;position:absolute;inset:0}.attachments-pdf-frame{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.attachments-preview-note{max-width:44ch;color:var(--color-muted);margin:0;font-size:13px;line-height:1.5}.attachments-preview-recovery{text-align:start;width:min(100%,440px)}.attachments-preview-spinner{color:var(--color-muted)}.attachments-preview-footer{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;width:100%;display:flex}.attachments-preview-steps{align-items:center;gap:var(--space-1);display:flex}.attachments-preview-position{min-width:6ch;color:var(--color-muted);font-variant-numeric:tabular-nums;text-align:center;font-size:12px}.attachments-category-dialog{width:min(480px,100vw - 24px)}.attachments-category-form{gap:var(--space-4);display:grid}.attachments-category-files{gap:var(--space-1);margin:0;padding:0;font-size:13px;line-height:1.5;list-style:none;display:grid}.attachments-category-files li{align-items:center;gap:var(--space-2);min-width:0;display:flex}.attachments-category-files svg{color:var(--color-accent);flex:none}.attachments-category-file-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.attachments-category-file-size{color:var(--color-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.attachments-category-more{color:var(--color-muted);padding-left:23px}.attachments-skipped-name{overflow-wrap:anywhere}
.attachments-gallery{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin:0;padding:0;list-style:none;display:grid}@container attachments (max-width:480px){.attachments-gallery{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr))}}.attachments-tile{min-width:0;padding-bottom:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);transition:border-color var(--motion-fast) var(--motion-ease), background-color var(--motion-fast) var(--motion-ease);grid-template-columns:minmax(0,1fr);grid-template-areas:"media""name""meta";align-content:start;display:grid;position:relative;overflow:hidden}.attachments-tile:hover{border-color:var(--color-border-hover);background:var(--color-table-hover)}.attachments-tile:has(.attachments-tile-open:focus-visible){outline:2px solid var(--color-accent);outline-offset:2px}.attachments-tile-media{aspect-ratio:4/3;border-bottom:1px solid var(--color-border);background:var(--color-surface-raised);grid-area:media;place-items:center;display:grid;position:relative;overflow:hidden}.attachments-tile-media[data-kind=type]{padding-top:calc(var(--ui-button-small-height,32px) + var(--space-2))}.attachments-tile-media img{box-sizing:border-box;width:100%;height:100%;padding:var(--space-2);object-fit:contain;display:block;position:absolute;inset:0}.attachments-tile-open{min-width:0;padding:var(--space-2) var(--space-3) 2px;color:var(--color-text);font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;border-radius:0;grid-area:name;justify-self:stretch;margin:0;font-size:12px;font-weight:600;line-height:1.45}.attachments-tile-open:after{content:"";position:absolute;inset:0}.attachments-tile-open:focus-visible{outline:none}.attachments-tile-name{overflow-wrap:anywhere;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.attachments-tile-meta{align-items:center;gap:2px var(--space-2);min-width:0;padding:2px var(--space-3) 0;color:var(--color-muted);font-variant-numeric:tabular-nums;white-space:nowrap;flex-wrap:wrap;grid-area:meta;font-size:11.5px;line-height:1.5;display:flex}.attachments-tile-actions{top:var(--space-2);right:var(--space-2);z-index:1;gap:var(--space-1);transition:opacity var(--motion-fast) var(--motion-ease);display:flex;position:absolute}@media (hover:hover){.attachments-tile:not(:hover,:focus-within) .attachments-tile-actions{opacity:0}}@media (prefers-reduced-motion:reduce){.attachments-tile,.attachments-tile-actions{transition:none}}
.attachments-panel{min-width:0;position:relative;container:attachments/inline-size}.attachments-panel:focus{outline:none}.attachments-stack{gap:var(--ui-panel-body-gap,var(--space-3));min-width:0;display:grid}.attachments-toolbar{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-3);min-height:var(--ui-button-small-height,34px);flex-wrap:wrap;display:flex}.attachments-toolbar-start{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;flex:999 auto;min-width:0;display:flex}.attachments-toolbar-start:has(>.attachments-intro){flex-basis:280px}.attachments-toolbar-end{justify-content:flex-end;align-items:center;gap:var(--space-2);flex-wrap:wrap;flex:auto;margin-left:auto;display:flex}.attachments-toolbar-end>.attachments-count{margin-right:auto}.attachments-toolbar-end:only-child>.attachments-count{margin-right:0}.attachments-search{flex:240px;max-width:360px}.attachments-search input[type=search]::-webkit-search-cancel-button{display:none}.attachments-count{min-height:var(--ui-button-small-height,34px);padding-right:var(--space-1);color:var(--color-muted);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;font-size:12.5px;display:inline-flex}.attachments-add-short{display:none}.attachments-intro{flex:260px;gap:2px;min-width:0;display:grid}.attachments-intro-title{color:var(--color-text);margin:0;font-size:13px;font-weight:600;line-height:1.4}.attachments-intro-hint{color:var(--color-muted);overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.5}.attachments-limit{white-space:nowrap}@media (hover:none) and (pointer:coarse){.attachments-drop-hint{display:none}}@container attachments (max-width:520px){.attachments-toolbar>.attachments-toolbar-start,.attachments-toolbar-start>.attachments-search{flex-basis:100%;max-width:none}.attachments-toolbar-end:only-child>.attachments-count{margin-right:auto}.attachments-add-label{display:none}.attachments-add-short{display:inline}}@container attachments (max-width:340px){.attachments-add-icon,.attachments-add-chevron{display:none}}.attachments-issues{padding-left:var(--space-4);gap:2px;margin:0;display:grid}.attachments-tile-type{justify-items:center;gap:var(--space-1);color:var(--color-muted);letter-spacing:.04em;font-size:11px;font-weight:600;display:grid}.attachments-tile-type svg{color:var(--color-accent)}.attachments-drop-overlay{z-index:2;padding:var(--space-2) var(--space-3);border:2px dashed var(--color-accent);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-accent-surface) 94%, transparent);color:var(--color-accent);text-align:center;pointer-events:none;animation:attachments-overlay-in var(--motion-fast) var(--motion-ease) both;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:0}.attachments-drop-title{align-items:center;gap:var(--space-2);color:var(--color-text);margin:0;font-size:13px;font-weight:600;line-height:1.4;display:flex}.attachments-drop-title svg{color:var(--color-accent);flex:none}.attachments-drop-limits{color:var(--color-muted);margin:0;font-size:12px;line-height:1.5}@keyframes attachments-overlay-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.attachments-drop-overlay{animation:none}}