* { box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; margin: 0; padding: 16px; background: #ffffff; font-size: 13px; line-height: 1.4; } .container { max-width: 100%; } .section { margin-bottom: 24px; border: 1px solid #e6e6e6; border-radius: 6px; padding: 16px; } .section-title { font-weight: 600; margin-bottom: 12px; color: #333; font-size: 14px; } .button { background: #0066cc; color: white; border: none; padding: 8px 16px; border-radius: 4px; cursor: pointer; font-size: 13px; width: 100%; margin-bottom: 8px; } .button:hover { background: #0052a3; } .button:disabled { background: #cccccc; cursor: not-allowed; } .button.secondary { background: white; color: #333; border: 1px solid #ccc; } .button.secondary:hover { background: #f5f5f5; } .checkbox-group { margin-bottom: 12px; } .checkbox-item { display: flex; align-items: center; margin-bottom: 8px; padding: 4px; } .checkbox-item input { margin-right: 8px; } .checkbox-item label { flex: 1; cursor: pointer; } .collection-info { font-size: 11px; color: #666; margin-left: 20px; } .file-input { width: 100%; padding: 8px; border: 1px solid #ccc; border-radius: 4px; margin-bottom: 12px; } .status { padding: 8px; border-radius: 4px; margin-bottom: 12px; font-size: 12px; } .status.success { background: #e6f7e6; color: #2d7d2d; border: 1px solid #b3e6b3; } .status.error { background: #ffe6e6; color: #cc0000; border: 1px solid #ffb3b3; } .hidden { display: none; } .tabs { display: flex; margin-bottom: 16px; border-bottom: 1px solid #e6e6e6; } .tab { padding: 8px 16px; cursor: pointer; border-bottom: 2px solid transparent; font-weight: 500; } .tab.active { border-bottom-color: #0066cc; color: #0066cc; } .tab-content { display: none; } .tab-content.active { display: block; } .select-all-btn { font-size: 11px; padding: 4px 8px; margin-bottom: 8px;