.format-card{padding:1.5rem;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.05);background:#0f172a66;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);cursor:pointer;transition:all var(--transition-fast);display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden}.format-card:hover{border-color:#ffffff26;background:#1e293b99;transform:translateY(-2px)}.format-card.selected{border-color:var(--accent-success);background:#10b9811a;box-shadow:0 0 20px #10b98126,inset 0 0 15px #10b9810d}.format-card.selected:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent-success)}.format-icon{font-size:2.5rem;margin-bottom:.75rem;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.format-title{font-weight:700;color:var(--text-primary);margin-bottom:.25rem;font-size:1.1rem}.format-desc{font-size:.8rem;color:var(--text-muted)}.preview-box{background:#0f172a;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md);padding:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.85rem;color:#e2e8f0;white-space:pre-wrap;word-break:break-all;overflow-y:auto;max-height:250px;box-shadow:inset 0 2px 10px #0003}.preview-box::-webkit-scrollbar{width:6px;height:6px}.preview-box::-webkit-scrollbar-track{background:#0003;border-radius:3px}.preview-box::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.preview-box::-webkit-scrollbar-thumb:hover{background:#fff3}