.attachment-manager{background:#fff;border:1px solid #dde1dd;border-radius:12px;margin-top:14px;padding:16px}.attachment-manager>header{justify-content:space-between;align-items:center;gap:14px;display:flex}.attachment-manager h3{margin:0;font-size:15px}.attachment-manager header p{color:#7f8581;margin:4px 0 0;font-size:11px}.attachment-manager header label{color:#fff;cursor:pointer;background:#171918;border-radius:9px;align-items:center;gap:7px;min-height:42px;padding:0 13px;font-size:11px;font-weight:800;display:flex}.attachment-manager header label.busy{opacity:.55}.attachment-manager input{display:none}.attachment-message{color:#35624d;background:#f1f5f2;border-radius:8px;margin-top:11px;padding:9px 11px;font-size:10px}.attachment-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px;margin-top:13px;display:grid}.attachment-thumb,.attachment-file,.attachment-legacy{background:#f7f8f6;border:1px solid #e2e5e1;border-radius:10px;min-width:0;overflow:hidden}.thumb-open{cursor:zoom-in;background:#edf0ed;border:0;width:100%;height:110px;padding:0;display:block}.thumb-open img{object-fit:cover;width:100%;height:100%}.attachment-thumb footer{align-items:center;gap:5px;padding:8px;display:flex}.attachment-thumb footer span{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:9px;overflow:hidden}.attachment-thumb footer button,.attachment-file>button{color:#777;background:0 0;border:0;padding:5px}.attachment-file,.attachment-legacy{align-items:center;padding:11px;display:flex}.attachment-file a{color:#171918;flex:1;align-items:center;gap:9px;min-width:0;text-decoration:none;display:flex}.attachment-file span,.attachment-legacy span{min-width:0}.attachment-file b,.attachment-file small,.attachment-legacy b,.attachment-legacy small{text-overflow:ellipsis;white-space:nowrap;font-size:9px;display:block;overflow:hidden}.attachment-file small,.attachment-legacy small{color:#888;margin-top:3px;font-size:8px}.attachment-legacy{color:#777;gap:9px}.attachment-unavailable{color:#8a908c;margin:12px 0 0;font-size:9px}.image-viewer{z-index:10000;background:#090b0add;place-items:center;padding:55px;display:grid;position:fixed;inset:0}.image-viewer figure{text-align:center;max-width:min(1100px,90vw);margin:0}.image-viewer img{object-fit:contain;border-radius:10px;max-width:100%;max-height:78vh;display:block;box-shadow:0 25px 80px #0008}.image-viewer figcaption{color:#fff;margin-top:12px;font-size:12px}.image-viewer>button{color:#171918;background:#fff;border:0;border-radius:50%;place-items:center;width:46px;height:46px;display:grid;position:absolute}.viewer-close{top:20px;right:20px}.viewer-prev{left:20px}.viewer-next{right:20px}@media (max-width:600px){.attachment-manager{padding:13px}.attachment-manager>header{align-items:flex-start}.attachment-manager header label{padding:0 11px}.attachment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.thumb-open{height:105px}.image-viewer{padding:70px 14px}.image-viewer img{max-height:72vh}.viewer-prev{left:8px}.viewer-next{right:8px}.image-viewer>button{width:40px;height:40px}}.platform-preview-bar{color:#181a19;background:#f4c84d;border-bottom:1px solid #d4aa33;align-items:center;gap:14px;min-height:42px;padding:8px 18px;display:flex}.platform-preview-bar strong{letter-spacing:.06em;font-size:10px}.platform-preview-bar span{opacity:.72;font-size:8px}.platform-preview-bar a{color:#fff;background:#171918;border-radius:7px;margin-left:auto;padding:7px 11px;font-size:8px;font-weight:850;text-decoration:none}@media (max-width:700px){.platform-preview-bar{flex-wrap:wrap;gap:3px 9px;min-height:52px;padding:7px 11px}.platform-preview-bar strong{width:calc(100% - 90px);font-size:8px}.platform-preview-bar span{order:3;width:100%;font-size:7px}.platform-preview-bar a{margin:0;padding:6px 9px;position:absolute;right:10px}}