.attachment-card{display:flex;gap:12px;border:1px solid #dee7ed;border-radius:8px;padding:10px;margin:8px 0;background:white}.attachment-thumb{width:132px;height:100px;flex:0 0 132px;background:#f0f6fa;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;overflow:hidden;color:#507e96}.attachment-thumb>span{font-size:22px;font-weight:700}.attachment-thumb>small{font-size:11px}.attachment-thumb img{width:100%;height:100%;object-fit:contain}.attachment-card-info{min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px}.attachment-name{padding:0;background:none;color:#3a657d;text-align:left;overflow-wrap:anywhere;font-weight:650}.attachment-card-info>small{color:#768590;font-size:11px}.attachment-save{padding:0!important;font-size:12px}.attachment-viewer{width:min(1200px,94vw);height:min(850px,92vh);padding:0;border:1px solid #cedbe4;border-radius:12px;background:#f6f9fa;color:#334b59;box-shadow:0 20px 70px #1e354155;overflow:hidden}.attachment-viewer[open]{display:flex;flex-direction:column}.attachment-viewer::backdrop{background:#1e2e3eaa}.attachment-viewer header{display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid #d9e4ea;background:white}.attachment-viewer header>div{flex:1;min-width:0}.attachment-viewer h2{font-size:16px;margin:0;overflow-wrap:anywhere}.attachment-viewer p{font-size:12px;margin:7px 0 0;color:#77858f}.attachment-viewer header>a{white-space:nowrap;font-size:12px}.viewer-tools{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px;min-height:52px;font-size:12px}.viewer-stage{flex:1;min-height:0;overflow:auto;display:grid;justify-items:center;align-items:start;padding:16px;background:#ecf1f5}.viewer-stage>canvas{max-width:none;display:block;background:white;box-shadow:0 2px 12px #2c3e4915}.viewer-model{padding:0;display:block;overflow:hidden}.viewer-model>canvas{width:100%;height:100%;background:transparent;box-shadow:none;touch-action:none}@media(max-width:800px){.attachment-viewer header{flex-wrap:wrap;padding:10px}.viewer-tools{gap:7px;flex-wrap:wrap}.attachment-thumb{width:100px;flex-basis:100px;height:80px}}
.attachment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin:10px 0 18px}.attachment-grid .attachment-card{position:relative;aspect-ratio:1;min-width:0;margin:0;padding:30px 10px 10px;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:8px;overflow:hidden;border:1px solid #dee7ed}.attachment-grid .attachment-card.is-selected{border-color:#4385a7;box-shadow:0 0 0 1px #4385a7;background:#f4f9fc}.attachment-grid .attachment-thumb{width:100%;height:100%;min-height:0;flex:none}.attachment-grid .attachment-card-info{gap:3px;min-width:0}.attachment-grid .attachment-name{font-size:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:100%}.attachment-grid .attachment-card-info>small{font-size:10px;white-space:nowrap}.attachment-checkbox{position:absolute;top:7px;left:9px;display:flex;align-items:center;gap:5px;font-size:11px;color:#5e7582;cursor:pointer}.attachment-checkbox input,.attachment-select-all input{width:16px;height:16px;margin:0;accent-color:#367c9d}.attachment-batch{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 0;border-bottom:1px solid #e1e9ef;font-size:12px}.attachment-batch button{font-size:11px;padding:8px 10px}.attachment-select-all{display:flex;align-items:center;gap:6px}.attachment-batch-result{flex-basis:100%;line-height:1.6;color:#4e6877;overflow-wrap:anywhere}.attachment-batch-result:empty{display:none}.attachment-batch-result small{display:block}.attachment-batch-result details{color:#ac4a35}.attachment-download-settings{width:min(580px,92vw);max-height:90vh;overflow:auto;border:1px solid #cedbe4;border-radius:12px;padding:24px;color:#334b59}.attachment-download-settings::backdrop{background:#1e2e3e99}.attachment-download-settings header{display:flex;align-items:center;justify-content:space-between;gap:16px}.attachment-download-settings h2{font-size:18px}.attachment-download-settings form{display:grid;gap:14px}.attachment-download-settings label{display:grid;gap:8px;font-size:12px}.attachment-download-settings input,.attachment-download-settings select{width:100%;border:1px solid #d1dde4;border-radius:5px;padding:10px;color:inherit;background:white}.attachment-download-settings p{font-size:12px;line-height:1.7;margin:0}.download-path{display:flex;align-items:center;gap:12px}.download-path span{flex:1;min-width:0;overflow-wrap:anywhere;font-size:12px}.download-path button{flex-shrink:0}[data-download-error]{color:#a53b32}@media(max-width:900px){.attachment-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}